@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }

body { line-height: 1; }

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

nav ul { list-style: none; }

blockquote, q { quotes: none; }

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

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { text-decoration: none; }

ins, mark { background-color: #ff9; color: #000; }

mark { font-style: italic; font-weight: 600; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

table { font-size: inherit; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 100%; font: 115% monospace; line-height: 150%; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.clear { clear: both; }

br.clear { font-size: 1px; line-height: 100%; clear: both; }

div.clear { line-height: 100%; clear: both; }

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { zoom: 1; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

.imgfix { font-size: 1px; line-height: 1px; }

html { font-size: 2.666vw; }

body { color: #080404; font-size: 1.4rem; font-weight: 500; font-family: "ヒラギノ角ゴ Pro", 'Hiragino Kaku Gothic Pro', "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; /* IE10以上 */ /* IE9 */ letter-spacing: 0px; -webkit-text-size-adjust: 100%; }

@media all and (-ms-high-contrast: none) { body { font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; } }

@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { body { font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; } }

@media (min-width: 768px) { html { font-size: 125%; }
  body { font-size: 16px; } }

*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; }

ul, ol { list-style: none; }

p { line-height: 1.6; }

img { max-width: 100%; height: auto; vertical-align: bottom; image-rendering: -webkit-optimize-contrast; }

@media (min-width: 768px) { img { width: auto; } }

button, input[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

a { color: #080404; }

a:hover { text-decoration: none; }

a:focus { outline: none; }

.bold { font-weight: bold; }

.palt, .qa-category-list a span { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.justify { text-align: justify; text-justify: distribute; }

.responsive-movie { position: relative; width: 100%; padding-top: 56.25%; }

.responsive-movie iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

.content-inner { margin: 0 1rem; width: auto; }

.content-inner::after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

@media (min-width: 768px) { .content-inner { max-width: 900px; margin: 0 auto; padding: 0 20px; } }

@media (max-width: 767px) { .home .content-inner { padding: 0 2rem; } }

#wrapper { overflow: hidden; }

#container { display: block; position: relative; margin-top: 125px; }

@media (max-width: 767px) { #container { margin-top: 0; } }

@media (max-width: 767px) { .hide-sp, br.hide-sp { display: none; } }

@media (min-width: 768px) { .hide-pc, br.hide-pc { display: none; } }

@media (min-width: 768px) and (max-width: 1024px) { .hide-tablet, br.hide-tablet { display: none; } }

.btn-internalLink, .recipe-list__btn, .post-list__more .btn, .recipe-list__more .btn, .business-localGoverment__content .btn, .business-collaboration__list .btn, .business-medical_field__list .btn { height: 2.5rem; width: 12rem; margin: 0 auto; border: 1px solid #000; border-radius: 2px; font-size: 0.8rem; font-weight: 600; text-decoration: none; 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; }

.btn-internalLink::after, .recipe-list__btn::after, .post-list__more .btn::after, .recipe-list__more .btn::after, .business-localGoverment__content .btn::after, .business-collaboration__list .btn::after, .business-medical_field__list .btn::after { margin-left: 0.5rem; content: '▶︎'; font-size: 0.6rem; }

.btn-internalLink.before::before, .before.recipe-list__btn::before, .post-list__more .before.btn::before, .recipe-list__more .before.btn::before, .business-localGoverment__content .before.btn::before, .business-collaboration__list .before.btn::before, .business-medical_field__list .before.btn::before { margin-right: 0.5rem; content: '◀︎'; font-size: 0.6rem; }

.btn-internalLink.before::after, .before.recipe-list__btn::after, .post-list__more .before.btn::after, .recipe-list__more .before.btn::after, .business-localGoverment__content .before.btn::after, .business-collaboration__list .before.btn::after, .business-medical_field__list .before.btn::after { content: none; }

@media (min-width: 768px) { .btn-internalLink, .recipe-list__btn, .post-list__more .btn, .recipe-list__more .btn, .business-localGoverment__content .btn, .business-collaboration__list .btn, .business-medical_field__list .btn { height: 38px; width: 177px; font-size: 18px; }
  .btn-internalLink::after, .recipe-list__btn::after, .post-list__more .btn::after, .recipe-list__more .btn::after, .business-localGoverment__content .btn::after, .business-collaboration__list .btn::after, .business-medical_field__list .btn::after { font-size: 12px; } }

.btn-internalLink2 { height: 2.5rem; width: 12rem; margin: 0 auto; border: 1px solid #000; border-radius: 2px; font-size: 0.8rem; font-weight: 600; text-decoration: none; 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; }

.btn-internalLink2::after { margin-left: 0.5rem; content: ''; font-size: 0.6rem; }

.btn-internalLink2.before::before { margin-right: 0.5rem; content: ''; font-size: 0.6rem; }

.btn-internalLink2.before::after { content: none; }

@media (min-width: 768px) { .btn-internalLink2 { height: 38px; width: 177px; font-size: 18px; }
  .btn-internalLink2::after { font-size: 12px; } }

#page_top { width: 80px; height: 50px; position: fixed; right: 7%; bottom: 10px; background: #FFF; border: 1px solid #FFF; border-radius: 5px; opacity: 0.9; }

@media (max-width: 767px) { #page_top { display: none; } }

#page_top a { position: relative; display: block; width: 80px; height: 50px; text-decoration: none; }

#page_top a::before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f102'; font-size: 25px; color: #1D1AA0; position: absolute; width: 25px; height: 25px; top: -20px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; }

#page_top a::after { content: 'PAGE TOP'; font-size: 12px; color: #1D1AA0; position: absolute; top: 32px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; }

.globalFooter__external-link { padding: 100px 0; }

@media (max-width: 767px) { .globalFooter__external-link { padding: 4rem 0; } }

.globalFooter__external-link ul { 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; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 767px) { .globalFooter__external-link ul { gap: 1rem 0; } }

.globalFooter__external-link li { margin-bottom: 1.5rem; width: 50%; text-align: center; }

@media (max-width: 767px) { .globalFooter__external-link li { width: 100%; max-width: 300px; margin-bottom: 0; } }

@media (min-width: 768px) { .globalFooter__external-link img.logo-nippn { width: 5.5rem; }
  .globalFooter__external-link img.logo-direct { width: 9.3rem; }
  .globalFooter__external-link img.logo-forum { width: 9.5rem; }
  .globalFooter__external-link img.logo-association { width: 8rem; }
  .globalFooter__external-link img.logo-fc { width: 9rem; }
  .globalFooter__external-link img.logo-recipi { width: 5rem; }
  .globalFooter__external-link img.logo-kenko { width: 10rem; } }

@media (max-width: 767px) { .globalFooter__external-link img.logo-nippn { width: 5.5rem; }
  .globalFooter__external-link img.logo-direct { width: 9.3rem; }
  .globalFooter__external-link img.logo-forum { width: 9.5rem; }
  .globalFooter__external-link img.logo-association { width: 8rem; }
  .globalFooter__external-link img.logo-fc { width: 9rem; }
  .globalFooter__external-link img.logo-recipi { width: 5rem; }
  .globalFooter__external-link img.logo-kenko { width: 10rem; } }

@media (min-width: 768px) { .globalFooter__external-link { max-width: 930px; margin: 0 auto; padding: 60px 0 30px; }
  .globalFooter__external-link li { width: 33%; } }

@media (max-width: 767px) { .globalFooter__external-link li { width: 33%; } }

.globalFooter__external-link a { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

@media (min-width: 768px) { .globalFooter__external-link a:hover { opacity: 0.7; } }

.globalFooter__external-link_2 { padding-top: 1.5rem; }

@media (min-width: 768px) { .globalFooter__external-link_2 { max-width: 460px; margin: 0 auto; padding: 0 0 30px; } }

.globalFooter__external-link_2 ul { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 4.0rem; }

.globalFooter__external-link_2 li { width: 33.3%; text-align: center; margin-bottom: 10px; }

.globalFooter__external-link_2 li.logo-insta { border-left: #c6c6c6 1px solid; margin-bottom: 10px; border-right: #c6c6c6 1px solid; }

.globalFooter__external-link_2 p { margin-bottom: 1.0rem; text-align: center; font-size: 18px; }

.globalFooter__external-link_2 img { width: 35%; }

.globalFooter__external-link_2 a { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

@media (min-width: 768px) { .globalFooter__external-link_2 a:hover { opacity: 0.7; } }

.globalFooter__external-link_2 a.sns_text { text-decoration: none; }

@media (max-width: 767px) { .globalFooter__external-link_2 { text-align: center; }
  .globalFooter__external-link_2 p { font-size: 16px; margin-bottom: 1.5rem; }
  .globalFooter__external-link_2 ul { width: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 4.0rem; }
  .globalFooter__external-link_2 li { width: 33.3%; text-align: center; margin-bottom: 10px; }
  .globalFooter__external-link_2 img { width: 30%; } }

.globalFooter .footer-bg { background: #f2f2f2; padding: 100px 0; }

@media (max-width: 767px) { .globalFooter .footer-bg { padding: 6rem 0; } }

.globalFooter .content-inner .logo-set-wrap { width: 252px; margin: 0 auto 60px; }

.globalFooter .content-inner .logo-set-wrap img { width: 100%; }

.globalFooter .content-inner.sns .sns-wrap { margin: 0 auto; max-width: 900px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 60px 0 4rem 0; }

.globalFooter .content-inner.sns .sns-icon-wrap { width: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; gap: 0; }

@media (max-width: 767px) { .globalFooter .content-inner.sns .sns-icon-wrap { gap: 0; } }

.globalFooter .content-inner.sns .head { position: relative; bottom: 72px; font-size: 15px; width: 200px; background: #f2f2f2; text-align: center; left: 0; margin-bottom: -27px; }

.globalFooter .content-inner.sns .head:before, .globalFooter .content-inner.sns .head:after { content: ""; width: 15px; height: 0.5px; background: #000000; position: absolute; top: 10px; }

.globalFooter .content-inner.sns .head:before { left: -8px; -webkit-transform: rotate(80deg); transform: rotate(80deg); }

.globalFooter .content-inner.sns .head:after { right: -8px; -webkit-transform: rotate(100deg); transform: rotate(100deg); }

.globalFooter .content-inner.sns ul.sns-icon-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.globalFooter .content-inner.sns ul.sns-icon-list li { margin: 10px 22px; }

.globalFooter .content-inner.sns ul.sns-icon-list li img { width: 50px; }

.globalFooter .content-inner.sns .sns-posts-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 50px 12px; margin: 70px 0 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.globalFooter .content-inner.sns .sns-posts-wrap > div { width: 274px; height: 208px; }

.globalFooter .content-inner.sns .sns-posts-wrap > div.instagram { width: 208px; }

.globalFooter .content-inner.sns .sns-posts-wrap > div.x { width: 274px; }

.globalFooter .content-inner.sns .sns-posts-wrap > div:before { content: ""; position: relative; bottom: 24px; margin-bottom: -24px; width: 20px; height: 20px; display: block; background-repeat: no-repeat; background-size: contain; }

.globalFooter .content-inner.sns .sns-posts-wrap > div.fb:before { background-image: url(../images/common/sns_fb_icon.svg); }

.globalFooter .content-inner.sns .sns-posts-wrap > div.instagram:before { background-image: url(../images/common/sns_instagram_icon.png); }

.globalFooter .content-inner.sns .sns-posts-wrap > div.x:before { background-image: url(../images/common/sns_x_icon.svg); margin-bottom: -18px; }

.globalFooter .content-inner.sns .sns-posts-wrap > div .post-wrap { height: 100%; overflow-y: hidden; margin: 5px auto 0; }

.globalFooter .content-inner.sns .sns-posts-wrap > div img { height: auto; width: auto; border: 1px solid #cfd9df; border-radius: 14px; overflow: hidden; }

@media (max-width: 767px) { .globalFooter .content-inner.sns .sns-posts-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 80px; }
  .globalFooter .content-inner.sns .sns-posts-wrap > div { width: 100%; height: 100%; }
  .globalFooter .content-inner.sns .sns-posts-wrap > div.instagram { width: 100%; }
  .globalFooter .content-inner.sns .sns-posts-wrap > div.x { width: 100%; height: auto; } }

.globalFooter .nippn_site { padding-bottom: 20px; }

.globalFooter .copyright { padding: 1.5rem; background-color: #3E3E87; color: #fff; font-size: min(1rem, 15px); display: block; text-align: center; }

#goPagetop { position: fixed; right: 1rem; bottom: 5rem; }

#goPagetop a { display: block; padding: 1em; color: #fff; background-color: rgba(0, 0, 0, 0.8); border-radius: 50%; text-decoration: none; cursor: pointer; }

#news { border-bottom: 1px solid #000000; background: #f2f2f2; }

#news .news-header-line::after { content: ""; display: block; width: 90px; height: 1px; background-color: #333; margin: 40px auto; }

#news a { text-decoration: none; }

#news .button { width: 100%; max-width: 195px; position: relative; }

#news .button a:after { content: url(../images/top/btn_arrow.svg); position: absolute; left: 90%; bottom: 23px; }

@media (max-width: 767px) { #news .button a:after { left: 90%; bottom: 14px; position: absolute; } }

#news .button a:hover:after { content: url(../images/top/btn_arrow_hover.svg); }

#news .button a:hover { color: #FFFFFF; }

#news .button a:hover .link { background: #3E3E87; border: 1px solid #3E3E87; }

#news .button .link { width: 100%; height: 65px; text-align: center; line-height: 65px; border: 1px solid #000000; border-radius: 36px; background: transparent; -webkit-transition: 0.2s; transition: 0.2s; font-size: 15px; }

#news .button .link.flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 767px) { #news .button .link { font-size: 14px; height: 50px; line-height: 50px; } }

#news .button .link div { margin-top: 7px; }

@media (min-width: 768px) { #news .button .link div { margin-top: 14px; } }

#news .button .small { font-size: 12px; line-height: 1.2; }

@media (max-width: 767px) { #news .button div, #news .button p { font-weight: 600; } }

#news .top-bg { padding: 120px 0; }

@media (max-width: 767px) { #news .top-bg { padding: 6rem 0; } }

#news .headline { text-align: center; }

#news .headline.en { color: #000000; letter-spacing: 8px; line-height: 1.3; font-size: 44px; }

@media (max-width: 767px) { #news .headline.en { font-size: 23px; } }

#news .headline.en.win { font-weight: 600; }

#news .headline.jp { font-size: 21px; margin: 10px 0 0; }

#news .block-news-list { margin: 46px 0; }

@media (max-width: 767px) { #news .block-news-list { margin: 0; } }

#news .block-news-list .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 0; gap: 10px; }

#news .block-news-list .body-wrap { width: 100%; display: block; position: relative; }

#news .block-news-list .body-wrap a { display: block; padding: 0 10px 0 0; }

#news .block-news-list .body-wrap a:after { content: url(../images/top/btn_arrow.svg); position: absolute; top: 0; right: 0; }

@media (max-width: 767px) { #news .block-news-list .body-wrap a:after { top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } }

#news .block-news-list .body-wrap:hover a:after { -webkit-animation: sideToSideAnime 1s; animation: sideToSideAnime 1s; }

#news .block-news-list li:not(:last-child) { border-bottom: 1px solid #000000; }

#news .button { width: 30%; margin: 0 auto; }

@media (max-width: 767px) { #news .button { width: 100%; } }

#news .hover-area { padding: 0 30px; }

@-webkit-keyframes sideToSideAnime { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  7% { -webkit-transform: translateX(-3px); transform: translateX(-3px); }
  14% { -webkit-transform: translateX(3px); transform: translateX(3px); }
  20% { -webkit-transform: translateX(-3px); transform: translateX(-3px); }
  32% { -webkit-transform: translateX(3px); transform: translateX(3px); }
  40% { -webkit-transform: translateX(0px); transform: translateX(0px); } }

@keyframes sideToSideAnime { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  7% { -webkit-transform: translateX(-3px); transform: translateX(-3px); }
  14% { -webkit-transform: translateX(3px); transform: translateX(3px); }
  20% { -webkit-transform: translateX(-3px); transform: translateX(-3px); }
  32% { -webkit-transform: translateX(3px); transform: translateX(3px); }
  40% { -webkit-transform: translateX(0px); transform: translateX(0px); } }

@media (min-width: 768px) { .globalHeader { width: 100%; position: fixed; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 125px; background-color: #FFFFFF; -webkit-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; opacity: 1; }
  .globalHeader .gnav { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
  .globalHeader .gnav__list li { padding: 0 15px; border-right: 1px solid #000000; }
  .globalHeader .gnav__list li:last-child { border-right: none; /* 最後の要素は線を消す */ }
  .globalHeader .qa-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: end; align-self: flex-end; }
  .globalHeader .qa-btn a { 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: 5px 10px; margin: 0 0 0 5px; border-radius: 35px; background-color: #1d1aa0; text-decoration: none; color: #fff; font-size: 15px; }
  .globalHeader .qa-btn a.amanifc-btn { font-size: 15px; text-align: center; }
  .globalHeader .sns-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; }
  .globalHeader .sns-btn::before { content: "|"; position: relative; margin: 0 0 0 10px; }
  .globalHeader .sns-btn img { width: 27.58px; }
  .globalHeader.scroll { background-color: #B3B3B3; -webkit-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; opacity: 92%; }
  .globalHeader.scroll ul li { padding: 0 15px; border-right: 1px solid #FFFFFF; }
  .globalHeader.scroll ul li:last-child { border-right: none; /* 最後の要素は線を消す */ }
  .globalHeader.scroll ul li a { -webkit-transition: all 0.2s; transition: all 0.2s; color: #ffffff; } }

.globalHeader__bg { position: relative; z-index: 110; }

@media (min-width: 768px) { .globalHeader__bg { -webkit-box-flex: 1; -ms-flex: 1 0 200px; flex: 1 0 200px; border-bottom: none; }
  .globalHeader__bg.content-inner { padding: 0 0 0 20px; } }

@media (max-width: 767px) { .globalHeader__bg .content-inner { padding: 0 !important; } }

.globalHeader__bg.hide { z-index: 0; opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.globalHeader__content { padding: 0 2rem; height: 6rem; 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; }

.globalHeader__content .brand-logo { margin-left: 4px; }

.globalHeader__content img.logo-nippn { width: 6rem; }

.globalHeader__content img.logo-amani { width: 11rem; }

@media (min-width: 768px) { .globalHeader__content { display: block; padding: 0; height: auto; }
  .globalHeader__content .brand-logo { margin: 5px 0 0; }
  .globalHeader__content img.logo-nippn { width: 63px; }
  .globalHeader__content img.logo-amani { width: 200px; } }

@media (max-width: 767px) { .globalHeader__content { padding: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
  .globalHeader__content .qa-btn { display: none; } }

@media (max-width: 767px) { body.menu_is_open .globalHeader { border-bottom: 1px solid #000000; } }

.gnav_btn { position: absolute; right: 0; top: 0; z-index: 10000; }

.gnav_btn .txt { font-size: 0.6rem; bottom: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.gnav_btn .close { display: none; }

.menu_is_open .gnav_btn .menu { display: none; }

.menu_is_open .gnav_btn .close { display: block; }

@media (min-width: 768px) { .gnav_btn { display: none; } }

.breadcrumb { margin-top: 20px; width: 100%; position: absolute; z-index: 10; }

.breadcrumb a { text-decoration: underline; }

.hierarchy-1 + .breadcrumb { top: 150px; }

.breadcrumb__container { font-size: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.breadcrumb__container > span:not(:first-child)::before { content: '＞'; margin: 0 1em; }

@media (max-width: 767px) { .breadcrumb { display: none; } }

.animate-box { opacity: 0; }

@-webkit-keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

[data-aos="fade-up"] { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }

.bx-wrapper { position: relative; }

.bx-controls-direction { top: 50%; position: absolute; width: 100%; }

.bx-controls-direction a { margin-top: -1.6rem; width: 3.2rem; height: 3.2rem; border-radius: 50%; background-color: #ddd; display: inline-block; position: absolute; }

.bx-controls-direction .bx-prev { left: -3.2rem; }

.bx-controls-direction .bx-next { right: -3.2rem; }

.bx-pager { width: 100%; bottom: -2rem; position: absolute; text-align: center; }

.bx-pager .bx-pager-item { display: inline-block; }

.bx-pager .bx-pager-item a { margin: 0 0.4rem; height: 0.9rem; width: 0.9rem; border-radius: 50%; background-color: #6b8fc8; border: 0.2rem solid #fff; display: inline-block; text-indent: -9999px; overflow: hidden; }

.bx-pager .bx-pager-item a:hover, .bx-pager .bx-pager-item a.active { background-color: #003180; }

.slider_custom { max-width: 800px; margin: 0 auto; }

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

.slider_custom .custom_pager a { margin: 0 15px; padding: 10px; background-color: #ddd; color: #333; display: block; position: relative; }

.slider_custom .custom_pager .counter { padding: 10px; text-align: center; }

.js-accordion { position: relative; }

.js-accordion__toggle { cursor: pointer; }

.js-accordion__toggle::after { content: '＋'; }

.open .js-accordion__toggle::after { content: 'ー'; }

/* toggleMenu setting -----------------------------------------------------------*/
@media (max-width: 767px) { [data-toggleMenu="main"] { top: 0; position: fixed; z-index: 100; pointer-events: none; }
  [data-toggleMenu="main"].open { pointer-events: auto; background: #FFFFFF; } }

@media (min-width: 768px) { [data-toggleMenu="main"] { position: static; pointer-events: auto; } }

[data-toggleMenu="container"] { -webkit-transform-origin: 40px 0px; transform-origin: 40px 0px; }

@media (max-width: 767px) { [data-toggleMenu="container"] { height: auto; left: 0; top: 0; position: absolute; z-index: 100; max-height: 100vh; width: 100vw; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition-property: -webkit-transform opacity; transition-property: -webkit-transform opacity; transition-property: transform opacity; transition-property: transform opacity, -webkit-transform opacity; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1); transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1); -webkit-transition-duration: .5s; transition-duration: .5s; opacity: 0; }
  .open [data-toggleMenu="container"] { opacity: 1; } }

@media (min-width: 768px) { [data-toggleMenu="container"] { -webkit-transition: 0s; transition: 0s; overflow: visible; } }

.toggleMenuBtn { display: block; width: 6rem; height: 6rem; position: fixed; top: 0; right: 0; z-index: 10000; min-width: 50px; min-height: 50px; }

.toggleMenuBtn:before, .toggleMenuBtn:after { content: ''; }

.toggleMenuBtn:before, .toggleMenuBtn:after, .toggleMenuBtn i { position: absolute; display: block; height: 1px; width: 50%; margin: -1px 25% 0; background-color: #000; -webkit-transition: .3s; transition: .3s; }

.toggleMenuBtn:before { top: 38%; }

.toggleMenuBtn i { top: 50%; }

.toggleMenuBtn:after { top: 62%; }

.toggleMenuBtn.open i { opacity: 0; }

.toggleMenuBtn.open::before { -webkit-transform: rotate(225deg); transform: rotate(225deg); top: 50%; }

.toggleMenuBtn.open::after { -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 50%; }

.toggleManu-overlay { top: 0; bottom: 0; right: 0; left: 0; position: fixed; z-index: 1; background-color: rgba(255, 255, 255, 0.8); }

/* gnav */
.gnav { height: 100%; }

.gnav a { text-decoration: none; }

@media (max-width: 767px) { .gnav a { color: #080404; } }

.gnav__container { position: relative; height: 100%; }

@media (max-width: 767px) { .gnav__container { background-color: #fff; color: #080404; height: 100%; } }

.gnav__container-inner { height: 100%; }

@media (min-width: 768px) { .gnav__container-inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 20px 10px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media (min-width: 768px) { .gnav__container-inner__qa { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } }

.gnav__list { margin-top: 4rem; padding: 0; font-weight: 600; }

.gnav__list > li > a { position: relative; display: block; padding: 5px 0 2px; -webkit-transition: all 0.2s; transition: all 0.2s; }

.gnav__list > li > a::after { position: absolute; right: 1rem; top: calc(50% - 4px); width: 4px; height: 8px; background: url(/amani1/assets/images/common/menu_arrow.png) no-repeat 0/contain; content: ''; }

@media (min-width: 768px) { .gnav__list > li > a { padding: 0 0 3px; font-size: 15px; font-weight: 400; border-bottom: 2px solid transparent; }
  .gnav__list > li > a:hover { border-bottom-color: #1d1aa0; }
  .gnav__list > li > a::after { content: none; } }

@media (max-width: 1015px) { .gnav__list > li > a { padding: 0 0 3px; font-size: 12px; } }

@media (min-width: 768px) { .gnav__list { margin-top: 5px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .gnav__list > li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0 0 18px; white-space: nowrap; }
  .gnav__list > li.current a { border-bottom-color: #1d1aa0; }
  .gnav__list .top { display: none; } }

@media (max-width: 900px) { .gnav__list > li { padding: 0 5px; } }

@media (max-width: 767px) { .gnav__list > li { padding: 0; } }

.gnav__link-qa { padding: 1.5rem 5rem; background-color: #EC6C00; color: #fff; }

.gnav__link-qa p { line-height: 1.71; font-size: 1.05rem; }

.gnav__link-qa .head { width: 16rem; margin: 0 auto 1rem; }

.gnav__link-qa .btn { width: 16.5rem; margin: 0 auto 1rem; }

@media (max-width: 767px) { .gnav .content-inner { margin: 0; }
  .gnav .business { margin-top: 0; border-top: 1px solid black; } }

.gnav-information__col { 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; height: 11rem; text-align: center; }

.gnav-information__col .btn-area { margin-top: 2rem; }

.gnav-information__col.business { background: #9f7255; background: -webkit-gradient(linear, left top, right top, from(#9f7255), to(#3f1a0c)); background: linear-gradient(to right, #9f7255 0%, #3f1a0c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f7255', endColorstr='#3f1a0c',GradientType=1 ); color: #fff; }

.gnav-information__col.business p { font-size: 0.7rem; }

.gnav-information__col.business h3 { margin-bottom: 1.5rem; }

.gnav-information__col.business .information_img01 { width: 15rem; }

.gnav-information__col.faq { background-color: #1d1aa0; color: #fff; }

.gnav-information__col.faq p { font-size: 0.8rem; }

.gnav-information__col.faq h3 { margin-bottom: 1.5rem; }

.gnav-information__col.faq .information_img02 { width: 18.3rem; }

.gnav-information__col.amanifc { background-color: #ffffff; display: block; }

.gnav-information__col.amanifc img { width: 100%; }

.menu-nav-header { padding: 0 2rem; height: 6rem; 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; margin: 0 1rem; }

.menu-nav-header .brand-logo { margin-left: 4px; }

.menu-nav-header img.logo-nippn { width: 6rem; }

.menu-nav-header img.logo-amani { width: 11rem; }

@media (min-width: 768px) { .menu-nav-header { display: block; padding: 0; height: auto; }
  .menu-nav-header .brand-logo { margin: 5px 0 0; }
  .menu-nav-header img.logo-nippn { width: 63px; }
  .menu-nav-header img.logo-amani { width: 200px; } }

@media (max-width: 767px) { .menu-nav-header { padding: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
  .menu-nav-header .qa-btn { display: none; } }

.menu-nav-list-wrap { text-align: center; margin: 0; padding: 2rem 0 0; line-height: min(1.8rem, 20px); font-size: min(1.5rem, 18px); border-top: 1px solid #000000; }

.menu-nav-list-wrap ul { list-style: none; padding: 0.5rem 0; border-top: 1px solid #000000; }

.menu-nav-list-wrap ul.menu-nav-list { border-top: 0; }

.menu-nav-list-wrap ul:last-child { border-bottom: 1px solid #000000; }

.menu-nav-list-wrap ul li { margin: 1.5rem 0; }

.menu-nav-list-wrap ul a { text-decoration: none; }

.menu-nav-list { border: 0; }

.menu-nav-list-title { position: relative; margin-bottom: 1rem; }

.menu-nav-list-title:after { content: ""; width: 4rem; height: 3px; background-color: #000000; position: absolute; bottom: -5px; display: inline-block; left: calc(50% - 2rem); }

.sns-icon-wrap { 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; gap: 4rem; margin: 2rem 0; }

.sns-icon-wrap img { width: 3.5rem; }

.page-header { 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; height: 11.5rem; text-align: center; }

.page-header.hierarchy-1 { display: block; height: auto; margin-bottom: 2.5rem; background: no-repeat center center / cover; text-align: left; }

@media (min-width: 768px) { .page-header.hierarchy-1 { margin-bottom: 80px; } }

.page-header.hierarchy-1-1 { display: block; height: auto; background: no-repeat center center / cover; text-align: left; }

@media (max-width: 767px) { .page-header .content-inner { margin: 0 3.5rem; } }

.about-amani .page-header__title { width: 10rem; }

.howto-amani .page-header__title { width: 10rem; }

.howto-amani__scene .page-header__title { width: 8.5rem; }

.howto-amani__recipe .page-header__title { width: 6.8rem; }

.products .page-header__title { width: 6rem; }

.nippn-amani .page-header__title { width: 11rem; }

.initiative__food-education .page-header__title { width: 6rem; }

.initiative__history .page-header__title { width: 11rem; }

.amaninja .page-header__title { width: 14rem; }

.amaninja__recipe .page-header__title { width: 17rem; }

.news .page-header__title { width: 8rem; }

.news__detail .page-header__title { width: 8rem; }

@media (min-width: 768px) { .news__detail .page-header__title { width: 95px; } }

.cm .page-header__title { width: 7.5rem; }

.page-header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 4.5rem; }

@media (min-width: 768px) { .page-header__inner { height: 150px; } }

.page-header .page-header-title { color: #fff; font-size: .6rem; font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS Mincho', serif; }

.page-header .page-header-title:before { display: block; margin-bottom: 5px; content: attr(data-en); font-family: 'Great Vibes', cursive; font-size: 1.6rem; font-weight: normal; white-space: nowrap; }

@media (min-width: 768px) { .page-header .page-header-title { font-size: 21px; }
  .page-header .page-header-title::before { font-size: 56px; } }

.page-header2 { 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; height: 8.5rem; text-align: center; vertical-align: bottom; margin-top: 60px; }

@media (max-width: 767px) { .page-header2 { margin-top: 30px; } }

.pager { padding: 60px 0 100px; border-bottom: 1px solid; }

.pager-list { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }

.pager-list li { margin: 0 2px; }

.pager-list .number { text-decoration: underline; width: 30px; height: 30px; font-size: 16px; display: block; }

.pager-list .current, .pager-list .dots { text-decoration: none; }

.pager-list .next, .pager-list .prev { position: relative; }

.pager-list .next:before, .pager-list .prev:before { content: url(../images/news/pager_arrow.svg); position: absolute; }

.pager-list .prev:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: 2px; }

.archive-list__container { padding-bottom: 3.5rem; }

.archive-list__container .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.archive-list__container .list > li { width: 16.5rem; margin-bottom: 2.5rem; }

.archive-list__container .list .thumbnail { display: block; position: relative; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

@media (min-width: 768px) { .archive-list__container .list .thumbnail:hover { opacity: 0.7; } }

.archive-list__container .list .thumbnail > img { width: 100%; }

.archive-list__container .list .thumbnail .title { height: 3rem; width: 100%; background-color: rgba(29, 26, 160, 0.6); color: #fff; font-size: 1.2rem; font-weight: 600; text-align: center; 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; position: absolute; bottom: 0; left: 0; }

.archive-list__container .list .body { margin-top: 1.5rem; }

.archive-list__container .list .btn { margin-top: 1rem; text-align: center; }

.archive-list__container .list .btn a { text-decoration: none; }

@media (min-width: 768px) { .archive-list__container .list .btn .btn-small { width: 170px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media (min-width: 768px) { .archive-list__container .list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .archive-list__container .list.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .archive-list__container .list > li { width: calc((100% - 90px) / 4); }
  .archive-list__container .list > li:not(:nth-child(4n+1)) { margin-left: 30px; }
  .archive-list__container .list .thumbnail .title { height: 45px; font-size: 21px; }
  .archive-list__container .list .body { margin-top: 20px; font-size: 16px; } }

.product-list__container { padding-bottom: 2.5rem; }

.product-list__container .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.product-list__container .list > li { width: 16.5rem; margin-bottom: 2.5rem; }

.product-list__container .list .thumbnail { display: block; position: relative; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; padding: 0.3rem; border-radius: 5px; background-color: #f5f5f5; text-align: center; }

@media (min-width: 768px) { .product-list__container .list .thumbnail:hover { opacity: 0.7; } }

.product-list__container .list .thumbnail > img { width: 80%; }

.product-list__container .list .body { margin-top: 1.5rem; text-align: center; }

.product-list__container .list .body .title { font-size: 1.1rem; }

.product-list__container .list .body .capacity { font-size: 0.7rem; }

.product-list__container .list .btn { margin-top: 1rem; text-align: center; }

.product-list__container .list .btn a { text-decoration: none; }

@media (min-width: 768px) { .product-list__container .list .btn .btn-small { width: 170px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media (min-width: 768px) { .product-list__container .list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .product-list__container .list.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .product-list__container .list > li { width: calc((100% - 90px) / 4); }
  .product-list__container .list > li:not(:nth-child(4n+1)) { margin-left: 30px; }
  .product-list__container .list .body { margin-top: 20px; font-size: 16px; }
  .product-list__container .list .body .title { font-size: 16px; } }

.product-list__header { margin-bottom: 1.5rem; padding-left: 0.4rem; border-left: 0.3rem solid #603714; border-bottom: 1px solid #603714; color: #603714; line-height: 1.6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.product-list__header .txt1 { font-size: 1.2rem; font-weight: 600; }

.product-list__header .txt2 { font-size: 0.7rem; }

.product-list__header .link { margin-left: auto; padding-bottom: 0.3rem; font-size: 0.7rem; }

.product-list__header .link a { text-decoration: underline; }

.product-list__header .link a::after { content: ' ▶︎'; }

.pickup-title { font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS Mincho', serif; /* IE10以上 */ /* IE9 */ color: #603714; font-size: 1rem; font-weight: bold; text-align: center; }

@media all and (-ms-high-contrast: none) { .pickup-title { font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'MS Mincho', serif; } }

@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .pickup-title { font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'MS Mincho', serif; } }

.pickup-title:before { display: block; margin-bottom: 5px; content: attr(data-en); font-family: 'Great Vibes', cursive; font-size: 2.5rem; font-weight: normal; white-space: nowrap; }

@media (min-width: 768px) { .pickup-title { font-size: 21px; } }

@media (max-width: 767px) { .pickup-title::before { font-size: 3rem; } }

.products-pickup { padding: 5rem 0; }

.products-pickup__body { margin: 0 5rem; }

@media (max-width: 767px) { .products-pickup__list { text-align: center; margin-bottom: 30px; } }

.products-pickup__list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 2.5rem; }

@media (max-width: 767px) { .products-pickup__list ul { display: block; } }

.products-pickup__list li { position: relative; }

.products-pickup__list figure { height: 219px; position: relative; }

@media (max-width: 767px) { .products-pickup__list figure { height: 14rem; } }

.products-pickup__list figure img { height: 80%; /* IE10以上 */ }

@media all and (-ms-high-contrast: none) { .products-pickup__list figure img { position: static; top: 50%; left: 50%; /* transform: translate(-50%,-50%); */ width: auto; max-width: none; } }

.products-pickup__list figure img:hover { opacity: 0.75; /* 25％ほど透明にする */ }

@media (min-width: 768px) { .products-pickup__list { margin-bottom: 40px; }
  .products-pickup__list ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; }
  .products-pickup__list li { height: 219px; margin: 0 10px; } }

.products-pickup .btn-area { text-align: center; }

.recipe-list { padding-bottom: 4.5rem; }

.recipe-list.bg-gray { background-color: #F5F5F5; }

.recipe-list__container { padding-bottom: 1rem; }

.recipe-list__container .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.recipe-list__container .list > li { width: 16.5rem; margin-bottom: 3.5rem; }

.recipe-list__container .list .thumbnail { display: block; position: relative; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

@media (min-width: 768px) { .recipe-list__container .list .thumbnail:hover { opacity: 0.7; } }

.recipe-list__container .list .thumbnail > img { width: 100%; }

.recipe-list__container .list .body { margin-top: 1.5rem; text-align: center; }

.recipe-list__container .list .body .title { font-size: 1.6rem; }

.recipe-list__container .list .btn { margin-top: 1rem; text-align: center; }

.recipe-list__container .list .btn a { text-decoration: none; }

@media (min-width: 768px) { .recipe-list__container .list .btn .btn-small { width: 170px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media (min-width: 768px) { .recipe-list__container .list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .recipe-list__container .list.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .recipe-list__container .list > li { width: calc((100% - 90px) / 4); }
  .recipe-list__container .list > li:not(:nth-child(4n+1)) { margin-left: 30px; }
  .recipe-list__container .list .body { margin-top: 20px; font-size: 16px; }
  .recipe-list__container .list .body .title { font-size: 16px; } }

.recipe-list__title { padding: 2.5rem 0; color: #603714; text-align: center; }

.recipe-list__title .txt1 { font-size: 0.8rem; font-weight: 600; }

.recipe-list__title .txt1 .large { font-size: 1.4rem; }

.recipe-list__title .link_btn { margin: 1rem; }

.recipe-list__title .link_btn a.button-more-detail { width: 22rem; }

@media (min-width: 768px) { .recipe-list__title .link_btn a.button-more-detail { width: 390px; } }

.recipe-list__header { margin-bottom: 1.5rem; padding-left: 0.4rem; border-left: 0.3rem solid #603714; border-bottom: 1px solid #603714; color: #603714; line-height: 1.6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.recipe-list__header .txt1 { font-size: 1.2rem; font-weight: 600; }

.recipe-list__header .txt2 { font-size: 0.7rem; }

.recipe-list__header .link { margin-left: auto; padding-bottom: 0.3rem; font-size: 0.7rem; }

.recipe-list__header .link a { text-decoration: underline; }

.recipe-list__header .link a::after { content: ' ▶︎'; }

.recipe-list__more { text-align: center; }

.recipe-list__more .btn::after { display: none; }

.page-list .page-list-title { font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS Mincho', serif; /* IE10以上 */ /* IE9 */ color: #1d1aa0; font-size: 1rem; font-weight: bold; }

@media all and (-ms-high-contrast: none) { .page-list .page-list-title { font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'MS Mincho', serif; } }

@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .page-list .page-list-title { font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'MS Mincho', serif; } }

.page-list .page-list-title:before { display: block; margin-bottom: 5px; content: attr(data-en); font-family: 'Great Vibes', cursive; font-size: 2rem; font-weight: normal; white-space: nowrap; }

@media (min-width: 768px) { .page-list .page-list-title { font-size: 18px; }
  .page-list .page-list-title::before { font-size: 28px; } }

@media (max-width: 767px) { .page-list .content-inner { margin: 0 3.5rem; } }

.page-list__container { padding-bottom: 3.5rem; }

.page-list__container .list > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 2.5rem; }

.page-list__container .list .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: block; position: relative; height: 11.5rem; width: 11.5rem; overflow: hidden; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

@media (min-width: 768px) { .page-list__container .list .thumbnail:hover { opacity: 0.7; } }

.page-list__container .list .thumbnail > img { width: 100%; height: 82%; -o-object-fit: cover; object-fit: cover; }

.page-list__container .list .thumbnail .title { height: 3rem; width: 100%; background-color: rgba(29, 26, 160, 0.6); color: #fff; font-size: 1.2rem; font-weight: 600; text-align: center; 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; position: absolute; bottom: 0; left: 0; }

.page-list__container .list .content { margin: 0 0 0 2rem; }

.page-list__container .list .body { margin-top: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #bfbfbf; font-size: 0.9rem; }

.page-list__container .list .btn { margin-top: 1rem; text-align: right; }

.page-list__container .list .btn > a { position: relative; padding-right: 1.5rem; font-size: 1.1rem; text-decoration: none; }

.page-list__container .list .btn > a::after { position: absolute; right: .5rem; top: 50%; margin-top: -2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); height: 4px; width: 4px; border: solid #000; border-width: 0 1px 1px 0; content: ''; }

@media (min-width: 768px) { .page-list__container .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .page-list__container .list.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .page-list__container .list > li { width: calc((100% - 150px) / 2); }
  .page-list__container .list > li:nth-child(even) { margin-left: 150px; }
  .page-list__container .list .thumbnail .title { height: 45px; font-size: 21px; }
  .page-list__container .list .body { margin-top: 20px; padding-bottom: 10px; font-size: 16px; }
  .page-list__container .list .btn { margin-top: 10px; }
  .page-list__container .list .btn a { font-size: 13px; } }

@media (min-width: 768px) { .grid .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 30px 0; }
  .grid .row .col { max-width: 500px; width: 45.5%; }
  .grid .row .col.middle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .grid .row .col-sports { max-width: 500px; width: 50%; }
  .grid .row + .row { margin-top: 170px; }
  .grid .row .pc-none { display: none; }
  .grid .row2 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; }
  .grid .row2 .col { max-width: 500px; width: 45.5%; min-height: 280px; }
  .grid .row2:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .grid .row2 .pc-none { display: none; }
  .grid .row3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; }
  .grid .row3 .col { width: 45.5%; min-height: 280px; max-height: 380px; overflow-y: hidden; }
  .grid .row3 .col img { width: 100%; }
  .grid .row3 .pc-none { display: none; }
  .grid .row4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .grid .row4:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .grid .row4:nth-child(even) .col { padding-left: 20px; }
  .grid .row4 .col { max-width: 540px; width: 45.5%; }
  .grid .row4 + .row { margin-top: 170px; }
  .grid .row4 .pc-none { display: none; } }

@media (max-width: 767px) { .grid .row { margin: 30px 0; }
  .grid .row .col + .col { margin-top: 2rem; }
  .grid .row + .row { margin-top: 3rem; }
  .grid .row .col2 { margin-bottom: 60px; }
  .grid .row .col-sports { text-align: left; }
  .grid .row .sp-none { display: none; }
  .grid .row .pc-none { margin-top: 35px; margin-bottom: 30px; text-align: center; }
  .grid .row4 .col + .col { margin-top: 2rem; }
  .grid .row4 + .row { margin-top: 3rem; }
  .grid .row4 .col2 { margin-bottom: 60px; }
  .grid .row4 .col-sports { text-align: left; }
  .grid .row4 .sp-none { display: none; }
  .grid .row4 .pc-none { margin-top: 35px; margin-bottom: 30px; text-align: center; } }

.single-header { height: 20rem; z-index: 1; position: relative; 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; text-align: center; }

@media (min-width: 768px) { .single-header { height: 350px; } }

.single-header__container { position: absolute; top: 60%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.single-header__title { font-size: 3rem; font-weight: 600; }

@media (min-width: 768px) { .single-header__title { font-size: 30px; } }

.single-header__en { margin-top: 0.6rem; font-size: 1.2rem; font-weight: 600; display: block; }

@media (min-width: 768px) { .single-header__en { font-size: 12px; } }

.single-header__en::after { width: 4.8rem; height: 0.3rem; margin: 1rem auto 0; background: url(/amani1/assets/images/common/dot_line.png) no-repeat center center/contain; content: ''; display: block; }

.single-header__subTitle { margin-bottom: 0.6rem; font-size: 1.4rem; display: block; }

@media (min-width: 768px) { .single-header__subTitle { font-size: 12px; } }

.single-header__leadcopy { margin-top: 1.5rem; font-size: 0.8rem; text-align: center; }

.single-header2 { height: 20rem; z-index: 1; position: relative; 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; text-align: center; }

@media (min-width: 768px) { .single-header2 { height: 400px; } }

.single-header2__container1 { position: relative; background: url(/amani1/assets/images/special/column-title.png) no-repeat center center/contain; width: 100%; height: 70%; margin: 3em 0 1.5em 0; }

.single-header2__container { position: absolute; top: 60%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.single-header2__titleworld { font-size: 2rem; font-weight: 600; font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS Mincho', serif; }

@media (min-width: 768px) { .single-header2__titleworld { font-size: 36px; } }

.single-header2__enworld { margin-top: 0.6rem; font-size: 1.2rem; font-weight: 600; display: block; font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS Mincho', serif; }

@media (min-width: 768px) { .single-header2__enworld { font-size: 24px; } }

.single-header2__subTitle { margin-bottom: 0.6rem; font-size: 1.4rem; display: block; }

@media (min-width: 768px) { .single-header2__subTitle { font-size: 12px; } }

.single-header2__leadcopy { margin-top: 1.5rem; font-size: 0.8rem; text-align: center; }

.single-header3 { height: 20rem; z-index: 1; position: relative; 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; text-align: center; }

@media (min-width: 768px) { .single-header3 { height: 400px; } }

.single-header3__container1 { position: relative; background: url(/amani1/assets/images/special/column-title.png) no-repeat center center/contain; width: 100%; height: 70%; margin: 3em 0 1.5em 0; }

@media (max-width: 767px) { .single-header3__container1 { height: 75%; } }

.single-header3__container2 { position: relative; background: url(/amani1/assets/images/special/happy_01.png) no-repeat center center/contain; width: 100%; height: 42%; margin: 3em 0 1.5em 0; }

@media (max-width: 767px) { .single-header3__container2 { height: 55%; } }

.single-header3__container3 { position: relative; background: url(/amani1/assets/images/special/happy_04.png) no-repeat center center/contain; width: 55%; height: 40%; margin: 3em 0 0 0; }

@media (max-width: 767px) { .single-header3__container3 { width: 96%; } }

.single-header3__container4 { position: relative; background: url(/amani1/assets/images/special/happy_10.png) no-repeat center center/contain; width: 65%; height: 45%; margin: 3em 0 0 0; }

@media (max-width: 767px) { .single-header3__container4 { background: url(/amani1/assets/images/special/happy_18.png) no-repeat center center/contain; width: 100%; height: 100%; margin: 0; } }

.single-header3__container { position: absolute; top: 60%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (min-width: 768px) { .single-header3__container { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@media (max-width: 767px) { .single-header3__container { right: -35%; } }

.single-header3__container_happy { position: absolute; top: 46%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%; line-height: 1.6rem; }

.single-header3__container_happy2 { position: absolute; top: 82%; left: 54.5%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%; line-height: 1.6rem; }

@media (max-width: 767px) { .single-header3__container_happy2 { top: 71%; left: 52%; width: 94%; } }

.single-header3__container_happy3 { position: absolute; top: 60%; left: 50%; }

@media (min-width: 768px) { .single-header3__container_happy3 { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@media (max-width: 767px) { .single-header3__container_happy3 { top: 30%; left: calc(20%); line-height: 2rem; } }

.single-header3__container_happy4 { position: absolute; top: 60%; left: 50%; }

@media (min-width: 768px) { .single-header3__container_happy4 { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@media (max-width: 767px) { .single-header3__container_happy4 { top: 30%; left: calc(18%); line-height: 2rem; } }

.single-header3__titleworld { font-size: 2rem; font-weight: 600; font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS Mincho', serif; line-height: 2rem; }

@media (min-width: 768px) { .single-header3__titleworld { font-size: 1.4rem; } }

.single-header3__titleworld3 { font-size: 1.4rem; font-weight: 600; font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS Mincho', serif; line-height: 2rem; }

@media (min-width: 768px) { .single-header3__titleworld3 { font-size: 1.3rem; } }

.single-header3__titlehappy { font-size: 2.3rem; font-weight: 600; font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS Mincho', serif; line-height: 2rem; }

@media (min-width: 768px) { .single-header3__titlehappy { font-size: 1.5rem; } }

.single-header3__titlekids { font-size: 2.1rem; font-weight: 600; font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS Mincho', serif; line-height: 2rem; }

@media (min-width: 768px) { .single-header3__titlekids { font-size: 1.5rem; } }

.single-header3__enworld { margin-bottom: 0.6rem; font-size: 1.2rem; font-weight: 600; display: block; font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS Mincho', serif; }

@media (min-width: 768px) { .single-header3__enworld { font-size: 24px; } }

@media (max-width: 767px) { .single-header3__enworld { margin-bottom: 0.4rem; font-size: 1.6rem; } }

.single-header3__enworld2 { margin-top: 0.6rem; margin-bottom: 2rem; font-size: 1rem; font-weight: 600; display: block; font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS Mincho', serif; }

@media (max-width: 767px) { .single-header3__enworld2 { margin-bottom: 0.2rem; font-size: 1.2rem; } }

.single-header3__enworld2-2 { margin-top: 0.6rem; margin-bottom: 2rem; font-size: 1rem; font-weight: 600; display: block; font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS Mincho', serif; }

@media (max-width: 767px) { .single-header3__enworld2-2 { margin-bottom: 0.2rem; font-size: 1.3rem; } }

.single-header3__enworld3 { margin-bottom: 0.4rem; font-size: 1.0rem; font-weight: 600; display: block; font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS Mincho', serif; }

@media (max-width: 767px) { .single-header3__enworld3 { margin-bottom: 0.2rem; font-size: 1.3rem; line-height: 2.1rem; } }

.single-header3__enworld4 { margin-top: 2.2rem; margin-bottom: 2.2rem; font-size: 1.6rem; font-weight: 600; display: block; font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS Mincho', serif; }

@media (max-width: 767px) { .single-header3__enworld4 { margin-bottom: 0.5rem; font-size: 2rem; } }

.single-header3__enworld5 { margin-bottom: 6px; font-size: 1.0rem; font-weight: 600; display: block; }

@media (max-width: 767px) { .single-header3__enworld5 { font-size: 1.1rem; margin-bottom: -4px; } }

.single-header3__enworld6 { font-size: 1.2rem; font-weight: 600; margin-top: 2rem; display: block; font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS Mincho', serif; }

@media (max-width: 767px) { .single-header3__enworld6 { font-size: 1.6rem; } }

.single-header3__enworld7 { margin-bottom: 10px; font-size: 1.0rem; font-weight: 600; display: block; }

@media (max-width: 767px) { .single-header3__enworld7 { font-size: 1.3rem; margin-bottom: -3px; } }

.single-header3__enworld8 { margin-bottom: 6px; font-size: 1.0rem; font-weight: 600; display: block; }

@media (max-width: 767px) { .single-header3__enworld8 { font-size: 1.1rem; margin-bottom: -2px; } }

.single-header3__subTitle { margin-bottom: 0.6rem; font-size: 1.4rem; display: block; }

@media (min-width: 768px) { .single-header3__subTitle { font-size: 12px; } }

.single-header3__leadcopy { margin-top: 1.5rem; font-size: 0.8rem; text-align: center; }

.single-header_happy { height: 150px; z-index: 1; position: relative; 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; text-align: center; }

@media (min-width: 768px) { .single-header_happy { height: 300px; } }

.single-article-content { padding: 100px 0 0 0; }

@media (max-width: 767px) { .single-article-content { padding: 5rem 0 0 0; } }

.single-article-content:last-child { padding-bottom: 100px; }

.single-article-content h2 { margin: 0; padding-left: 8px; border-left: 3px solid #3E3E87; line-height: 1.3; font-size: 18px; line-height: 21px; }

.single-article-content p { font-size: 16px; line-height: 25px; }

.single-article-content p + p { margin-top: 30px; }

.single-article-content *:not([class]):first-child { margin-top: 0; }

.single-article-content figure { width: 30rem; max-width: 100%; margin: 0 auto; }

.single-article-content .head { padding: 0 0 0 10px; color: #3e3e87; font-weight: 600; }

.single-article-content2 h2 { margin: 1.5rem 0; padding-left: 1rem; border-left: 0.35rem solid #C00D1E; line-height: 1.3; font-size: 2.1rem; font-weight: bold; }

.single-article-content2 p { line-height: 1.7; }

.single-article-content2 p + p { margin-top: 1.6em; }

.single-article-content2 *:not([class]):first-child { margin-top: 0; }

.single-article-content2 figure { width: 26rem; max-width: 100%; margin: 0 auto; }

@media (min-width: 768px) { .single-article-content2 h2 { padding-left: 10px; font-size: 21px; } }

.single-article-content3 { /*     p+p { margin-top: 1.3em; &.mt3{margin-top:0px;} } :not([class]):first-child { margin-top: 0;} */ }

.single-article-content3 h2 { margin: 1.2rem 0 0.6rem 0; padding-bottom: 0.5rem; border-bottom: 0.15rem dotted black; width: 96%; line-height: 1.3; font-size: 2.1rem; font-weight: bold; }

.single-article-content3 .border-66 { margin: 1.2rem 0 0.6rem 0; padding-bottom: 0.5rem; border-bottom: 0.15rem dotted black; width: 68%; line-height: 1.3; font-size: 2.1rem; font-weight: bold; }

.single-article-content3 p { line-height: 1.7; }

.single-article-content3 figure { width: 30rem; max-width: 100%; margin: 0 auto; }

.single-article-content3 figure .caption { font-size: 0.7rem; text-align: right; margin-top: 0.6rem; }

@media (max-width: 767px) { .single-article-content3 figure .caption { font-size: 1.1rem; } }

.single-article-content3 figure .caption2 { font-size: 0.7rem; text-align: left; margin-top: 0.6rem; margin-bottom: 2rem; }

@media (max-width: 767px) { .single-article-content3 figure .caption2 { margin-top: 0.8rem; margin-bottom: 0px; font-size: 1.1rem; } }

@media (min-width: 768px) { .single-article-content3 h2 { font-size: 21px; }
  .single-article-content3 .border-66 { font-size: 21px; } }

@media (max-width: 767px) { .single-article-content3 h2 { margin: 1.2rem 0 0.6rem 0; padding-bottom: 0.5rem; border-bottom: 0.15rem dotted black; width: 100%; line-height: 1.3; font-size: 2.1rem; font-weight: bold; }
  .single-article-content3 .border-66 { margin: 1.2rem 0 0.6rem 0; padding-bottom: 0.5rem; border-bottom: 0.15rem dotted black; width: 100%; line-height: 1.3; font-size: 2.1rem; font-weight: bold; } }

.back-to-category { margin: 4rem 0; text-align: center; }

@media (min-width: 768px) { .back-to-category { margin: 90px 0 160px; } }

.back-to-category2 { margin: 4rem 0; text-align: center; }

@media (min-width: 768px) { .back-to-category2 { margin: 60px 0 40px; } }

body { font-family: -apple-system, 'Noto Sans', YuGothic, 'Yu Gothic Medium', sans-serif !important; overflow-y: auto; }

body .h2 { font-size: 15px; }

body .h3 { font-size: 36px; }

body .h4 { font-size: 21px; }

body .h5 { font-size: 16px; line-height: 1.6; }

body .h6 { font-size: 18px; }

body .h7 { font-size: 16px; line-height: 1.6; }

@media (max-width: 767px) { body .h7 { font-size: 14px; } }

body .h8 { font-size: 15px; line-height: 1.6; }

body a { text-decoration: none; }

body div, body p, body span, body a { font-weight: 400; }

body main div, body main p { text-align: justify; }

body.scroll-disabled { overflow-y: hidden; }

@media (max-width: 767px) { body .content-inner { padding: 0 2rem; } }

body .page-header { background: #3E3E87; height: 160px; color: white; }

@media (max-width: 767px) { body .page-header { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 100px; } }

body .page-header .content-inner { margin: 0; width: 100%; }

@media (max-width: 767px) { body .page-header .content-inner { margin: 0 1rem; } }

body .page-header__inner { height: auto; width: 900px; }

@media (max-width: 767px) { body .page-header__inner { width: 100%; } }

body .page-header-section-title { font-size: 21px; }

@media (max-width: 767px) { body .page-header-section-title { font-size: 18px; } }

body .page-header-section-title:before { content: none; }

body .page-header-section-title-en { font-size: 36px; padding: 0 15px 0 0; margin: 0 15px 0 0; height: 36px; line-height: 36px; border-right: none; margin: 0; }

@media (max-width: 767px) { body .page-header-section-title-en { font-size: 19px; padding: 0 10px 0 0; margin: 0 10px 0 0; height: 20px; line-height: 20px; } }

body .breadcrumb { position: initial; margin: 20px 0 50px; }

body .page-head { margin: 90px 0 0; }

@media (max-width: 767px) { body .page-head { margin: 50px 0 0; } }

body .page-head .headline { text-align: center; }

body .page-head .headline.en { color: #3E3E87; font-weight: 600; letter-spacing: 8px; line-height: 1.3; font-size: 36px; }

body .page-head .headline.en.win { font-weight: 600; }

body .page-head .headline.jp { margin: 0; font-size: 21px; line-height: 1.6; }

@media (max-width: 767px) { body .page-head .headline.jp { margin: 0; } }

body .page-head__inner p { font-size: 44px; }

@media (max-width: 767px) { body .page-head__inner p { font-size: 23px; } }

body .page-head__inner div { margin: 10px 0 50px; max-width: 550px; font-size: 21px; line-height: 35px; }

@media (max-width: 767px) { body .page-head__inner div { font-size: 16px; line-height: 1.6; } }

body .page-lead { margin: 30px 0; }

@media (max-width: 767px) { body .page-lead { margin: 50px 0; } }

body .page-lead__inner { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

body .page-lead__inner img { width: 50px; margin: 15px 0; }

@media (max-width: 767px) { body .page-lead__inner img { margin: 0; } }

body .page-lead__inner p { font-size: 32px; margin: 30px 0; }

body .page-lead__inner div { margin: 10px 0 50px; max-width: 400px; font-size: 16px; line-height: 25px; }

@media (max-width: 767px) { body .page-lead__inner div { margin: 0; max-width: 100%; } }

body .page-lead__inner p { font-size: 44px; }

@media (max-width: 767px) { body .page-lead__inner p { font-size: 23px; } }

body .page-lead__inner div { margin: 50px 0; max-width: 550px; font-size: 21px; line-height: 35px; }

@media (max-width: 767px) { body .page-lead__inner div { font-size: 16px; line-height: 1.6; } }

body section:nth-child(odd) .bg { background: #f2f2f2; }

body .link-button { width: 100%; position: relative; }

body .link-button a:after { content: url(../images/top/btn_arrow.svg); position: absolute; left: 90%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

body .link-button a:hover:after { content: url(../images/top/btn_arrow_hover.svg); }

body .link-button a:hover { color: #FFFFFF; }

body .link-button a:hover .link { background: #3E3E87; border: 1px solid #3E3E87; }

body .link-button .link { width: 100%; height: 65px; text-align: center; line-height: 65px; border: 1px solid #000000; border-radius: 36px; background: transparent; -webkit-transition: 0.2s; transition: 0.2s; font-size: 15px; }

body .link-button .link.flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 767px) { body .link-button .link { font-size: 14px; height: 50px; line-height: 50px; } }

body .link-button .link div { margin-top: 7px; }

@media (min-width: 768px) { body .link-button .link div { margin-top: 14px; } }

body .link-button .small { font-size: 12px; line-height: 1.2; }

@media (max-width: 767px) { body .link-button div, body .link-button p { font-weight: 600; } }

@-webkit-keyframes upAndDownAnime { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  7% { -webkit-transform: translateY(-3px); transform: translateY(-3px); }
  14% { -webkit-transform: translateY(3px); transform: translateY(3px); }
  20% { -webkit-transform: translateY(-3px); transform: translateY(-3px); }
  32% { -webkit-transform: translateY(3px); transform: translateY(3px); }
  40% { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes upAndDownAnime { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  7% { -webkit-transform: translateY(-3px); transform: translateY(-3px); }
  14% { -webkit-transform: translateY(3px); transform: translateY(3px); }
  20% { -webkit-transform: translateY(-3px); transform: translateY(-3px); }
  32% { -webkit-transform: translateY(3px); transform: translateY(3px); }
  40% { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes fadeInAnime { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeInAnime { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes sideToSideAnime { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  7% { -webkit-transform: translateX(-3px); transform: translateX(-3px); }
  14% { -webkit-transform: translateX(3px); transform: translateX(3px); }
  20% { -webkit-transform: translateX(-3px); transform: translateX(-3px); }
  32% { -webkit-transform: translateX(3px); transform: translateX(3px); }
  40% { -webkit-transform: translateX(0px); transform: translateX(0px); } }

@-webkit-keyframes fadeUpAnime { from { opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeUpAnime { from { opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

a.button-more-detail { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 0.5rem; width: 11rem; min-height: 1.5rem; border: 1px solid #000000; border-radius: 2px; font-size: 0.8rem; text-decoration: none; }

a.button-more-detail::after { position: absolute; right: .5rem; top: 50%; margin-top: -2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); height: 4px; width: 4px; border: solid #000; border-width: 0 1px 1px 0; content: ''; }

@media (min-width: 768px) { a.button-more-detail { height: 35px; width: 290px; border-width: 2px; border-radius: 6px; font-size: 14px; -webkit-transition: .2s; transition: .2s; }
  a.button-more-detail::after { margin-top: -3px; height: 6px; width: 6px; border-width: 0 2px 2px 0; }
  a.button-more-detail:hover { background-color: #000; color: #fff; }
  a.button-more-detail:hover::after { border-color: #fff; } }

.block-information a.button-more-detail { border-color: #fff; color: #fff; }

.block-information a.button-more-detail::after { border-color: #fff; }

.block-information a.button-more-detail:hover { background: transparent; }

.visible-pc { display: inline; }

@media (max-width: 767px) { .visible-pc { display: none; } }

.visible-sp { display: inline; }

@media (min-width: 768px) { .visible-sp { display: none; } }

.show-more { font-size: 13px; text-align: center; width: 80px; position: relative; margin: 50px auto; padding: 0 0 12px; cursor: pointer; }

.show-more:after { content: url(../images/common/arrow_downward.svg); position: absolute; top: 13px; left: calc(50% - 7.5px); }

.show-more:hover:after { -webkit-animation: upAndDownAnime 1s; animation: upAndDownAnime 1s; }

.header-line { margin: 40px 0 0; padding: 40px 0 0; }

.header-line:before { content: ''; width: 90px; height: 1px; background-color: #000000; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.line-title::after { content: ""; display: block; width: 90px; height: 1px; background-color: #333; margin: 40px auto 0; }

.line-title__white::after { content: ""; display: block; width: 90px; height: 1px; background-color: #ffffff; margin: 40px auto; }

.line-title.no-after::after { content: none; }

.title-font { font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS Mincho', serif; }

.amani-day .header { margin: 0 0 80px; }

.amani-day .header .catch { text-align: center; }

.amani-day .header .catch .box { padding: 30px 0; border: solid #000; border-width: 1px 0; display: inline-block; }

.amani-day .header .catch .box .large { font-size: 45px; line-height: 54px; }

.amani-day .header .catch .box p { font-size: 32px; text-align: center; }

.amani-day .header .body { margin-top: 30px; font-size: 0.8rem; text-align: center; }

.amani-day .header .body p { text-align: center; }

.amani-day .recipe { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 90px; }

@media (max-width: 767px) { .amani-day .recipe-image { margin: 30px 0 0; } }

.amani-day .recipe-image figure { width: 322px; }

.amani-day .recipe-item-wrap { margin: 32px 0 0; padding: 30px 0; border: solid #000; border-width: 1px 0; font-size: 16px; }

.amani-day .recipe-item-wrap .recipe-item:first-child { margin: 0 0 30px; }

.amani-day .recipe-item-wrap ul { margin: 10px 0 0; }

.amani-day .recipe-item-wrap ul li { font-size: 16px; line-height: 25px; }

.amani-day .subtitle { padding: 5px 0; }

.amani-day .subtitle span { background-color: #000000; padding: 5px; color: #ffffff; font-size: 13px; line-height: 15px; }

.amani-day .hanshohange .grid .row { margin: 30px 0 0; }

@media (max-width: 767px) { .about__amani figure { text-align: center; } }

body.about-amani__eiyou article { background: url(/amani1/assets/images/about-amani/eiyou_bg.png) no-repeat center top; }

@media (max-width: 767px) { body.about-amani__eiyou article { background-size: 100% auto; } }

body.about-amani__eiyou article figure { text-align: center; }

body.about-amani__eiyou article img.eiyou01 { width: 24rem; }

body.about-amani__eiyou article img.eiyou03 { width: 11.5rem; }

body.about-amani__eiyou article img.eiyou05 { width: 11.5rem; }

body.about-amani__eiyou article img.eiyou07 { width: 11.75rem; }

body.about-amani__eiyou article img.eiyou09 { width: 18.35rem; }

@media (min-width: 768px) { body.about-amani__eiyou article .grid .row:first-child .col:first-child { padding-top: 60px; } }

/* アマニの栄養素 */
.eiyou-container { margin: 4rem auto; }

.eiyou-container .notes { margin-top: 1rem; font-size: 0.5rem; line-height: 1.5; }

@media (min-width: 768px) { .eiyou-container { margin: 0 auto 80px; width: 100%; max-width: 920px; }
  .eiyou-container .notes { margin-top: -15px; } }

.eiyou-list .item { padding-bottom: 1rem; position: relative; }

.eiyou-list .item::after { background: no-repeat 0 0 / contain; content: ''; position: absolute; }

.eiyou-list .item .head { padding: 0.2rem; background-color: #ddd; color: #fff; font-size: 18px; font-weight: 600; text-align: center; }

.eiyou-list .item .body { padding: 1rem 2.5rem; font-size: 16px; }

@media (max-width: 767px) { .eiyou-list .item .body { padding: 1rem 0; } }

.eiyou-list .item .body p { line-height: 1.5; }

.eiyou-list .item .body .deco { margin: 1rem 0 0 0; padding: 0 1rem; font-size: 16px; font-weight: 600; text-align: center; position: relative; display: inline-block; }

@media (max-width: 767px) { .eiyou-list .item .body .deco { display: block; } }

.eiyou-list .item .body .deco_line { margin: 0 0 1.5rem 0; padding: 0 1rem; text-align: center; position: relative; display: inline-block; }

.eiyou-list .item .body .deco_line::before, .eiyou-list .item .body .deco_line::after { height: 2rem; width: 0; margin-bottom: -1rem; border: 1px solid; position: absolute; bottom: 50%; content: ''; }

.eiyou-list .item .body .deco_line::before { left: 0; -webkit-transform: rotate(-16deg); transform: rotate(-16deg); }

.eiyou-list .item .body .deco_line::after { right: 0; -webkit-transform: rotate(16deg); transform: rotate(16deg); }

.eiyou-list .item .body .center { text-align: center; font-size: 12px; }

@media (max-width: 767px) { .eiyou-list .item .body .center { max-width: 450px; margin: 0 auto; } }

.eiyou-list .item .body .deco-2column { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 767px) { .eiyou-list .item .body .deco-2column { display: block; } }

.eiyou-list .item .body .deco-2column .deco { padding: 0; font-size: 14px; }

.eiyou-list .item .body .deco-2column .deco + .deco { margin-left: 1rem; }

.eiyou-list .item .image { text-align: center; }

.eiyou-list .item .p20 { padding: 1rem 0; font-size: 16px; text-align: center; }

@media (max-width: 767px) { .eiyou-list .item:not(:first-child) { margin-top: 2.5rem; } }

.eiyou-list .item .protein_graph1 { margin: 0 0 0 auto; }

.eiyou-list .item .protein_graph2 { margin: 0 auto 0 0; }

@media (min-width: 768px) { .eiyou-list { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .eiyou-list .item { margin: 0 0 35px 40px; width: calc((100% - 40px) / 2); }
  .eiyou-list .item:nth-child(2n+1) { margin-left: 0; } }

.eiyou-list .item-1 { border-color: #E0AC00; }

.eiyou-list .item-1::after { height: 11.75rem; width: 5.65rem; background-image: url(/amani1/assets/images/about-amani/eiyou02.png); bottom: -4px; left: -2.5rem; }

@media (max-width: 767px) { .eiyou-list .item-1::after { left: 1rem; } }

.eiyou-list .item-1 .head { background-color: #E0AC00; }

.eiyou-list .item-1 .body .deco { color: #E0AC00; }

.eiyou-list .item-1 .body .deco::before, .eiyou-list .item-1 .body .deco::after { border-color: #E0AC00; }

.eiyou-list .item-2 { border-color: #007F3E; }

.eiyou-list .item-2::after { height: 11.75rem; width: 7.45rem; background-image: url(/amani1/assets/images/about-amani/eiyou04.png); bottom: 0; right: -2.1rem; }

@media (max-width: 767px) { .eiyou-list .item-2::after { right: 0.3rem; } }

.eiyou-list .item-2 .head { background-color: #007F3E; }

.eiyou-list .item-2 .body .deco { color: #007F3E; }

.eiyou-list .item-2 .body .deco::before, .eiyou-list .item-2 .body .deco::after { border-color: #007F3E; }

.eiyou-list .item-3 { border-color: #EB6249; }

.eiyou-list .item-3::after { height: 10.75rem; width: 5.3rem; background-image: url(/amani1/assets/images/about-amani/eiyou06.png); bottom: 2px; left: -2.7rem; }

@media (max-width: 767px) { .eiyou-list .item-3::after { left: 1rem; } }

.eiyou-list .item-3 .head { background-color: #EB6249; }

.eiyou-list .item-3 .body .deco { color: #EB6249; }

.eiyou-list .item-3 .body .deco::before, .eiyou-list .item-3 .body .deco::after { border-color: #EB6249; }

.eiyou-list .item-4 { border-color: #3180BB; }

.eiyou-list .item-4::after { height: 11rem; width: 7.45rem; background-image: url(/amani1/assets/images/about-amani/eiyou08.png); bottom: 0.8rem; right: -5.3rem; }

@media (max-width: 767px) { .eiyou-list .item-4::after { right: -1rem; } }

.eiyou-list .item-4 .head { background-color: #3180BB; }

.eiyou-list .item-4 .body .deco { color: #3180BB; }

.eiyou-list .item-4 .body .deco::before, .eiyou-list .item-4 .body .deco::after { border-color: #3180BB; }

.eiyou-list .item-4 .image { padding-top: 2rem; text-align: left; }

@media (max-width: 767px) { .eiyou-list .item-4 .image { text-align: center; } }

.eiyou-graph { margin: 0 calc(50% - 50vw); padding: 5rem 0; background-color: #F5F5F5; }

.eiyou-graph .graph { width: 24.8rem; margin: 0 auto; }

.eiyou-graph .notes-block { margin-top: 1rem; text-align: center; }

.eiyou-graph .notes { font-size: 13px; line-height: 1.5; display: inline-block; text-align: left; }

@media (min-width: 768px) { .eiyou-graph { padding: 50px 0 80px; } }

.eiyou-standaed { margin: 0 calc(50% - 50vw); padding: 5rem 2.5rem; background-color: #F15A24; color: #fff; }

.eiyou-standaed .header { margin-bottom: -1rem; text-align: center; }

.eiyou-standaed .header .txt { padding: 0 2rem; font-size: 1.2rem; font-weight: 600; background-color: #F15A24; display: inline-block; position: relative; }

.eiyou-standaed .header .txt::before, .eiyou-standaed .header .txt::after { height: 2rem; width: 0; margin-bottom: -1rem; border: 1px solid #fff; position: absolute; bottom: 50%; content: ''; }

.eiyou-standaed .header .txt::before { left: 0.5rem; -webkit-transform: rotate(-16deg); transform: rotate(-16deg); }

.eiyou-standaed .header .txt::after { right: 0.5rem; -webkit-transform: rotate(16deg); transform: rotate(16deg); }

.eiyou-standaed .notes { font-size: 0.6rem; text-align: right; }

@media (min-width: 768px) { .eiyou-standaed { padding: 100px 0; } }

.eiyou-standaed__container { margin: 0 0 0.5rem; padding: 1.5rem; border: 2px solid #fff; border-radius: 2px; }

.eiyou-standaed__container .ingestion_quantity { text-align: center; }

.eiyou-standaed__container .ingestion_quantity .name { margin-bottom: 2rem; font-size: 1.5rem; font-weight: 600; position: relative; }

.eiyou-standaed__container .ingestion_quantity .name::after { top: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0.86rem 0.5rem 0 0.5rem; border-color: #ffffff transparent transparent transparent; content: ''; }

.eiyou-standaed__container .ingestion_quantity .required_quantity { font-size: 1rem; font-weight: 600; line-height: 1.4; }

.eiyou-standaed__container .ingestion_quantity .required_quantity .large { font-size: 2.8rem; }

.eiyou-standaed__container .ingestion_quantity .required_quantity .gram { font-size: 1.5rem; }

.eiyou-standaed__container .col { padding: 1.5rem 0; }

.eiyou-standaed__container .col + .col { position: relative; }

.eiyou-standaed__container .col + .col::before { width: 11rem; border: 1px solid #fff; top: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; }

@media (min-width: 768px) { .eiyou-standaed__container { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .eiyou-standaed__container .col { width: 50%; }
  .eiyou-standaed__container .col + .col::before { height: 226px; width: 0; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

.about_omega3-content-wrap { width: 630px; margin: 0 auto; }

@media (max-width: 767px) { .about_omega3-content-wrap { width: 100%; } }

.about_omega3-header .catch { text-align: center; }

.about_omega3-header .catch .box { padding: 30px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; display: inline-block; width: auto; }

@media (max-width: 767px) { .about_omega3-header .catch .box { width: 100%; } }

.about_omega3-header .catch p { text-align: center; font-size: 32px; line-height: 38px; }

@media (max-width: 767px) { .about_omega3-header .catch p { font-size: 21px; line-height: 1.6; } }

.about_omega3-header .catch .large { font-size: 45px; line-height: 54px; white-space: nowrap; }

@media (max-width: 767px) { .about_omega3-header .catch .large { font-size: max(4.7vw, 22px); line-height: 1.3; margin: 20px 0 0; } }

.about_omega3-body { margin: 80px 0 50px 0; }

@media (max-width: 767px) { .about_omega3-body { margin: 80px 0 0 0; } }

.about_omega3-body-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.about_omega3-body-row .col { width: 50%; max-width: 190px; }

@media (max-width: 767px) { .about_omega3-body-row .col { max-width: 30%; max-height: 30%; } }

.about_omega3-body-row .col img { width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; }

.about_omega3-body-row .col .recipe { font-size: 13px; line-height: 21px; margin: 30px 0 0; text-align: center; white-space: nowrap; }

@media (max-width: 767px) { .about_omega3-body-row .col .recipe { font-size: max(2vw, 12px); margin-top: 20%; line-height: 17px; } }

.about_omega3 .link-button { width: 190px; margin: 80px auto 0; }

figure.omega3_about { width: auto; }

figure.omega3_graph { width: 25rem; }

.omega3_graph-notes { margin: 1.5rem 0 3rem; text-align: center; font-size: 0.6rem; }

.omega3_graph-notes ul { display: inline-block; }

.omega3_graph-notes ul li { line-height: 1.25; text-align: left; }

@media (min-width: 768px) { .omega3_graph-notes { font-size: 10px; } }

.omega3-faq__container { margin: 3rem 0; }

.omega3-faq__header { margin: 0 calc(50% - 50vw); padding: 1.25rem 0; }

@media (max-width: 767px) { .omega3-faq__header { margin: 0; } }

.omega3-faq__header .q-txt { font-size: 18px; text-align: center; }

.omega3-faq__header .q-txt::before { margin-right: 0.5rem; font-size: 20px; color: #F264B5; content: 'Q'; vertical-align: middle; }

.omega3-faq__content { padding: 1rem 0 0; }

.omega3-faq__content .a-txt { margin: 0 0 1.5rem; font-size: 18px; text-align: center; }

.omega3-faq__content .a-txt::before { margin-right: 0.5rem; font-size: 20px; color: #7474E2; content: 'A'; vertical-align: middle; }

.omega3-faq__content .a-txt .caption { font-size: 12px; }

.omega3-faq__content .omega3_easy { margin-bottom: 1.5rem; width: auto; }

.omega3-faq__content .omega3_easy figcaption { margin-top: 0.6rem; font-size: 12px; text-align: right; }

.omega3-faq__content .to-item { margin: 2.5rem 0 3rem; text-align: center; }

@media (min-width: 768px) { .omega3-faq__content .omega3_easy { width: 765px; } }

.omega3-faq__footer { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; }

.omega3-faq__footer .omega3_footer01 { width: 14rem; }

.omega3-faq__footer .omega3_footer02 { width: 16.1rem; }

@media (min-width: 768px) { .omega3-faq__footer { width: 777px; margin: 0 auto; } }

.omega3-items { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin: 40px auto 0 auto; }

.omega3-items .item { text-align: center; }

@media (max-width: 767px) { .omega3-items .item { width: 30%; } }

.omega3-items .item p { margin-top: 12px; font-size: 13px; text-align: center; }

@media (max-width: 767px) { .omega3-items .item p { font-size: max(2vw, 12px); margin-top: 20%; line-height: 17px; } }

.omega3-items .item .quantity { font-size: 13px; display: block; text-align: center; }

@media (max-width: 767px) { .omega3-items .item .quantity { font-size: max(2vw, 12px); } }

.omega3-items img.omega3_item01 { width: 7.2rem; }

.omega3-items img.omega3_item02 { width: 8.6rem; }

.omega3-items img.omega3_item03 { width: 8.6rem; }

.omega3-example { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; }

.omega3-example .item { text-align: center; }

.omega3-example .item p { margin-top: 0.5rem; font-size: 0.7rem; }

.omega3-example .item .quantity { font-size: 0.6rem; display: block; }

.omega3-example img.omega3_example { width: 10rem; }

@media (min-width: 768px) { .omega3-example { width: 844px; margin: 0 auto; }
  .omega3-example img.omega3_example { width: 237px; } }

.omega3-day-content-wrap { width: 630px; margin: 0 auto; max-width: auto; }

@media (max-width: 767px) { .omega3-day-content-wrap { width: 100%; max-width: 500px; } }

.omega3-day-header .catch { text-align: center; }

.omega3-day-header .catch .box { padding: 30px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; display: inline-block; width: auto; }

@media (max-width: 767px) { .omega3-day-header .catch .box { width: 100%; } }

.omega3-day-header .catch p { text-align: center; font-size: max(2.75vw, 14px); line-height: 38px; }

@media (max-width: 767px) { .omega3-day-header .catch p { line-height: 1.6; } }

.omega3-day-header .catch .large { font-size: 45px; line-height: 54px; white-space: nowrap; }

@media (max-width: 767px) { .omega3-day-header .catch .large { font-size: max(4.7vw, 22px); line-height: 1.3; margin: 20px 0 0; } }

.omega3-day-body-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 80px 0; }

.omega3-day-body-row .col { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.omega3-day-body-row .col .img-wrap { max-width: 230px; max-height: 230px; }

.omega3-day-body-row .col img { width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; }

.omega3-day-body-row .col .recipe { font-size: 18px; line-height: 21px; margin: 30px 0 0; text-align: center; white-space: nowrap; }

@media (max-width: 767px) { .omega3-day-body-row .col .recipe { font-size: max(2.5vw, 14px); font-weight: 600; } }

.omega3-day .link-button { width: 190px; margin: 0 auto; }

body.tanbou-index .bg { position: relative; }

body.tanbou-index .block-tanbou-bg-map { margin-bottom: 300px; position: relative; }

@media (max-width: 767px) { body.tanbou-index .block-tanbou-bg-map { margin-bottom: 400px; } }

@media (max-width: 665px) { body.tanbou-index .block-tanbou-bg-map { margin-bottom: 300px; } }

@media (max-width: 565px) { body.tanbou-index .block-tanbou-bg-map { margin-bottom: 300px; } }

@media (max-width: 465px) { body.tanbou-index .block-tanbou-bg-map { margin-bottom: 250px; } }

body.tanbou-index .text-box { max-width: 600px; margin: 0 auto; position: relative; z-index: 1; }

body.tanbou-index .map { background: url(/amani1/assets/images/about-amani/tanbou_bg-map.png) no-repeat 0 0/100% auto; position: absolute; width: 1145px; height: 639px; background-size: contain; top: 160px; margin: 0 138px; }

body.tanbou-index .map .pin { opacity: 0; height: 52px; width: 36px; padding-top: 8px; background: url(/amani1/assets/images/about-amani/mappin.png) no-repeat 0 0/contain; color: #3E3E87; font-size: 21px; font-weight: 600; text-align: center; display: block; position: absolute; -webkit-animation: slideinTop .5s forwards; animation: slideinTop .5s forwards; }

body.tanbou-index .map .pin_A { top: 231px; left: 98px; -webkit-animation-delay: .3s; animation-delay: .3s; }

body.tanbou-index .map .pin_B { top: 296px; left: 184px; -webkit-animation-delay: .6s; animation-delay: .6s; }

body.tanbou-index .map .pin_C { top: 317px; left: 301px; -webkit-animation-delay: .9s; animation-delay: .9s; }

body.tanbou-index .map .pin_D { top: 292px; left: 138px; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

body.tanbou-index .map .pin_E { top: 261px; left: 498px; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

body.tanbou-index .map .pin_F { top: 223px; left: 61px; -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }

body.tanbou-index .map .pin_G { top: 171px; left: 47px; -webkit-animation-delay: 2.1s; animation-delay: 2.1s; }

body.tanbou-index .map .pin_H { top: 161px; left: 103px; -webkit-animation-delay: 2.4s; animation-delay: 2.4s; }

@media (max-width: 767px) { body.tanbou-index .map { margin: 0 1rem; background: url(/amani1/assets/images/about-amani/tanbou_bg-map_sp.png) no-repeat 0 0/100% auto; width: 767px; height: 100%; }
  body.tanbou-index .map .pin { height: 45px; width: 30px; font-size: 16px; }
  body.tanbou-index .map .pin_A { top: 310px; left: 124px; }
  body.tanbou-index .map .pin_B { top: 376px; left: 222px; }
  body.tanbou-index .map .pin_C { top: 405px; left: 342px; }
  body.tanbou-index .map .pin_D { top: 369px; left: 168px; }
  body.tanbou-index .map .pin_E { top: 344px; left: 548px; }
  body.tanbou-index .map .pin_F { top: 293px; left: 89px; }
  body.tanbou-index .map .pin_G { top: 247px; left: 71px; }
  body.tanbou-index .map .pin_H { top: 218px; left: 130px; } }

@media (max-width: 665px) { body.tanbou-index .map { width: 665px; top: 200px; }
  body.tanbou-index .map .pin_A { top: 262px; left: 105px; }
  body.tanbou-index .map .pin_B { top: 317px; left: 190px; }
  body.tanbou-index .map .pin_C { top: 336px; left: 294px; }
  body.tanbou-index .map .pin_D { top: 319px; left: 141px; }
  body.tanbou-index .map .pin_E { top: 292px; left: 474px; }
  body.tanbou-index .map .pin_F { top: 243px; left: 76px; }
  body.tanbou-index .map .pin_G { top: 209px; left: 61px; }
  body.tanbou-index .map .pin_H { top: 186px; left: 103px; } }

@media (max-width: 565px) { body.tanbou-index .map { width: 565px; top: 255px; }
  body.tanbou-index .map .pin_A { top: 223px; left: 90px; }
  body.tanbou-index .map .pin_B { top: 267px; left: 162px; }
  body.tanbou-index .map .pin_C { top: 275px; left: 247px; }
  body.tanbou-index .map .pin_D { top: 264px; left: 122px; }
  body.tanbou-index .map .pin_E { top: 244px; left: 400px; }
  body.tanbou-index .map .pin_F { top: 211px; left: 62px; }
  body.tanbou-index .map .pin_G { top: 172px; left: 51px; }
  body.tanbou-index .map .pin_H { top: 150px; left: 91px; } }

@media (max-width: 465px) { body.tanbou-index .map { width: 465px; top: 350px; }
  body.tanbou-index .map .pin_A { top: 179px; left: 76px; }
  body.tanbou-index .map .pin_B { top: 222px; left: 131px; }
  body.tanbou-index .map .pin_C { top: 223px; left: 202px; }
  body.tanbou-index .map .pin_D { top: 220px; left: 95px; }
  body.tanbou-index .map .pin_E { top: 192px; left: 326px; }
  body.tanbou-index .map .pin_F { top: 165px; left: 50px; }
  body.tanbou-index .map .pin_G { top: 129px; left: 35px; }
  body.tanbou-index .map .pin_H { top: 120px; left: 71px; } }

@media (max-width: 420px) { body.tanbou-index .map { top: 410px; left: -20px; } }

body.tanbou-index .tanbou-list { max-width: 730px; margin: 0 auto; }

body.tanbou-index .tanbou-list__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 40px 50px; }

@media (max-width: 767px) { body.tanbou-index .tanbou-list__container { gap: 40px 10px; } }

body.tanbou-index .tanbou-list__container > li { line-height: 1.2; text-align: center; width: calc((100% - 150px) / 4); }

@media (max-width: 767px) { body.tanbou-index .tanbou-list__container > li { width: calc((100% - 30px) / 4); } }

body.tanbou-index .tanbou-list__container a { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

body.tanbou-index .tanbou-list__container .thumbnail { margin-bottom: 1rem; display: block; position: relative; border-radius: 50%; overflow: hidden; }

body.tanbou-index .tanbou-list__container .thumbnail > img { width: 100%; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; }

body.tanbou-index .tanbou-list__container .thumbnail > img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

body.tanbou-index .tanbou-list__container .country { font-size: 14px; }

@media (max-width: 767px) { body.tanbou-index .tanbou-list__container .country { font-size: 11px; margin: 0 0 5px 0; } }

body.tanbou-index .tanbou-list__container .title { font-size: 18px; }

body.tanbou-index .tanbou-list__container .title.nowrap { white-space: nowrap; }

@media (max-width: 767px) { body.tanbou-index .tanbou-list__container .title { font-size: 14px; }
  body.tanbou-index .tanbou-list__container .title.nowrap { white-space: normal; } }

body.tanbou-index .tanbou-list__container .number { font-size: 21px; color: #3E3E87; font-weight: 600; margin: 0 0 5px; display: block; }

@media (max-width: 767px) { body.tanbou-index .tanbou-list__container .number { font-size: 16px; } }

@-webkit-keyframes slideinTop { 0% { opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideinTop { 0% { opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

body.amanitanbou-detail .headline-wrap .headline { font-size: 18px; margin-bottom: 10px; }

@media (max-width: 767px) { body.amanitanbou-detail .headline-wrap .headline { margin-bottom: 1rem; line-height: 1.5; } }

body.amanitanbou-detail .link-button { width: 190px; margin: 80px  auto; }

@media (max-width: 767px) { body.amanitanbou-detail .pc-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media (max-width: 767px) { body.amanitanbou-detail .pc-flex .image { padding: 0 1rem; } }

@media (max-width: 767px) { body.amanitanbou-detail .recipe_image { margin: 0 auto; } }

.tanbou-detail.bg-map { background: url(/amani1/assets/images/about-amani/tanbou_bg-map.png) no-repeat 0 0/100% auto; }

@media (min-width: 768px) { .tanbou-detail.bg-map { margin-bottom: 60px; background-position: center 110px; background-size: auto; } }

.tanbou-detail.bg-gray { padding: 3.5rem 0 0 0; margin: 0 calc(50% - 50vw); }

@media (min-width: 768px) { .tanbou-detail.bg-gray { padding: 80px 0 0 0; } }

.tanbou-detail .border { border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 2rem 0; padding: 2rem 0; }

.tanbou-detail .border__title { border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 80px auto 0 auto; padding: 20px 40px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.tanbou-detail .tanbou-detail__data, .tanbou-detail .amaninja__4koma .amaninja__4koma-related-link, .amaninja__4koma .tanbou-detail .amaninja__4koma-related-link { margin: 10px 0 0; position: relative; }

.tanbou-detail .tanbou-detail__data:not(:first-child), .tanbou-detail .amaninja__4koma .amaninja__4koma-related-link:not(:first-child), .amaninja__4koma .tanbou-detail .amaninja__4koma-related-link:not(:first-child) { margin-top: 3.5rem; }

.tanbou-detail .tanbou-detail__data dt, .tanbou-detail .amaninja__4koma .amaninja__4koma-related-link dt, .amaninja__4koma .tanbou-detail .amaninja__4koma-related-link dt { padding: 0.5rem 1rem; background-color: #000; color: #fff; font-size: 13px; font-weight: 600; top: -1rem; position: relative; display: inline-block; }

@media (min-width: 768px) { .tanbou-detail .tanbou-detail__data dt, .tanbou-detail .amaninja__4koma .amaninja__4koma-related-link dt, .amaninja__4koma .tanbou-detail .amaninja__4koma-related-link dt { padding: 5px 20px; font-size: 13px; top: -11px; } }

.tanbou-detail .tanbou-detail__data .circlenumber, .tanbou-detail .amaninja__4koma .amaninja__4koma-related-link .circlenumber, .amaninja__4koma .tanbou-detail .amaninja__4koma-related-link .circlenumber { display: inline-block; line-height: 18px; border-radius: 50%; border: #000 1px solid; color: #fff; background-color: #000; font-size: 16px; left: 0; width: 20px; height: 20px; text-align: center; margin-right: 4px; }

.tanbou-detail .tanbou-detail__data .annotations, .tanbou-detail .amaninja__4koma .amaninja__4koma-related-link .annotations, .amaninja__4koma .tanbou-detail .amaninja__4koma-related-link .annotations { padding: 20px 0; font-size: 13px; line-height: 20px; }

.tanbou-detail .tanbou-detail__data .annotations .red, .tanbou-detail .amaninja__4koma .amaninja__4koma-related-link .annotations .red, .amaninja__4koma .tanbou-detail .amaninja__4koma-related-link .annotations .red { color: #EA4242; }

.tanbou-detail__header { margin-bottom: 80px; }

.tanbou-detail__header .entryTitle { text-align: center; }

.tanbou-detail__header .entryTitle .txt1 { font-size: 21px; text-align: center; margin-bottom: 12px; }

.tanbou-detail__header .entryTitle .txt2 { margin: 0; font-size: 26px; font-weight: 600; line-height: 31.2px; text-align: center; }

.tanbou-detail__header .entryTitle .txt3 { margin: 0; font-size: 32px; font-weight: 600; line-height: 31.2px; text-align: center; }

.tanbou-detail__header .description { margin: 80px auto 0 auto; font-size: 16px; text-align: center; max-width: 600px; position: relative; z-index: 1; }

.tanbou-detail .heading { margin-bottom: 1rem; padding-bottom: 0.5rem; font-size: 1.8rem; font-weight: 600; border-bottom: 1px solid #000; text-align: center; }

@media (min-width: 768px) { .tanbou-detail .heading { font-size: 18px; } }

.tanbou-detail .heading p { line-height: 1.55; }

.tanbou-detail .grid .row .image { margin-bottom: 3rem; text-align: center; display: block; }

@media (max-width: 767px) { .tanbou-detail .grid .row .image { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.tanbou-detail .grid .row .image figure { max-width: 220px; text-align: center; margin: 0 auto; }

@media (max-width: 767px) { .tanbou-detail .grid .row .image figure { display: table; width: 100%; } }

.tanbou-detail .grid .row .image figure img { width: 100%; padding: 0 1rem; }

.tanbou-detail .grid .row .image .caption { margin: 0.5rem 0 3rem 0; font-size: 10px; text-align: left; line-height: 12px; padding: 0 1rem; }

@media (max-width: 767px) { .tanbou-detail .grid .row .sp-none { display: none; } }

@media (min-width: 768px) { .tanbou-detail .grid .row .pc-none { display: none; } }

.tanbou-detail .grid .row .text .annotations { margin-top: 1rem; }

.tanbou-detail .grid .row .text .annotations li { font-size: 12px; line-height: 20px; }

.tanbou-detail__article1 { padding: 0; }

.tanbou-detail__article1:nth-child(n+2) { padding: 60px 0 0 0; }

.tanbou-detail__article2 { padding: 0 0 60px 0; }

.amaninja-bg { background: url(/amani1/assets/images/amaninja/bg_amaninja_about.png) no-repeat center !important; background-color: #fff !important; background-size: contain !important; padding: 70px 0; background-position: bottom !important; }

@media (max-width: 767px) { .amaninja-bg { padding: 2rem 0; } }

.amaninja-block { padding-bottom: 4rem; }

.amaninja-block__title { width: 16.3rem; margin: 0 auto; padding: 2rem 0 3rem; }

@media (min-width: 768px) { .amaninja-block__title { padding: 45px 0; } }

.amaninja-block__title__text { font-size: 1.1rem; text-align: center; }

@media (min-width: 768px) { .amaninja-block__title__text { font-size: 16px; } }

.amaninja-block__character { margin: 3.5rem 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.amaninja-block__character li { margin-bottom: 2rem; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; text-align: center; }

@media (min-width: 768px) { .amaninja-block__character { margin: 50px -50px 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .amaninja-block__character li { margin-bottom: 0; -ms-flex-preferred-size: 25%; flex-basis: 25%; } }

.amaninja-block__character .character-info { margin-top: .5rem; text-align: left; padding: 0 20px; }

@media (max-width: 767px) { .amaninja-block__character .character-info { max-width: 280px; margin: 20px auto 0 auto; padding: 0 20px; } }

.amaninja-block__character .character-info dt { margin-bottom: 1rem; font-size: 21px; font-weight: 600; line-height: 1.2; }

@media (max-width: 767px) { .amaninja-block__character .character-info dt { font-size: 1.3rem; } }

.amaninja-block__character .character-info dt span { font-size: 15px; display: block; }

@media (max-width: 767px) { .amaninja-block__character .character-info dt span { font-size: 1rem; font-weight: 600; } }

.amaninja-block__character .character-info dd { font-size: 16px; line-height: 1.6; }

@media (max-width: 767px) { .amaninja-block__character .character-info dd { font-size: 1.1rem; } }

@media (max-width: 767px) { .amaninja-block__character .character-blue { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } }

.amaninja-block__character .character-blue img { width: 9rem; }

@media (max-width: 767px) { .amaninja-block__character .character-green { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } }

.amaninja-block__character .character-green img { width: 8.75rem; }

@media (max-width: 767px) { .amaninja-block__character .character-golden { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

.amaninja-block__character .character-golden img { width: 6.1rem; }

@media (max-width: 767px) { .amaninja-block__character .character-red { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

.amaninja-block__character .character-red img { width: 6.1rem; }

.amaninja-header__title { font-size: 2.1rem; font-weight: 600; margin: 20px 0; }

@media (min-width: 768px) { .amaninja-header__title { font-size: 36px; } }

.amaninja-header__en { margin-top: 0.6rem; font-size: 1.5rem; display: block; }

@media (min-width: 768px) { .amaninja-header__en { font-size: 21px; } }

.amaninja-header__subTitle { margin-bottom: 0.6rem; font-size: 1.5rem; display: block; }

@media (min-width: 768px) { .amaninja-header__subTitle { font-size: 16px; } }

.amaninja-detail-header__title { font-size: 2.1rem; font-weight: 600; margin: 20px 0; }

@media (min-width: 768px) { .amaninja-detail-header__title { font-size: 18px; } }

.amaninja-detail-header__en { margin-top: 0.6rem; font-size: 1.5rem; display: block; }

@media (min-width: 768px) { .amaninja-detail-header__en { font-size: 16px; } }

.amaninja-detail-header__subTitle { margin-bottom: 0.6rem; font-size: 1.5rem; display: block; }

@media (min-width: 768px) { .amaninja-detail-header__subTitle { font-size: 16px; } }

.amaninja-detail-header hr { height: 2px; background-color: #000; width: 100px; border: none; margin: 40px auto 0 auto; }

@media (max-width: 767px) { .amaninja-detail-header hr { width: 4rem; margin: 2rem auto; } }

.amaninja__4komaList article { margin-top: 95px; }

.amaninja__4komaList .selectLabel__bg { padding: 3rem 0; background: #F7F8F8; }

.amaninja__4komaList .selectLabel-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.amaninja__4komaList .selectLabel-head__inner { position: relative; width: auto; }

@media (max-width: 767px) { .amaninja__4komaList .selectLabel-head__inner { width: 100%; } }

.amaninja__4komaList .selectLabel-head__inner .lead { margin: 45px 0 80px 0; width: 400px; text-align: center; font-size: 16px; line-height: 25px; position: relative; }

@media (max-width: 767px) { .amaninja__4komaList .selectLabel-head__inner .lead { width: 100%; margin: 10px 0 60px 0; } }

.amaninja__4komaList .selectLabel-head__inner .lead:after { content: "※プルダウンメニューでカテゴリーを選択表示できます"; bottom: calc(-50px - 95px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 13px; position: absolute; white-space: nowrap; }

@media (max-width: 767px) { .amaninja__4komaList .selectLabel-head__inner .lead:after { bottom: calc(-50px - 78px); } }

.amaninja__4komaList .selectLabel-head__inner .select4koma-wrap { position: relative; }

.amaninja__4komaList .selectLabel-head__inner .select4koma { border: 1px solid; border-radius: 5px; width: 300px; margin: 0 auto; text-align: center; background-color: #f7f8f8; z-index: 1; font-size: 15px; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; min-width: none; }

@media (max-width: 767px) { .amaninja__4komaList .selectLabel-head__inner .select4koma { width: 60%; min-width: 300px; } }

.amaninja__4komaList .selectLabel-head__inner .select4koma:after { content: ""; width: 8px; height: 8px; position: absolute; top: calc(17.5px - 4px); right: 20px; border-right: 1px solid; border-bottom: 1px solid; }

.amaninja__4komaList .selectLabel-head__inner .select4koma:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.amaninja__4komaList .selectLabel-head__inner .select4koma.open:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

.amaninja__4komaList .selectLabel-head__inner .select4koma-panel { padding: 10px; text-align: center; background: #fff; border-radius: 5px; }

.amaninja__4komaList .selectLabel-head__inner .select4koma-box { display: none; background: #fff; border-radius: 5px; }

.amaninja__4komaList .selectLabel-head__inner .select4koma-box li span { width: 80%; border-top: 1px dashed; padding: 10px; display: inline-block; }

.amaninja__4komaList .selectLabel-head__inner .annotation { font-size: 13px; text-align: center; position: absolute; left: calc(50% - 150px); top: 300px; width: 300px; }

.amaninja__4komaList .amaninja-list__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 45px 10px; }

@media (min-width: 768px) { .amaninja__4komaList .amaninja-list__container { min-height: 460px; } }

.amaninja__4komaList .amaninja-list__container > li { width: calc((100% - 2rem) / 2); line-height: 1.2; text-align: center; position: relative; }

.amaninja__4komaList .amaninja-list__container .label { margin-bottom: 3px; bottom: 100%; left: 0; position: absolute; }

.amaninja__4komaList .amaninja-list__container .label > span { min-width: 42px; padding: 0.5rem 0.2rem; height: 17px; font-size: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.amaninja__4komaList .amaninja-list__container .label .new { color: #fff; background-color: #EA4242; margin-right: 4px; }

.amaninja__4komaList .amaninja-list__container .label .category01 { color: #fff; background-color: #744D0D; }

.amaninja__4komaList .amaninja-list__container .label .category02 { color: #fff; background-color: #558E0C; }

.amaninja__4komaList .amaninja-list__container a { text-decoration: none; }

.amaninja__4komaList .amaninja-list__container .thumbnail { margin-bottom: 12px; display: block; overflow: hidden; }

.amaninja__4komaList .amaninja-list__container .thumbnail > img { width: 100%; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; }

.amaninja__4komaList .amaninja-list__container .thumbnail > img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

.amaninja__4komaList .amaninja-list__container .title { font-size: 15px; line-height: 21px; text-align: left; display: block; }

@media (min-width: 768px) { .amaninja__4komaList .amaninja-list__container > li { width: calc((100% - 20px) / 3); }
  .amaninja__4komaList .amaninja-list__container .thumbnail::after { font-size: 36px; } }

@media (max-width: 767px) { .amaninja__4komaList .amaninja-list__container > li:nth-child(2n+1) { margin-left: 0px; } }

@media (max-width: 767px) { .amaninja__4koma__page-lead { margin-bottom: 0 !important; } }

.amaninja__4koma .amaninja__4koma-container { width: 22.5rem; margin: 60px auto; }

@media (max-width: 767px) { .amaninja__4koma .amaninja__4koma-container { margin-top: 0; } }

.amaninja__4koma .amaninja__4koma-title { margin-bottom: 2rem; }

.amaninja__4koma .amaninja__4koma-title p { font-size: 26px; font-weight: 600; text-align: center; padding: 0 0 20px 0; }

@media (max-width: 767px) { .amaninja__4koma .amaninja__4koma-title p { font-size: 1.5rem; padding: 0 0 0.5rem 0; } }

.amaninja__4koma .amaninja__4koma-title span { font-size: 21px; display: block; text-align: center; }

@media (max-width: 767px) { .amaninja__4koma .amaninja__4koma-title span { font-size: 1rem; } }

.amaninja__4koma .amaninja__4koma-category .label > span { min-width: 2.5rem; padding-left: 0.5rem; padding-right: 0.5rem; height: 0.9rem; font-size: 0.7rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.amaninja__4koma .amaninja__4koma-category .label .new { color: #fff; background-color: #ED1C24; }

.amaninja__4koma .amaninja__4koma-category .label .category01 { color: #fff; background-color: #8C6239; }

.amaninja__4koma .amaninja__4koma-category .label .category02 { color: #fff; background-color: #8cc63f; }

.amaninja__4koma__otherPage { padding: 10px 0 100px 0; }

.amaninja__4koma__otherPage .link-button { width: 190px; margin: 0 auto; }

.amaninja__4koma .hr_long { height: 2px; background-color: #000; max-width: 900px; margin: 0 auto; }

@media (max-width: 767px) { .amaninja__4koma .hr_long { margin: 0 2rem; width: auto; } }

.amaninja__4koma .amaninja__4koma-other { margin-top: 4.5rem; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; }

@media (max-width: 767px) { .amaninja__4koma .amaninja__4koma-other { margin: 3rem 2rem 0 2rem; } }

.amaninja__4koma .amaninja__4koma-other > div { -webkit-box-flex: 0; -ms-flex: 0 0 15.8rem; flex: 0 0 15.8rem; text-align: center; }

.amaninja__4koma .amaninja__4koma-other .thumb { margin-bottom: 0.5rem; display: block; overflow: hidden; }

.amaninja__4koma .amaninja__4koma-other .thumb img { -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; width: auto; }

.amaninja__4koma .amaninja__4koma-other .thumb img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

@media (min-width: 768px) { .amaninja__4koma .amaninja__4koma-other { margin: 40px auto 80px auto; width: 690px; }
  .amaninja__4koma .amaninja__4koma-other > div { -ms-flex-preferred-size: 270px; flex-basis: 270px; }
  .amaninja__4koma .amaninja__4koma-other .thumb { margin-bottom: 12px; } }

.amaninja__4koma .amaninja__4koma-other .amaninja-pre_next { font-size: 15px; text-align: center; font-weight: 600; padding-bottom: 10px; }

@media (max-width: 767px) { .amaninja__4koma .amaninja__4koma-other .amaninja-pre_next { font-size: 0.8rem; } }

.amaninja__4koma .amaninja__4koma-other .amaninja-pre_next__title { text-align: left; font-size: 15px; }

@media (max-width: 767px) { .amaninja__4koma .amaninja__4koma-other .amaninja-pre_next__title { margin-bottom: 3rem; font-size: 0.8rem; } }

.amaninja__4koma .amaninja__4koma-related-link dd { padding: 1rem 0; }

.amaninja__recipe__list .amaninja-list__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 45px 10px; }

@media (min-width: 768px) { .amaninja__recipe__list .amaninja-list__container { min-height: 460px; } }

.amaninja__recipe__list .amaninja-list__container > li { width: calc((100% - 2rem) / 2); line-height: 1.2; text-align: center; position: relative; }

.amaninja__recipe__list .amaninja-list__container .label { margin-bottom: 0.4rem; bottom: 100%; left: 0; position: absolute; }

.amaninja__recipe__list .amaninja-list__container .label > span { min-width: 2.5rem; padding-left: 0.5rem; padding-right: 0.5rem; height: 0.9rem; font-size: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.amaninja__recipe__list .amaninja-list__container .label .new { color: #fff; background-color: #ED1C24; }

.amaninja__recipe__list .amaninja-list__container .label .category01 { color: #fff; background-color: #8C6239; }

.amaninja__recipe__list .amaninja-list__container .label .category02 { color: #fff; background-color: #8cc63f; }

.amaninja__recipe__list .amaninja-list__container a { text-decoration: none; }

.amaninja__recipe__list .amaninja-list__container .thumbnail { margin-bottom: 12px; display: block; overflow: hidden; }

.amaninja__recipe__list .amaninja-list__container .thumbnail > img { width: 100%; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; }

.amaninja__recipe__list .amaninja-list__container .thumbnail > img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

.amaninja__recipe__list .amaninja-list__container .title { font-size: 15px; line-height: 21px; text-align: left; display: block; }

@media (min-width: 768px) { .amaninja__recipe__list .amaninja-list__container > li { width: calc((100% - 20px) / 3); }
  .amaninja__recipe__list .amaninja-list__container .thumbnail::after { font-size: 36px; } }

@media (max-width: 767px) { .amaninja__recipe__list .amaninja-list__container > li:nth-child(2n+1) { margin-left: 0px; } }

.amaninja__recipe__detail article { background: url(/amani1/assets/images/amaninja/recipe/amaninja_bg.png) no-repeat center -100px; }

@media (max-width: 767px) { .amaninja__recipe__detail article { background-size: contain; background-position: center -4.5rem; } }

.amaninja-recipe .single-header { height: auto; }

.amaninja-recipe .single-header__title { font-size: 26px; text-align: center; line-height: 38px; }

@media (max-width: 767px) { .amaninja-recipe .single-header__title { font-size: 2.3rem; line-height: 113%; } }

.amaninja-recipe .single-article-content { padding-top: 100px; }

@media (max-width: 767px) { .amaninja-recipe .single-article-content { padding-top: 10%; } }

.amaninja-recipe .single-article-content .recipe_hr { height: 1px; background-color: #000; width: 100%; border: none; margin: 40px auto 0 auto; }

@media (max-width: 767px) { .amaninja-recipe .single-article-content .recipe_hr { width: 100%; margin: 2rem auto; } }

.amaninja-recipe__information { margin-bottom: 3rem; }

@media (min-width: 768px) { .amaninja-recipe__information { margin-bottom: 100px; } }

.amaninja-recipe__information .image { margin: 0 0 1rem; width: auto; }

@media (max-width: 767px) { .amaninja-recipe__information .image { margin: 0 auto 2rem auto; max-width: 70%; } }

.amaninja-recipe__information .body { margin-bottom: 1rem; }

.amaninja-recipe__information .use-product dl { font-size: 0.9rem; line-height: 1.6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.amaninja-recipe__information .use-product dl a { text-decoration: underline; }

.amaninja-recipe__information .use-product dt { margin-right: 0.5rem; padding: 0.1rem 0.5rem; background-color: #000; color: #fff; }

.amaninja-recipe__information .use-product .link { margin-top: 1.5rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.amaninja-recipe__information .use-product .link a { position: relative; font-size: 15px; }

.amaninja-recipe__information .use-product .link a::after { content: url(../images/top/btn_arrow.svg); position: absolute; left: 115%; bottom: -1px; }

.amaninja-recipe__information .body dl, .amaninja-recipe__information .use-product dl { display: inline-block; }

.amaninja-recipe__information .body dt, .amaninja-recipe__information .use-product dt { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 13px; margin-bottom: 15px; }

.amaninja-recipe__information .body dd, .amaninja-recipe__information .use-product dd { font-size: 16px; }

.amaninja-recipe__information .body dd a, .amaninja-recipe__information .use-product dd a { color: revert; }

@media (min-width: 768px) { .amaninja-recipe__information .body, .amaninja-recipe__information .use-product { width: 43.3%; }
  .amaninja-recipe__information .image { width: 40.4%; float: right; }
  .amaninja-recipe__information .body { margin-bottom: 30px; }
  .amaninja-recipe__information .link > a { margin: 0; } }

@media (min-width: 768px) and (min-width: 768px) { .amaninja-recipe__information .btn-small { width: 170px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.amaninja-recipe__speech { margin-bottom: 5rem; }

@media (min-width: 768px) { .amaninja-recipe__speech { margin-bottom: 80px; } }

.amaninja-recipe__speech .speech-box { margin-bottom: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.amaninja-recipe__speech .speech-box .icon { margin-right: 1.5rem; height: 6rem; width: 6rem; -webkit-box-flex: 0; -ms-flex: 0 0 6rem; flex: 0 0 6rem; position: absolute; }

.amaninja-recipe__speech .speech-box .icon img { width: 100%; border: 2px solid #474747; border-radius: 50%; padding: 2.5px; background-color: #fff; }

@media (max-width: 767px) { .amaninja-recipe__speech .speech-box .icon img { border: 1px solid #474747; } }

.amaninja-recipe__speech .speech-box .balloon { width: 29rem; padding: 2.5rem 4.5rem; border: 1px solid #474747; position: relative; margin: 0 auto; }

@media (min-width: 768px) { .amaninja-recipe__speech .speech-box .balloon { border-width: 2px; } }

.amaninja-recipe__speech .speech-box:nth-child(odd) .icon { margin: 0 0 0 1.5rem; right: 80px; }

@media (max-width: 767px) { .amaninja-recipe__speech .speech-box:nth-child(odd) .icon { right: -4%; } }

.amaninja-recipe__speech .speech-box:nth-child(even) .icon { left: 80px; }

@media (max-width: 767px) { .amaninja-recipe__speech .speech-box:nth-child(even) .icon { left: -7%; } }

.amaninja-recipe__back { margin: 5rem 0; text-align: center; }

.amaninja-recipe .link-button { width: 190px; margin: 0 auto; }

.amaninja-recipe .link-button .link { line-height: 20px; padding: 13px; }

@media (max-width: 767px) { .amaninja-recipe .link-button .link { padding: 7px; } }

body.initiative.index .page-lead { margin: 64px 0 0 0; }

body.initiative.index .page-lead__inner img, body.initiative.index .page-lead__inner div { margin: 0; }

body.initiative.index .page-lead__inner p { margin: 30px 0 15px; }

body.initiative.index .page-lead__inner div { font-size: 21px; line-height: 25px; }

body.initiative.index .initiative-link-list .item-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 45px 10px; }

body.initiative.index .initiative-link-list .item { width: calc((100% - 20px) / 3); }

@media (max-width: 767px) { body.initiative.index .initiative-link-list .item { width: calc((100% - 10px) / 2); } }

body.initiative.index .initiative-link-list .item h2.head { margin: 0 0 15px; font-size: 18px; }

@media (max-width: 767px) { body.initiative.index .initiative-link-list .item h2.head { font-size: 18px; } }

body.initiative.index .initiative-link-list .item a { display: block; overflow: hidden; }

body.initiative.index .initiative-link-list .item a img { -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; width: 100%; aspect-ratio: 293 / 208; -o-object-fit: cover; object-fit: cover; }

@media (max-width: 767px) { body.initiative.index .initiative-link-list .item a img { width: 100%; aspect-ratio: 484 / 343; -o-object-fit: cover; object-fit: cover; } }

body.initiative.index .initiative-link-list .item a img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

.nippn-amani__characteristic article { background: url(/amani1/assets/images/nippn-amani/characteristic/bg_amaninja.png) no-repeat center bottom/1900px auto; background-size: contain !important; }

.nippn-amani__characteristic .columun-header__inner { padding: 2.5rem 0 3.5rem; position: relative; text-align: center; }

.nippn-amani__characteristic .columun-header__inner .columun-post { font-size: 1.2rem; margin-bottom: 0.5rem; font-weight: bold; display: block; }

.nippn-amani__characteristic .columun-header__inner .columun-cate { margin-bottom: 0.5rem; font-size: 1.2rem; font-weight: bold; display: block; }

.nippn-amani__characteristic .columun-header__inner::after { width: 4.8rem; height: 0.3rem; margin: 2rem auto 0; background: url(/amani1/assets/images/common/dot_line.png) no-repeat center center/contain; content: ''; display: block; }

@media (max-width: 767px) { .nippn-amani__characteristic .single-article-content { padding: 0; } }

.nippn-amani__characteristic .single-article-content h2 { padding-left: 10px; font-size: 21px; font-weight: bold; line-height: 1.3; }

.nippn-amani__characteristic .single-article-content p { text-align: left; }

.nippn-amani__characteristic .single-article-content a { text-decoration: underline; }

.post-list { padding-bottom: 3rem; }

.post-list__container { padding-bottom: 1rem; }

.post-list__container .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.post-list__container .list > li { width: 16.5rem; margin-bottom: 4rem; position: relative; }

@media (max-width: 767px) { .post-list__container .list > li { min-height: 116px; } }

.post-list__container .list .label { width: 2.5rem; height: 0.9rem; margin-bottom: 0.4rem; font-size: 0.7rem; color: #fff; background-color: #ED1C24; 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; bottom: 100%; left: 0; position: absolute; }

.post-list__container .list .thumbnail { display: block; position: relative; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

@media (min-width: 768px) { .post-list__container .list .thumbnail:hover { opacity: 0.7; } }

.post-list__container .list .thumbnail > img { width: 100%; -o-object-fit: contain; object-fit: contain; }

.post-list__container .list .map { width: 33.0rem; }

.post-list__container .list .map > img { margin: 0; }

.post-list__container .list .body { margin-top: 1.5rem; }

.post-list__container .list .body .date { margin-bottom: 0.5rem; font-size: 0.7rem; }

.post-list__container .list .body .title { font-size: 1.0rem; text-align: center; }

.post-list__container .list .body .title > br { display: none; }

.post-list__container .list .body .title.title-line > p:first-child { text-align: left; }

.post-list__container .list .body .title.title-line > p:last-child { text-align: right; }

.post-list__container .list .body .summary { padding: 10px 0 0; font-size: 1.0rem; }

.post-list__container .list .btn { margin-top: 1rem; text-align: center; }

.post-list__container .list .btn a { text-decoration: none; }

@media (min-width: 768px) { .post-list__container .list .btn .btn-small { width: 170px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media (min-width: 768px) { .post-list__container .list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .post-list__container .list.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .post-list__container .list > li { width: calc((100% - 90px) / 4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .post-list__container .list > li:not(:nth-child(4n+1)) { margin-left: 30px; }
  .post-list__container .list .thumbnail { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } }

@media (min-width: 768px) and (min-width: 768px) { .post-list__container .list .thumbnail:hover { opacity: 0.7; } }

@media (min-width: 768px) { .post-list__container .list .thumbnail > img { height: auto; }
  .post-list__container .list .thumbnail.h-252 > img { height: 252px; }
  .post-list__container .list .map { width: 26.7rem; }
  .post-list__container .list .map > img { margin: 0; }
  .post-list__container .list .body { margin-top: 20px; font-size: 16px; }
  .post-list__container .list .body .title { font-size: 16px; text-align: center; }
  .post-list__container .list .body .title.h-45 { height: 45px; }
  .post-list__container .list .body .title > br { display: initial; }
  .post-list__container .list .body .summary { padding: 15px 0 10px 0; font-size: 0.8rem; }
  .post-list__container .list .body .summary.h-90 { height: 90px; }
  .post-list__container .list .btn { margin-top: auto; } }

.post-list__btn { height: 2.5rem; width: 12rem; margin: 0 auto; border: 1px solid #000; border-radius: 2px; font-size: 0.8rem; font-weight: 600; text-decoration: none; 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; }

.post-list__btn::after { content: '▶︎'; }

@media (min-width: 768px) { .post-list__btn { height: 38px; width: 177px; font-size: 18px; }
  .post-list__btn::after { font-size: 12px; } }

.post-list__title { padding: 2.5rem 0; color: #603714; text-align: center; }

.post-list__title .txt1 { font-size: 1.4rem; font-weight: 600; }

.post-list__title .txt1::before, .post-list__title .txt1::after { content: '－'; }

.post-list__heading { margin-bottom: 2rem; padding-left: 0.7rem; }

.post-list__heading .heading { margin: 0 0 0.8rem -0.7rem; padding-left: 0.4rem; border-left: 0.3rem solid #603714; border-bottom: 1px solid #603714; color: #603714; line-height: 1.6; font-size: 1.2rem; font-weight: 600; }

.post-list__heading .txt1 { font-size: 0.8rem; }

.post-list__more .btn::after { content: none; }

.initiative__business__column h2 { margin-bottom: 5px; }

.initiative__business__column h3 { font-weight: 600; }

.initiative__business__column .breadcrumb .breadcrumb-title > br { display: none; }

.initiative__business__column .single-article-content .col .col-img { text-align: center; }

.business-localGoverment { background: url(/amani1/assets/images/business/local_goverment_bg_top.png) no-repeat center -20px/120px auto; }

@media (min-width: 768px) { .business-localGoverment { background-position: center -38px; background-size: 256px auto; } }

.business-localGoverment__page-header { padding: 110px 0 30px; text-align: center; }

.business-localGoverment__page-header .title { margin: 0 auto; width: 15rem; }

@media (min-width: 768px) { .business-localGoverment__page-header { padding: 260px 0 60px; }
  .business-localGoverment__page-header .title { width: 289px; } }

.business-localGoverment__bg-yamaguchi { background: url(../images/business/local_goverment_bg01_sp.png) no-repeat center 83px/100% auto; }

@media (min-width: 768px) { .business-localGoverment__bg-yamaguchi { background: url(../images/business/local_goverment_bg01_pc.png) no-repeat center 200px/auto; } }

.business-localGoverment__bg-fukui { background: url(../images/business/local_goverment_bg02_sp.png) no-repeat center 25px/100% auto; }

@media (min-width: 768px) { .business-localGoverment__bg-fukui { padding: 110px 0 80px; background: url(../images/business/local_goverment_bg02_pc.png) no-repeat center 0/auto; } }

.business-localGoverment__content { padding: 0 0 7rem; }

@media (min-width: 768px) { .business-localGoverment__content { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0 60px; } }

.business-localGoverment__content-header .local_goverment_yamaguchi { width: 100%; }

.business-localGoverment__content-header .local_goverment_fukui { width: 100%; }

@media (min-width: 768px) { .business-localGoverment__content-header { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; }
  .business-localGoverment__content-header .local_goverment_yamaguchi { width: 100%; }
  .business-localGoverment__content-header .local_goverment_fukui { width: 100%; } }

@media (min-width: 768px) { .business-localGoverment__content-body { display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.business-localGoverment__content-list-collabo { position: relative; padding: 4rem 0 3.5rem; }

.business-localGoverment__content-list-collabo::before { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 17rem; width: 17rem; background: url(../images/business/local_goverment_illust03.png) no-repeat center/contain; content: ''; }

.business-localGoverment__content-list-collabo ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }

.business-localGoverment__content-list-collabo li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 13.5rem; text-align: center; font-size: .8rem; }

.business-localGoverment__content-list-collabo li .img { margin: 0 0 1.5rem; }

.business-localGoverment__content-list-collabo li .title { margin: 0 0 1.5rem; }

.business-localGoverment__content-list-collabo li .btn_business { margin-top: 1rem; text-align: center; margin-top: auto; }

.business-localGoverment__content-list-collabo li .btn_business a { text-decoration: none; }

@media (min-width: 768px) { .business-localGoverment__content-list-collabo li .btn_business .btn-small { width: 170px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.business-localGoverment__content-list-collabo .local_goverment_illust01 { position: absolute; top: 5rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 8rem; }

.business-localGoverment__content-list-collabo .local_goverment_illust02 { position: absolute; top: 5rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 6rem; }

@media (min-width: 768px) { .business-localGoverment__content-list-collabo { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 60px 0 0; width: 100%; }
  .business-localGoverment__content-list-collabo::before { height: 230px; width: 230px; }
  .business-localGoverment__content-list-collabo li { width: 264px; }
  .business-localGoverment__content-list-collabo li .img { height: 165px; margin-bottom: 15px; }
  .business-localGoverment__content-list-collabo li .title { margin-bottom: 20px; }
  .business-localGoverment__content-list-collabo .local_goverment_illust01 { top: 74px; width: 104px; }
  .business-localGoverment__content-list-collabo .local_goverment_illust02 { top: 67px; width: 95px; } }

.business-localGoverment__content-list { width: 23.5rem; margin: 0 auto; }

.business-localGoverment__content-list li .img { position: relative; margin: 0 0 2rem; border-radius: 0px 0px 8px 8px; overflow: hidden; }

.business-localGoverment__content-list li .caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: .8rem; color: #fff; background: rgba(21, 35, 153, 0.8); font-size: 1rem; font-weight: bold; text-align: center; }

.business-localGoverment__content-list li .btn_business { text-align: center; }

@media (min-width: 768px) { .business-localGoverment__content-list { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 290px; margin: 0; }
  .business-localGoverment__content-list li .img { margin-bottom: 30px; font-size: 1rem; }
  .business-localGoverment__content-list li .caption { padding: 10px; border-radius: 0 0 10px 10px; font-size: 13px; } }

.business-localGoverment__content .btn { margin-top: auto; }

.business-localGoverment__content .local_goverment_img01 { width: 7.5rem; }

.business-localGoverment__content .local_goverment_img02 { width: 7.9rem; }

.business-localGoverment__content .local_goverment_img04 { width: 7.5rem; }

.business-localGoverment__content .local_goverment_img05 { width: 14.5rem; margin-top: 5rem; }

@media (min-width: 768px) { .business-localGoverment__content .local_goverment_img01 { width: 97px; }
  .business-localGoverment__content .local_goverment_img02 { width: 108px; }
  .business-localGoverment__content .local_goverment_img04 { width: auto; height: 100%; }
  .business-localGoverment__content .local_goverment_img05 { width: 185px; margin-top: 30px; } }

.business-collaboration { padding: 0 0 50px; background-color: #efefef; }

.business-collaboration__page-header { padding: 35px 0 30px; text-align: center; }

.business-collaboration__page-header .title { margin: 0 auto; width: 9.5rem; }

@media (min-width: 768px) { .business-collaboration__page-header { padding: 60px 0 65px; }
  .business-collaboration__page-header .title { width: 194px; } }

.business-collaboration__list li { width: 24rem; margin: 4rem auto 0; }

.business-collaboration__list li:first-child { margin-top: 0; }

.business-collaboration__list li .btn_business2 { margin-top: 1rem; text-align: center; }

.business-collaboration__list li .btn_business2 a { text-decoration: none; }

.business-collaboration__list .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 10px; margin: 0 auto 1.5rem; }

.business-collaboration__list .icon.i1 img { width: 27px; }

.business-collaboration__list .icon.i2 img { width: 50px; }

.business-collaboration__list .icon.i3 img { width: 55px; }

.business-collaboration__list .icon.i4 img { width: 32px; }

@media (min-width: 768px) { .business-collaboration__list .icon { height: 145px; margin-bottom: 30px; }
  .business-collaboration__list .icon.i1 img { width: 27px; }
  .business-collaboration__list .icon.i2 img { width: 50px; }
  .business-collaboration__list .icon.i3 img { width: 55px; }
  .business-collaboration__list .icon.i4 img { width: 32px; } }

.business-collaboration__list .title { margin: 1.5rem 0 0; font-size: 13px; font-weight: bold; text-align: center; }

.business-collaboration__list .body { margin: .8rem 0 1.5rem; padding: 1rem 0; border: dotted #42210b; border-width: 2px 0; font-size: 11px; }

.business-collaboration__list .btn { background-color: #fff; }

@media (min-width: 768px) { .business-collaboration__list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .business-collaboration__list li { width: calc((100% - 110px) / 3); margin: 0 0 0 55px; }
  .business-collaboration__list li:nth-child(3n+1) { margin-left: 0; }
  .business-collaboration__list li a { text-decoration: none; width: 100%; }
  .business-collaboration__list .title { margin-top: 25px; }
  .business-collaboration__list .body { margin: 20px 0 30px; padding: 15px 0; font-size: 14px; } }

@media (min-width: 768px) and (min-width: 768px) { .business-collaboration__list .body3 { padding-bottom: 37px; } }

.business-medical_field { padding: 0 0 60px; }

.business-medical_field__page-header { padding: 35px 0 30px; text-align: center; }

.business-medical_field__page-header .title { margin: 0 auto; width: 13rem; }

@media (min-width: 768px) { .business-medical_field__page-header { padding: 90px 0 65px; }
  .business-medical_field__page-header .title { width: 260px; } }

.business-medical_field__list li { width: 24rem; margin: 4rem auto 0; }

.business-medical_field__list li:first-child { margin-top: 0; }

.business-medical_field__list li .btn_business2 { margin-top: 1rem; text-align: center; }

.business-medical_field__list li .btn_business2 a { text-decoration: none; }

@media (min-width: 768px) { .business-medical_field__list li .btn_business2 a { width: 250px; } }

.business-medical_field__list .title { margin: 1.5rem 0 0; font-size: 13px; font-weight: bold; text-align: center; }

.business-medical_field__list .body { margin: .8rem 0 1.5rem; padding: 1rem 0; border: dotted #42210b; border-width: 2px 0; font-size: 11px; }

@media (min-width: 768px) { .business-medical_field__list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .business-medical_field__list li { width: calc((100% - 110px) / 3); margin: 0 0 0 55px; }
  .business-medical_field__list li:nth-child(3n+1) { margin-left: 0; }
  .business-medical_field__list .title { margin-top: 25px; }
  .business-medical_field__list .body { margin: 20px 0 30px; padding: 15px 0; font-size: 14px; } }

.business_head_image_wrap { margin: 0 auto; width: 72%; }

.business_head_image_wrap img { width: 100%; }

.business_head_image_wrap + .single-article-content { padding-top: 2.5rem; }

@media (min-width: 768px) { .business_head_image_wrap { width: 50%; }
  .business_head_image_wrap img { width: 100%; }
  .business_head_image_wrap + .single-article-content { padding-top: 70px; } }

.business_head_image_wrap.obama { width: 91%; }

@media (min-width: 768px) { .business_head_image_wrap.obama { width: 63%; } }

.bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.amani-history { padding: 100px 0; background: url(../images/initiative/history_bg.png) bottom/contain no-repeat; }

@media (max-width: 767px) { .amani-history { background: url(../images/initiative/history_bg_sp.png) bottom/contain no-repeat; } }

.amani-history__container dl { line-height: 1.75; position: relative; }

.amani-history__container dl::before { border: 1px solid #3E3E87; left: -21px; top: 16px; position: absolute; height: 100%; width: 0; content: ''; }

.amani-history__container dl::after { position: absolute; }

@media (max-width: 767px) { .amani-history__container dl::before { left: 0; } }

.amani-history__container dt { color: #3E3E87; font-size: 30px; clear: both; position: relative; font-weight: 600; padding: 0 0 0 48px; z-index: 1; }

.amani-history__container dt::before { width: 16px; height: 16px; border-radius: 50%; background-color: #3E3E87; top: 16px; left: -28px; position: absolute; content: ''; }

@media (max-width: 767px) { .amani-history__container dt::before { left: -7px; } }

.amani-history__container dd { font-size: 16px; padding: 0 0 55px 48px; line-height: 19px; position: relative; z-index: 1; }

.amani-history__container dl:nth-child(4n-3)::after { content: url(../images/initiative/amaninja_golden.png); top: 0; right: 0; }

.amani-history__container dl:nth-child(4n-2)::after { content: url(../images/initiative/amaninja_green.png); top: 0; right: 20%; }

.amani-history__container dl:nth-of-type(4n-1)::after { content: url(../images/initiative/amaninja_red.png); top: 0; right: 8%; }

.amani-history__container dl:nth-of-type(4n)::after { content: url(../images/initiative/amaninja_blue.png); top: 0; right: 0; }

/* 子ページ用 */
body.initiative .category-head { margin: 64px 0 30px; }

body.initiative .category-head__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; }

body.initiative .category-head__inner p { font-size: 18px; line-height: 21px; text-align: center; }

body.initiative .category-head__inner .parent-category { color: #3E3E87; }

body.initiative .category-head__inner .category { padding: 35px 0 0; margin: 25px 0 0; font-size: 26px; line-height: 31px; position: relative; }

body.initiative .category-head__inner .category:before { content: ''; width: 88px; height: 1px; position: absolute; top: 0; left: calc(50% - (88px / 2)); background-color: #000000; }

body.initiative .category-head__inner .lead { margin: 20px 0 0; font-size: 16px; max-width: 80%; text-align: justify; }

@media (max-width: 767px) { body.initiative .category-head__inner .lead { max-width: 100%; } }

body.initiative .initiative-category-list .single-article-content { padding: 50px 0; }

body.initiative .initiative-category-list .description { font-size: 16px; line-height: 25px; margin: 35px 0; }

body.initiative .initiative-category-list .description a { color: #3E3E87; text-decoration: underline; }

body.initiative .initiative-category-list__container { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 45px 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

body.initiative .initiative-category-list__container .post { width: calc((100% - 20px) / 3); }

@media (max-width: 767px) { body.initiative .initiative-category-list__container .post { width: calc((100% - 20px) / 2); } }

body.initiative .initiative-category-list__container .post .thumbnail { width: 100%; margin-bottom: 12px; overflow: hidden; }

body.initiative .initiative-category-list__container .post .thumbnail img { width: 100%; aspect-ratio: 293 / 208; -o-object-fit: cover; object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; }

@media (max-width: 767px) { body.initiative .initiative-category-list__container .post .thumbnail img { width: 100%; aspect-ratio: 484 / 343; -o-object-fit: cover; object-fit: cover; } }

body.initiative .initiative-category-list__container .post .thumbnail img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

body.initiative .initiative-category-list__container .post .body .title { font-size: 15px; line-height: 21px; }

body.initiative .initiative-category-list .img-wrap { width: 200px; }

body.initiative .initiative-category-list .img-wrap img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

body.initiative .modal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0.5s; transition: opacity 0.5s, visibility 0.5s; }

body.initiative .modal-close { position: absolute; top: -60px; right: -60px; color: #FFFFFF; cursor: pointer; width: 60px; height: 60px; }

@media (min-width: 768px) and (max-width: 880px) { body.initiative .modal-close { right: 0; } }

@media (max-width: 767px) { body.initiative .modal-close { right: 0; } }

body.initiative .modal-close__inner:before, body.initiative .modal-close__inner:after { content: ""; position: absolute; border-top: 2px solid #ffffff; width: 20px; }

body.initiative .modal-close__inner:before { top: 25px; left: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

body.initiative .modal-close__inner:after { top: 25px; right: 20px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

body.initiative .modal-close-text { font-size: 9px; text-align: center; position: absolute; top: 40px; left: calc(50% - 15px); }

body.initiative .modal__inner { width: 100%; max-width: 760px; min-width: 760px; max-height: 472px; background-color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: relative; padding: 30px; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; }

@media (max-width: 767px) { body.initiative .modal__inner { max-width: none; min-width: auto; width: 95%; max-height: calc(90dvh - 60px); } }

body.initiative .modal__inner.open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; }

body.initiative .modal-title { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 767px) { body.initiative .modal-title { margin: 0 0 10px; } }

body.initiative .modal-title .category { font-size: 12px; line-height: 21px; position: relative; padding: 0 20px 0 0; white-space: nowrap; }

body.initiative .modal-title .category:after { content: ''; height: 12px; width: 1px; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; right: 10px; background-color: #000000; }

body.initiative .modal-title .date { font-size: 12px; padding: 5px; height: calc(12px + 10px); white-space: nowrap; }

body.initiative .modal-title .title { font-size: 18px; line-height: 30px; }

@media (max-width: 767px) { body.initiative .modal-title .title { display: block; line-height: 20px; font-size: 15px; } }

body.initiative .modal-contents { margin: 25px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 25px; height: auto; width: auto; }

@media (max-width: 767px) { body.initiative .modal-contents { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 15px; margin: 0; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 80%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } }

body.initiative .modal-contents-wrap { height: auto; display: block; }

@media (max-width: 767px) { body.initiative .modal-contents-wrap { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

body.initiative .modal-contents-description { width: 235px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; max-height: 320px; }

@media (max-width: 767px) { body.initiative .modal-contents-description { width: 100%; height: calc(50% - 7.5px); } }

body.initiative .modal-contents-description .description, body.initiative .modal-contents-description .links { margin: 5px; }

body.initiative .modal-contents-description .description { margin: 5px; font-size: 15px; line-height: 20px; height: 100%; overflow-y: auto; }

@media (max-width: 767px) { body.initiative .modal-contents-description .description { margin: 0; } }

body.initiative .modal-contents-description .links { font-size: 15px; line-height: 21px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; }

@media (max-width: 767px) { body.initiative .modal-contents-description .links { text-align: right; padding: 0 calc(5.9px + 5px) 0 0; } }

body.initiative .modal-contents-description .links span:after { content: url(../images/wellness/btn_arrow.svg); margin: 1.5px 5px 0; background-size: contain; vertical-align: middle; position: absolute; }

body.initiative .modal-contents-description .links a { text-decoration: underline; }

body.initiative .modal-contents-description .links a:hover { text-decoration: underline; }

body.initiative .modal-contents-description .links a:hover span:after { -webkit-animation: sideToSideAnime 1s; animation: sideToSideAnime 1s; }

@media (max-width: 767px) { body.initiative .modal-contents-description .sns-links { text-align: right; } }

body.initiative .modal-contents-description .sns-links img { width: 30px; margin: 0 5px; }

body.initiative .modal-contents-image { width: 100%; max-width: 450px; height: auto; max-height: 320px; text-align: center; }

@media (max-width: 767px) { body.initiative .modal-contents-image { height: calc(50% - 7.5px); } }

body.initiative .modal-contents-image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

@media (max-width: 767px) { body.initiative .modal-contents-image img { width: auto; } }

body.initiative .modal-pager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 5px; }

@media (max-width: 767px) { body.initiative .modal-pager { margin: 0; padding: 10px 0 0; } }

body.initiative .modal-pager .prev { position: relative; padding: 0 0 0 10px; }

body.initiative .modal-pager .prev:before { content: ""; background-image: url(../images/wellness/btn_arrow_rotate.svg); background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; margin: 1px 0 0; width: 5px; height: 100%; }

body.initiative .modal-pager .next { position: relative; padding: 0 10px 0 0; }

body.initiative .modal-pager .next:after { content: ""; background-image: url(../images/wellness/btn_arrow.svg); background-repeat: no-repeat; background-size: contain; position: absolute; right: 0; margin: 1px 0 0; height: 100%; width: 5px; }

body.initiative .modal-pager .prev, body.initiative .modal-pager .next { font-size: 12px; text-decoration: underline; cursor: pointer; white-space: nowrap; visibility: visible; }

body.initiative .modal-pager .prev:hover:before, body.initiative .modal-pager .prev:hover:after, body.initiative .modal-pager .next:hover:before, body.initiative .modal-pager .next:hover:after { -webkit-animation: sideToSideAnime 1s; animation: sideToSideAnime 1s; }

body.initiative .modal-pager .prev.hidden, body.initiative .modal-pager .next.hidden { visibility: hidden; }

body.initiative .modal-pager .number { font-size: 12px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 30px; }

@media (max-width: 767px) { body.initiative .modal-pager .number { gap: 0; } }

body.initiative .modal-pager .number span { cursor: pointer; padding: 0 10px; }

body.initiative .modal-pager .number .current { position: relative; }

body.initiative .modal-pager .number .current:after { content: ""; border-bottom: 2px solid; width: 16px; height: 5px; position: absolute; bottom: -5px; left: calc(50% - 8px); }

body.initiative .modal.open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s, visibility 0.5s; transition: opacity 0.5s, visibility 0.5s; z-index: 999999; }

body.initiative .overlay { display: block; width: 100%; height: 100%; position: absolute; background-color: #000; opacity: 0.7; top: 0; left: 0; position: fixed; }

body.initiative .link-button { width: 190px; margin: 80px  auto 50px auto; }

.characteristic .bg { background-image: url(/amani1/assets/images/nippn-amani/characteristic/bg_amaninja.png); background-position: bottom; background-size: contain; background-repeat: no-repeat; }

@media (max-width: 767px) { .characteristic .bg { background-image: url(/amani1/assets/images/nippn-amani/characteristic/bg_amaninja_sp.png); background-size: 130%; } }

.characteristic .characteristic-point { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 100px 0; }

.characteristic .characteristic-point .row { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.characteristic .characteristic-point .row .pc-none { display: none; }

.characteristic .characteristic-point .row:not(:nth-child(3)) { margin: 0; }

.characteristic .characteristic-point .col { width: calc(50% - 20px); text-align: center; }

.characteristic .characteristic-point .col.relative { position: relative; }

.characteristic .characteristic-point .number-section { color: #3E3E87; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; margin: 0 0 30px; }

.characteristic .characteristic-point .number-section span { font-size: 18px; line-height: 21px; font-weight: 600; margin: 10px 0 0; }

.characteristic .characteristic-point .number-section .number { margin: 0; font-size: 66px; line-height: 80px; }

.characteristic .characteristic-point .img-tokucho { width: 100%; max-width: 460px; margin: 0; }

.characteristic .characteristic-point .img-golden-flaxseed { width: 100%; max-width: 262px; }

.characteristic .characteristic-point .img-flaxassociation { width: 85%; max-width: none; position: absolute; top: 0; left: 50%; }

.characteristic .characteristic-point .link-button { width: 190px; margin: 60px auto 0; }

@media (max-width: 767px) { .characteristic .characteristic-point { margin: 0; }
  .characteristic .characteristic-point .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 60px; padding: 0; }
  .characteristic .characteristic-point .col { width: 100%; }
  .characteristic .characteristic-point .img-tokucho { max-width: 500px; margin: 0 0 30px; }
  .characteristic .characteristic-point .img-flaxassociation { position: static; max-width: 300px; }
  .characteristic .characteristic-point .img-golden-flaxseed { width: 80%; } }

.characteristic .characteristic-point .amani-golden { position: relative; }

.characteristic .characteristic-point .amani-golden:before { content: ''; position: absolute; background-image: url(/amani1/assets/images/nippn-amani/characteristic/img_amaninja_golden.png); background-repeat: no-repeat; width: 74px; height: 157px; min-width: auto; min-height: auto; background-size: contain; right: 40px; bottom: 320px; }

@media (max-width: 767px) { .characteristic .characteristic-point .amani-golden:before { right: 0; bottom: 420px; width: 9.6vw; height: 20.5vw; min-width: 58px; min-height: 120px; } }

.characteristic .characteristic-point .amani-green { position: relative; }

.characteristic .characteristic-point .amani-green:after { content: ''; position: absolute; background: url(/amani1/assets/images/nippn-amani/characteristic/img_amaninja_green.png) 0 0 no-repeat; background-size: 100%; right: 50%; bottom: -153px; width: 102px; height: 153px; min-width: none; min-height: none; }

@media (max-width: 767px) { .characteristic .characteristic-point .amani-green:after { right: 0; width: 13.3vw; height: 19.9vw; min-width: 70px; min-height: 106px; } }

.characteristic .characteristic-point .amani-red:before { content: ''; position: absolute; width: 77px; height: 166px; background: url(/amani1/assets/images/nippn-amani/characteristic/img_amaninja_red.png) 0 0 no-repeat; background-size: contain; right: -20px; bottom: -24px; min-width: auto; min-height: auto; }

@media (max-width: 767px) { .characteristic .characteristic-point .amani-red:before { right: auto; left: 20px; width: 10vw; height: 21.6vw; min-width: 60px; min-height: 124px; } }

.characteristic .characteristic-point .amani-blue:before { content: ''; position: absolute; width: 108px; height: 156px; background: url(/amani1/assets/images/nippn-amani/characteristic/img_amaninja_blue.png) 0 0 no-repeat; background-size: contain; bottom: -156px; left: 50%; min-width: auto; min-height: auto; }

@media (max-width: 767px) { .characteristic .characteristic-point .amani-blue:before { bottom: -400px; right: 0; left: auto; width: 14.1vw; height: 20.3vw; min-width: 68px; min-height: 130px; } }

.characteristic .characteristic-point .dt_red { padding: 0 5px; background-color: #E10000; color: #fff; font-size: 13px; display: inline-block; text-align: center; margin-top: 30px; }

.characteristic .characteristic-point .font-red { color: #EA4242; font-weight: 600; }

.characteristic .characteristic-point .font-bold { font-weight: 600; }

.characteristic .characteristic-point .font-bold + p { margin-top: 0; }

@media (min-width: 768px) { .characteristic .pc-none { display: none; } }

.characteristic .tokucho-font { font-size: 13px; }

.cm-list { padding-bottom: 4.5rem; }

.cm-list.bg-gray { background-color: #F5F5F5; }

.cm-list__container { padding-bottom: 1rem; }

.cm-list__container > h3 { margin-bottom: 1.5rem; font-size: 0.8rem; color: #603714; font-weight: 600; }

.cm-list__container > h3::before, .cm-list__container > h3::after { content: 'ー'; }

@media (min-width: 768px) { .cm-list__container > h3 { font-size: 21px; } }

.cm-list__container .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.cm-list__container .list > li { width: 16.5rem; margin-bottom: 3.5rem; }

.cm-list__container .list .thumbnail { display: block; position: relative; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

@media (min-width: 768px) { .cm-list__container .list .thumbnail:hover { opacity: 0.7; } }

.cm-list__container .list .thumbnail > img { width: 100%; }

.cm-list__container .list .body { margin: 1.5rem 0 1rem; }

.cm-list__container .list .body .title { font-size: 1.6rem; }

@media (min-width: 768px) { .cm-list__container .list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .cm-list__container .list.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .cm-list__container .list > li { width: calc((100% - 90px) / 4); }
  .cm-list__container .list > li:not(:nth-child(4n+1)) { margin-left: 30px; }
  .cm-list__container .list .body { margin-top: 20px; font-size: 16px; }
  .cm-list__container .list .body .title { font-size: 16px; } }

.cm-list__btn { height: 2.5rem; width: 12rem; margin: 0 auto; border: 1px solid #000; border-radius: 2px; font-size: 0.8rem; font-weight: 600; text-decoration: none; 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; }

.cm-list__btn::after { content: '▶︎'; }

@media (min-width: 768px) { .cm-list__btn { height: 38px; width: 177px; font-size: 18px; }
  .cm-list__btn::after { font-size: 12px; } }

.cm-list__header { margin-bottom: 1.5rem; padding-left: 0.4rem; border-left: 0.3rem solid #603714; border-bottom: 1px solid #603714; color: #603714; line-height: 1.6; }

.cm-list__header .txt1 { font-size: 1.2rem; font-weight: 600; }

.cm-list__more { margin-bottom: 4rem; }

.happy-campaign .d-none { display: none; }

.happy-campaign .page-header { height: auto; }

.happy-campaign .page-header .page-header__title { width: 100%; height: auto; text-align: center; }

.happy-campaign .header-text { text-align: center; font-size: 1.2rem; margin: 30px 0 20px 0; line-height: normal; }

@media (min-width: 768px) { .happy-campaign .header-text { font-size: 1rem; margin: 50px 0 50px 0; line-height: 2rem; } }

.happy-campaign .post-list { padding-bottom: 3rem; }

.happy-campaign .post-list__heading { text-align: center; }

.happy-campaign .post-list .category-heading { position: relative; display: inline-block; padding: 0 45px; font-size: 1.2rem; text-align: center; }

.happy-campaign .post-list .category-heading .sub-title { margin-bottom: 10px; font-size: 0.8rem; }

.happy-campaign .post-list .category-heading h3 { font-size: 1.8rem; letter-spacing: 0.5rem; text-indent: 0.5em; color: #ec6b00; }

.happy-campaign .post-list .category-heading:before, .happy-campaign .post-list .category-heading:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 50px; height: 2px; background-color: black; }

.happy-campaign .post-list .category-heading:before { left: 0; -webkit-transform: rotate(60deg); transform: rotate(60deg); }

.happy-campaign .post-list .category-heading:after { right: 0; -webkit-transform: rotate(-60deg); transform: rotate(-60deg); }

.happy-campaign .post-list__container { padding-bottom: 1rem; }

.happy-campaign .post-list__container .happy-campaign-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.happy-campaign .post-list__container .happy-campaign-list > li { width: 16.5rem; margin-bottom: 2.5rem; position: relative; }

.happy-campaign .post-list__container .happy-campaign-list .initials-block { position: relative; padding: 0.4rem; font-size: 0.8rem; border-radius: 10px; text-align: center; width: 100%; margin: 0 auto; background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140)); background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%); }

.happy-campaign .post-list__container .happy-campaign-list .initials-block:before { position: absolute; top: -7px; left: 1em; width: 0; height: 0; content: ''; border-width: 0 8px 8px 8px; border-style: solid; border-color: transparent transparent #fa7e8f transparent; }

.happy-campaign .post-list__container .happy-campaign-list .initials-block .text-box { display: block; padding: 0.5rem; background: #fff; border-radius: 10px; }

.happy-campaign .post-list__container .happy-campaign-list .adjust-box { position: relative; width: 100%; height: auto; margin-bottom: 8px; }

.happy-campaign .post-list__container .happy-campaign-list .adjust-box:before { content: ""; display: block; padding-top: 100%; }

.happy-campaign .post-list__container .happy-campaign-list .chokatsu-recipe-box { width: 74%; font-size: 0.8rem; padding: 0.3rem; position: relative; text-align: center; margin: 0 auto; }

.happy-campaign .post-list__container .happy-campaign-list .chokatsu-recipe-box .chokatsu-initial { display: block; text-align: center; color: #fff; background-color: #ffabbf; padding: 0.5rem; border-radius: 30px; margin-top: 1.6rem; }

.happy-campaign .post-list__container .happy-campaign-list .summer-recipe-box { width: 80%; font-size: 0.8rem; padding: 0.3rem; position: relative; text-align: center; margin: 0 auto; }

.happy-campaign .post-list__container .happy-campaign-list .summer-recipe-box .summer-initial { display: block; text-align: center; color: #000; padding: 0.5rem; border-radius: 30px; background: repeating-linear-gradient(-45deg, #cdf0f9, #cdf0f9 6px, #ffffff 6px, #ffffff 8px); }

.happy-campaign .post-list__container .happy-campaign-list .sns.image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.happy-campaign .post-list__container .happy-campaign-list .sns.image > a > img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; border: 1px solid #e6e6e6; background-color: #f5f5f5; }

.happy-campaign .post-list__container .happy-campaign-list .sns.image .recipe-title { position: absolute; width: 100%; padding: 5px 10px; background-color: rgba(29, 26, 160, 0.6); color: #fff; bottom: 0; }

.happy-campaign .post-list__container .happy-campaign-list .sns.image .recipe-title p { font-size: 0.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.happy-campaign .post-list__container .happy-campaign-list .sns.image .chokatsu-overflow { font-size: 0.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.happy-campaign .post-list__container .happy-campaign-list .sns.image .chokatsu-recipe-title { background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(40%, #ffff00)); background: linear-gradient(transparent 40%, #ffff00 40%); }

.happy-campaign .post-list__container .happy-campaign-list .sns.comment { height: 100%; font-size: 0.8rem; color: #999; line-height: normal; padding: 15px; background: #f4f4f4; border: 1px solid #e6e6e6; }

.happy-campaign .post-list__container .happy-campaign-list .body { margin-top: 1.5rem; }

.happy-campaign .post-list__container .happy-campaign-list .body .title { font-size: 1.0rem; text-align: center; }

.happy-campaign .post-list__container .happy-campaign-list .body .title > br { display: none; }

.happy-campaign .post-list__container .happy-campaign-list .body .title.title-line > p:first-child { text-align: left; }

.happy-campaign .post-list__container .happy-campaign-list .body .title.title-line > p:last-child { text-align: right; }

@media (min-width: 768px) { .happy-campaign .post-list__container .happy-campaign-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .happy-campaign .post-list__container .happy-campaign-list.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .happy-campaign .post-list__container .happy-campaign-list > li { width: calc((100% - 90px) / 3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; }
  .happy-campaign .post-list__container .happy-campaign-list > li:not(:nth-child(3n+1)) { margin-left: 30px; margin-bottom: 50px; }
  .happy-campaign .post-list__container .happy-campaign-list .initials-block { width: 80%; font-size: 0.6rem; padding: 0.3rem; }
  .happy-campaign .post-list__container .happy-campaign-list .initials-block:before { top: -9px; left: 1em; border-width: 0 10px 10px 10px; }
  .happy-campaign .post-list__container .happy-campaign-list .initials-block .text-box { padding: 0.5rem; }
  .sns .happy-campaign .post-list__container .happy-campaign-list .initials-block.image { margin: 8px 0; } }

@media (min-width: 768px) { .happy-campaign .post-list__heading { margin: 40px 0; }
  .happy-campaign .post-list__heading .category-heading h3 { font-size: 1.4rem; } }

@media (min-width: 768px) { .happy-campaign .summer-campaign-list { gap: 0 1em; } }

@media (min-width: 768px) { .happy-campaign .summer-campaign-list li { width: calc((100% - 100px) / 3) !important; } }

.happy-campaign .summer-campaign-list .sns.image { background-size: cover; background-position: center; }

.happy-campaign .summer-campaign-list .summer-overflow { font-size: 0.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 10px; }

.happy-campaign .summer-campaign-list .summer-recipe-title { border-bottom: 2px dotted #4c7bb7; padding-bottom: 5px; }

.happy-campaign .summer-cp { position: relative; }

.news-header { margin-bottom: 2rem; }

.news-header .meta { margin-bottom: 0.5rem; font-size: 0.7rem; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.news-header__category .label { height: 0.9rem; padding: 0 1rem; border: 1px solid #eee; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.news-header__category .label.news { border-color: #ED1C24; color: #ED1C24; }

.news-header__category .label.manga { border-color: #39B54A; color: #39B54A; }

.news-header__category .label.product { border-color: #1D1AA0; color: #1D1AA0; }

.news-header__category .label.recipi { border-color: #8C6239; color: #8C6239; }

.news-header__date { margin-left: 0.5rem; }

.news-header__entryTitle { font-size: 1.2rem; font-weight: 600; line-height: 1.75; }

.news-page .block-news-list { margin: 46px 0; }

@media (max-width: 767px) { .news-page .block-news-list { margin: 0; } }

.news-page .block-news-list .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 0; gap: 10px; }

.news-page .block-news-list .body-wrap { width: 100%; display: block; position: relative; }

.news-page .block-news-list .body-wrap a { display: block; padding: 0 10px 0 0; }

.news-page .block-news-list .body-wrap a:after { content: url(../images/top/btn_arrow.svg); position: absolute; top: 0; right: 0; }

@media (max-width: 767px) { .news-page .block-news-list .body-wrap a:after { top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } }

.news-page .block-news-list .body-wrap:hover a:after { -webkit-animation: sideToSideAnime 1s; animation: sideToSideAnime 1s; }

.news-page .block-news-list li { border-bottom: 1px solid #000000; }

.news-page .block-news-list div:last-child li:last-child { border: 0; }

.news__detail .page-head .headline.jp, .news__detail .page-head .headline.en { font-size: 18px; line-height: 25px; }

.news__detail .page-head .headline.jp { margin-top: 12px; }

.news__detail .page-head .headline.en { padding-left: 8px; }

.news__detail hr { height: 1px; background-color: #000; width: 100px; border: none; margin: 40px auto; }

.news__detail .border-left { border-left: 3px solid #3E3E87; padding: 0 0 0 10px; margin-bottom: 30px; }

.news__detail .border-left p { color: #3e3e87; font-weight: 600; font-size: 18px; line-height: 21px; }

.news__detail .grid a { text-decoration: underline; }

.news__detail .grid figure { margin-bottom: 30px; text-align: center; }

.news__detail .grid figure img + p { font-size: 10px; line-height: 12px; margin: 12px 0 0; }

.news__detail .news-detail-article { padding: 0; }

.news__detail .news-detail-article:nth-child(n+2) { padding: 60px 0 0 0; }

.news__detail .news-detail-header { margin-bottom: 80px; }

.news__detail .news-detail-header .entryTitle { text-align: center; }

.news__detail .news-detail-header .entryTitle .txt1 { font-size: 21px; text-align: center; }

.news__detail .news-detail-header .entryTitle .txt2 { font-size: 26px; font-weight: 600; text-align: center; margin-top: 15px; line-height: 32px; }

.news__detail .news-detail .link-button { width: 190px; margin: 0 auto; }

.home { font-family: -apple-system, 'Noto Sans', YuGothic, 'Yu Gothic Medium', sans-serif !important; }

@media (max-width: 767px) { .home .sp-none { display: none !important; } }

@media (min-width: 768px) { .home .pc-none { display: none !important; } }

.home .h2 { font-size: 15px; }

.home .h3 { font-size: 44px; }

@media (max-width: 767px) { .home .h3 { font-size: 23px; } }

.home .h4 { font-size: 26px; }

@media (max-width: 767px) { .home .h4 { font-size: 21px; } }

.home .h5 { font-size: 24px; }

@media (max-width: 767px) { .home .h5 { font-size: 20px; } }

.home .h6 { font-size: 21px; line-height: 1.6; }

@media (max-width: 767px) { .home .h6 { font-size: 16px; } }

.home .h7 { font-size: 16px; line-height: 1.6; }

@media (max-width: 767px) { .home .h7 { font-size: 14px; } }

.home .h8 { font-size: 15px; line-height: 1.6; }

.home a { text-decoration: none; }

.home div, .home p, .home span, .home a { font-weight: 400; }

.home .top-kv__slider { margin: 0 calc(50% - 50vw); /* IE10以上 */ }

.home .top-kv__slider .swiper-slide { background: no-repeat center center; border: 1px solid #000000; }

.home .top-kv__slider .swiper-pagination { position: static; padding: 20px 0; margin: 20px 0 0 0; }

.home .top-kv__slider .swiper-pagination .swiper-pagination-bullet-active { background: #8C8C8C; }

.home .top-kv__slider a { display: block; position: relative; width: 100%; height: 100%; background: no-repeat center center; }

.home .top-kv__slider .main { display: block; position: relative; height: 100%; width: 100%; background: no-repeat center center/ cover; z-index: 1; }

@media (max-width: 767px) { .home .top-kv__slider .main { display: none; } }

.home .top-kv__slider .bg-blur { display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: no-repeat center center; -webkit-filter: blur(10px); filter: blur(10px); background-size: cover; }

@media (max-width: 767px) { .home .top-kv__slider .bg-blur { display: none; } }

@media (min-width: 768px) { .home .top-kv__slider .swiper-slide { height: 450px; width: 960px; }
  .home .top-kv__slider .main { max-width: 1300px; height: 100%; margin: 0 auto; } }

@media all and (-ms-high-contrast: none) { .home .top-kv__slider .bg-blur { opacity: 0.4; } }

@media (max-width: 767px) { .home .top-kv__slider { margin: 0 calc(50% - 50vw + 1rem); } }

.home .top-bg { padding: 100px 0; }

@media (max-width: 767px) { .home .top-bg { padding: 6rem 0; } }

.home #amaninja { background: url(../images/top/amaninja_bg.png) no-repeat right bottom/1200px auto; }

@media (max-width: 767px) { .home #amaninja { background: url(../images/top/amaninja_background_sp.png) center/auto 100% no-repeat; } }

.home #amaninja .content-inner { max-width: 1240px; }

.home #amaninja .content-inner .about_amainja_img { width: 100%; height: auto; }

.home #amaninja .content-inner .amainja_img { width: 100%; height: auto; }

@media (max-width: 767px) { .home #amaninja .content-inner .item02 .amainja_img, .home #amaninja .content-inner .item03 .amainja_img { width: 100%; height: auto; } }

.home #amaninja .content-inner .item { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; max-width: 289px; }

.home #amaninja .content-inner .item .text { margin: 30px 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }

@media (max-width: 767px) { .home #amaninja .content-inner .item .text { margin: 0 0 2em 0; } }

.home #amaninja .content-inner .button { max-width: 195px; }

@media (max-width: 767px) { .home .webp#amaninja { background: url("../images/top/amaninja_background_sp.webp") center/auto 100% no-repeat; } }

.home .headline { text-align: center; }

.home .headline.en { letter-spacing: 8px; line-height: 1.3; }

.home .headline.en.win { font-weight: 600; }

.home .headline.jp { margin: 10px 0 0; }

@media (max-width: 767px) { .home .headline.jp { margin: 0; } }

.home .top-summary { max-width: 650px; margin: 60px auto 0; text-align: justify; }

@media (max-width: 767px) { .home .top-summary { max-width: 100%; margin: 3rem auto 0; } }

.home .caption-wrap { margin: 110px 0 0; }

@media (max-width: 767px) { .home .caption-wrap { margin: 3rem 0 0; } }

.home .caption-wrap > div { position: relative; }

@media (max-width: 767px) { .home .caption-wrap .item01 { margin: 0 auto; margin-bottom: 50px; } }

.home .caption-wrap .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.home .caption-wrap .items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.home .caption-wrap .head { padding: 0 0 0 10px; color: #000000; font-weight: 600; }

.home .caption-wrap .head:before { content: ""; width: 3px; height: 26px; background-color: #3E3E87; position: absolute; top: 8px; left: 0; }

@media (max-width: 767px) { .home .caption-wrap .head:before { top: 3px; } }

.home .caption-wrap .caption { margin: 25px 0 0; width: 50%; }

.home .caption-wrap .caption p { text-align: justify; }

.home .caption-wrap .caption p:not(:last-child) { margin: 0 0 18px 0; }

.home .caption-wrap .image { width: 50%; text-align: center; }

@media (max-width: 767px) { .home .caption-wrap .image { width: 100%; } }

.home .caption-wrap .text { text-align: justify; }

.home .caption-wrap .title { font-weight: 600; }

.home .caption-wrap .background-image { width: 380px; height: auto; position: relative; }

@media (max-width: 767px) { .home .caption-wrap .background-image { width: 100%; } }

.home .caption-wrap .background-image img { -webkit-transition: 0.2s; transition: 0.2s; width: 100%; }

.home .caption-wrap .background-image img.hover { -webkit-filter: brightness(0.3); filter: brightness(0.3); }

.home .caption-wrap .background-image .hover-area { opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 60px; height: 100%; width: 100%; text-align: center; position: absolute; top: 0; opacity: 0; color: #FFFFFF; background: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.4s; transition: all 0.4s; }

.home .caption-wrap .background-image .hover-area:hover { opacity: 1; }

.home .caption-wrap .background-image .hover-area .hover-head { font-size: 21px; font-weight: 600; }

.home .caption-wrap .background-image .hover-area .hover-description { text-align: left; font-size: 15px; }

@media (max-width: 767px) { .home .caption-wrap .background-image .hover-area { height: auto; } }

@media (max-width: 1018px) { .home .caption-wrap .background-image .hover-area { padding: 0 10px; } }

@media (min-width: 768px) { .home .caption-wrap .background-image .img-wrapper { position: relative; width: 100%; padding-top: 66.66%; overflow: hidden; }
  .home .caption-wrap .background-image .img-wrapper picture, .home .caption-wrap .background-image .img-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } }

.home .caption-wrap .item-title { position: absolute; color: white; font-size: 30px; line-height: 40px; bottom: 30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; text-align: center; font-family: "ヒラギノ明朝 ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

@media (min-width: 768px) and (max-width: 1020px) { .home .caption-wrap .item-title { font-size: 22px; bottom: 10px; } }

.home .caption-wrap .item-title.sub { font-size: 16px; line-height: 19px; bottom: 70px; left: 10px; -webkit-transform: none; transform: none; text-align: left; }

@media (min-width: 768px) and (max-width: 1020px) { .home .caption-wrap .item-title.sub { bottom: 50px; } }

@media (max-width: 767px) { .home .caption-wrap .item-title.sub { bottom: 2.5rem; font-size: 1rem; } }

.home .caption-wrap .item-title span { font-size: 24px; }

@media (max-width: 767px) { .home .caption-wrap .item-title span { font-size: 1rem; } }

@media (max-width: 767px) { .home .caption-wrap .item-title { font-size: 1.3rem; line-height: 1; bottom: 16px; } }

.home .button { width: 100%; position: relative; }

.home .button a:after { content: url(../images/top/btn_arrow.svg); position: absolute; left: 90%; bottom: 23px; }

@media (max-width: 767px) { .home .button a:after { left: 90%; bottom: 14px; position: absolute; } }

.home .button a:hover:after { content: url(../images/top/btn_arrow_hover.svg); }

.home .button a:hover { color: #FFFFFF; }

.home .button a:hover .link { background: #3E3E87; border: 1px solid #3E3E87; }

.home .button .link, .home .button.go { width: 100%; height: 65px; text-align: center; line-height: 65px; border: 1px solid #000000; border-radius: 36px; background: transparent; -webkit-transition: 0.2s; transition: 0.2s; font-size: 15px; max-width: 195px; }

.home .button .link.flex-center, .home .button.go.flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.home .button .link.flex-center p, .home .button.go.flex-center p { text-align: center; }

@media (max-width: 767px) { .home .button .link, .home .button.go { font-size: 14px; height: 50px; line-height: 50px; } }

.home .button .link div, .home .button.go div { margin-top: 7px; }

@media (min-width: 768px) { .home .button .link div, .home .button.go div { margin-top: 14px; } }

.home .button.go { cursor: pointer; border: 1px solid #ffffff; }

@media (max-width: 767px) { .home .button.go { border: 1px solid #000000; } }

.home .button.go a { visibility: hidden; }

.home .button.go a:before, .home .button.go a:after { visibility: visible; position: absolute; }

.home .button.go a:before { content: '詳しく'; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; color: #ffffff; }

@media (max-width: 767px) { .home .button.go a:before { color: #000000; font-weight: 550; } }

.home .button.go a:after { bottom: 0; }

.home .button .small { font-size: 12px; line-height: 1.2; }

@media (max-width: 767px) { .home .button div, .home .button p { font-weight: 600; } }

.home .background-image .button .link { color: #FFFFFF; border: 1px solid #FFFFFF; }

.home .background-image .button a:after { content: url(../images/top/btn_arrow_hover.svg); }

@media (max-width: 767px) { .home .background-image .button a:after { content: url(../images/top/btn_arrow.svg); } }

.home .background-image .button a:hover .link { background-color: transparent; border: 1px solid #FFFFFF; }

.home #fun-square .no-event { color: #000000; border: 1px solid #000000; text-align: center; max-width: 408px; margin: 40px auto; padding: 15px; font-size: min(1.5rem, 15px); }

.home #fun-square .item { width: 33%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: auto; max-width: auto; }

@media (max-width: 767px) { .home #fun-square .item { width: calc(50% - 1rem); min-width: 200px; } }

@media (max-width: 500px) { .home #fun-square .item { width: 100%; max-width: 300px; } }

.home #fun-square .item .background-image { height: 200px; }

@media (max-width: 767px) { .home #fun-square .items { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 4rem 10px; } }

.home #fun-square .item-contents { width: 100%; }

.home #fun-square .term, .home #fun-square .description { margin: 10px 0; -ms-flex-item-align: start; align-self: flex-start; }

.home #fun-square .description { margin: 10px 2px; min-height: auto; }

@media (max-width: 767px) { .home #fun-square .description { margin: 1em 0; min-height: 72px; } }

.home #fun-square .background-image { width: 100%; height: 175px; }

.home #fun-square .background-image img { height: 100%; }

.home #fun-square .caption-wrap { padding: 60px 0; margin: 100px 0 0; }

@media (max-width: 767px) { .home #fun-square .caption-wrap { margin: 3rem 0 0; } }

.home #fun-square .subtitle { bottom: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; position: relative; }

.home #fun-square .subtitle::before, .home #fun-square .subtitle::after { content: ""; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 1px; background-color: #000; }

.home #fun-square .subtitle::before { margin-right: 10px; }

.home #fun-square .subtitle::after { margin-left: 10px; }

@media (min-width: 768px) { .home #philosophy { background: url(../images/top/philosophy_bg.jpg) center/auto 100% no-repeat; background-size: cover; } }

.home #philosophy .top-bg { padding: 100px 0; }

@media (max-width: 767px) { .home #philosophy .top-bg { padding: 4rem 0; } }

.home #philosophy .content-inner { max-width: 1240px; }

.home #philosophy .caption-wrap { margin: 94px 0 0; }

.home #philosophy .caption-wrap .caption { padding: 0 45px 0 0; }

@media (max-width: 767px) { .home #philosophy .caption-wrap .caption { padding: 0; } }

.home #philosophy .caption-wrap .image { padding: 0 30px; }

.home #philosophy .row:nth-child(2) { margin: 80px 0; }

@media (max-width: 767px) { .home #philosophy .caption-wrap { margin: 3rem 0 0; }
  .home #philosophy .row:nth-child(2) { margin: 4rem 0 0; }
  .home #philosophy .items { 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; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
  .home #philosophy .items .caption { width: 100%; }
  .home #philosophy .items .image { max-width: 400px; width: 100%; text-align: center; margin: 50px 0 0; padding: 0; } }

.home #amaninja .items, .home #products .items { height: 100%; gap: 20px; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

@media (max-width: 767px) { .home #amaninja .items, .home #products .items { gap: 3rem 2rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.home #amaninja .item, .home #products .item { width: 100%; }

@media (max-width: 767px) { .home #amaninja .item, .home #products .item { max-width: 280px; width: calc(50% - 1rem); } }

@media (min-width: 768px) { .home #amaninja .item.pc-none, .home #products .item.pc-none { display: none; } }

.home #amaninja .text, .home #products .text { margin: 30px 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

@media (max-width: 767px) { .home #amaninja .text, .home #products .text { margin: 0 0 2em 0; } }

.home #amaninja .caption-wrap, .home #products .caption-wrap { margin: 80px 0 0; text-align: center; height: 100%; }

@media (max-width: 767px) { .home #amaninja .caption-wrap, .home #products .caption-wrap { margin: 3rem 0 0; }
  .home #amaninja .caption-wrap .button, .home #products .caption-wrap .button { max-width: 195px; } }

.home #amaninja .image, .home #products .image { height: 80px; margin: 10px 0; }

.home #amaninja .image img, .home #products .image img { height: 80%; }

.home #amaninja .image.h100, .home #products .image.h100 { height: 100px; margin: 0 auto; }

.home #wellness { background: url(../images/top/wellness_bg.jpg) center/auto 100% no-repeat; background-size: cover; }

@media (max-width: 767px) { .home #wellness .caption-wrap .image { width: 100%; } }

.home #our-flax { background: url(../images/top/our-flax_bg.png) center/auto 100% no-repeat; background-size: cover; }

@media (max-width: 767px) { .home #our-flax { background: url(../images/top/our-flax-sp_bg.jpg) center/auto 100% no-repeat; } }

.home #our-flax .white { color: #ffffff; }

.home #amaninja .top-bg { background-color: rgba(255, 255, 255, 0.6); }

@media (max-width: 767px) { .home #amaninja .top-bg { background-color: rgba(255, 255, 255, 0.1); } }

.home #amaninja .image { width: auto; }

.home #amaninja .image img { height: 100%; }

.home #products { background: url(../images/top/products_bg.jpg) center/auto 100% no-repeat; background-size: cover; }

@media (max-width: 767px) { .home #products { background: url(../images/top/products-sp_bg.jpg) center/auto 100% no-repeat; } }

.home #products .caption-wrap .image { height: 160px; margin: 26px auto; }

.home #products .caption-wrap .image img { height: 100%; }

.home #products .item { max-width: 195px; }

.home #special-feature { background: url(../images/top/special-feature_bg.jpg) center/auto 100% no-repeat; background-color: #F6F5EC; }

@media (max-width: 767px) { .home #special-feature { background: url(../images/top/special-feature-sp_bg.jpg) center/auto 100% no-repeat; }
  .home #special-feature .sp-link { opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 60px; height: 100%; width: 100%; text-align: center; position: absolute; top: 0; opacity: 0; color: #FFFFFF; background: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.4s; transition: all 0.4s; opacity: 1; } }

.home #our-flax .content-inner, .home #about .content-inner, .home #special-feature .content-inner, .home #how-to-eat .content-inner, .home #wellness .content-inner, .home #emergency-rations .content-inner, .home #fun-square .content-inner { max-width: 1240px; }

.home #our-flax .items, .home #about .items, .home #special-feature .items, .home #how-to-eat .items, .home #wellness .items, .home #emergency-rations .items, .home #fun-square .items { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 767px) { .home #our-flax .items, .home #about .items, .home #special-feature .items, .home #how-to-eat .items, .home #wellness .items, .home #emergency-rations .items, .home #fun-square .items { gap: 6rem 10px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } }

@media (max-width: 767px) { .home #our-flax .item, .home #about .item, .home #special-feature .item, .home #how-to-eat .item, .home #wellness .item, .home #emergency-rations .item, .home #fun-square .item { width: calc(50% - 1rem); min-width: 200px; } }

@media (max-width: 500px) { .home #our-flax .item, .home #about .item, .home #special-feature .item, .home #how-to-eat .item, .home #wellness .item, .home #emergency-rations .item, .home #fun-square .item { width: 100%; max-width: 300px; } }

.home #our-flax .hover-description, .home #about .hover-description, .home #special-feature .hover-description, .home #how-to-eat .hover-description, .home #wellness .hover-description, .home #emergency-rations .hover-description, .home #fun-square .hover-description { margin: 10px 0; min-height: 80px; }

@media (max-width: 767px) { .home #our-flax .hover-description, .home #about .hover-description, .home #special-feature .hover-description, .home #how-to-eat .hover-description, .home #wellness .hover-description, .home #emergency-rations .hover-description, .home #fun-square .hover-description { margin: 2em 0; min-height: 100px; } }

.home #our-flax .background-image .button, .home #about .background-image .button, .home #special-feature .background-image .button, .home #how-to-eat .background-image .button, .home #wellness .background-image .button, .home #emergency-rations .background-image .button, .home #fun-square .background-image .button { width: 80%; -ms-flex-item-align: center; align-self: center; }

@media (max-width: 767px) { .home #our-flax .chikara-list-wrapper, .home #about .chikara-list-wrapper, .home #special-feature .chikara-list-wrapper, .home #how-to-eat .chikara-list-wrapper, .home #wellness .chikara-list-wrapper, .home #emergency-rations .chikara-list-wrapper, .home #fun-square .chikara-list-wrapper { padding: 10px; } }

.home #our-flax .chikara-list, .home #about .chikara-list, .home #special-feature .chikara-list, .home #how-to-eat .chikara-list, .home #wellness .chikara-list, .home #emergency-rations .chikara-list, .home #fun-square .chikara-list { width: 100%; margin: 0; text-align: right; }

.home #our-flax .chikara-list li, .home #about .chikara-list li, .home #special-feature .chikara-list li, .home #how-to-eat .chikara-list li, .home #wellness .chikara-list li, .home #emergency-rations .chikara-list li, .home #fun-square .chikara-list li { position: relative; margin-top: 8px; margin-bottom: 10px; text-align: right; }

@media (max-width: 767px) { .home #our-flax .chikara-list li, .home #about .chikara-list li, .home #special-feature .chikara-list li, .home #how-to-eat .chikara-list li, .home #wellness .chikara-list li, .home #emergency-rations .chikara-list li, .home #fun-square .chikara-list li { margin-bottom: 0; } }

.home #our-flax .chikara-list li:first-child, .home #about .chikara-list li:first-child, .home #special-feature .chikara-list li:first-child, .home #how-to-eat .chikara-list li:first-child, .home #wellness .chikara-list li:first-child, .home #emergency-rations .chikara-list li:first-child, .home #fun-square .chikara-list li:first-child { margin-top: 0; }

.home #our-flax .chikara-list li:last-child, .home #about .chikara-list li:last-child, .home #special-feature .chikara-list li:last-child, .home #how-to-eat .chikara-list li:last-child, .home #wellness .chikara-list li:last-child, .home #emergency-rations .chikara-list li:last-child, .home #fun-square .chikara-list li:last-child { margin-bottom: 0; }

.home #our-flax .chikara-list li > a, .home #about .chikara-list li > a, .home #special-feature .chikara-list li > a, .home #how-to-eat .chikara-list li > a, .home #wellness .chikara-list li > a, .home #emergency-rations .chikara-list li > a, .home #fun-square .chikara-list li > a { color: #ffffff; display: inline-block; padding: 0 15px 0 0; font-size: 16px; border-bottom: 1px solid #ffffff; text-align: right; padding: 20px 20px 5px 5px; }

@media (max-width: 767px) { .home #our-flax .chikara-list li > a, .home #about .chikara-list li > a, .home #special-feature .chikara-list li > a, .home #how-to-eat .chikara-list li > a, .home #wellness .chikara-list li > a, .home #emergency-rations .chikara-list li > a, .home #fun-square .chikara-list li > a { font-size: 0.9rem; padding: 3px 20px 5px 5px; } }

.home #our-flax .chikara-list li > a:after, .home #about .chikara-list li > a:after, .home #special-feature .chikara-list li > a:after, .home #how-to-eat .chikara-list li > a:after, .home #wellness .chikara-list li > a:after, .home #emergency-rations .chikara-list li > a:after, .home #fun-square .chikara-list li > a:after { content: ""; background-image: url(../images/top/btn_arrow_hover.svg); background-size: contain; background-repeat: no-repeat; width: 5px; height: 10px; top: 24px; right: 4px; position: absolute; }

@media (max-width: 767px) { .home #our-flax .chikara-list li > a:after, .home #about .chikara-list li > a:after, .home #special-feature .chikara-list li > a:after, .home #how-to-eat .chikara-list li > a:after, .home #wellness .chikara-list li > a:after, .home #emergency-rations .chikara-list li > a:after, .home #fun-square .chikara-list li > a:after { top: 0.6rem; } }

.home #our-flax .chikara-list li > a:hover:after, .home #about .chikara-list li > a:hover:after, .home #special-feature .chikara-list li > a:hover:after, .home #how-to-eat .chikara-list li > a:hover:after, .home #wellness .chikara-list li > a:hover:after, .home #emergency-rations .chikara-list li > a:hover:after, .home #fun-square .chikara-list li > a:hover:after { -webkit-animation: sideToSideAnime 1s; animation: sideToSideAnime 1s; }

.home #pick-up { background: url(../images/top/pick-up_bg.png) center/auto 100% no-repeat; background-size: cover; }

.home #pick-up .items { width: auto; gap: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 767px) { .home #pick-up .items { width: 100%; gap: 1em; } }

.home #pick-up .items .golden-flaxseed__contents { display: inline-block; background: url("../images/top/pick-up_item01.png") no-repeat center center; -webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.75); box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.75); background-size: cover; padding: 20px 50px; }

@media (max-width: 767px) { .home #pick-up .items .golden-flaxseed__contents { background: url("../images/top/pick-up_item01-sp.png") no-repeat center center; background-size: cover; } }

.home #pick-up .items .golden-flaxseed__contents .golden-flaxseed__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 50px; }

@media (min-width: 768px) { .home #pick-up .items .golden-flaxseed__contents .golden-flaxseed__wrap .golden-flaxseed-text { width: 60%; } }

.home #pick-up .items .golden-flaxseed__contents .golden-flaxseed__wrap .golden-flaxseed-text .golden-flaxseed-icon__wrap { 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; margin-bottom: 20px; margin-top: 20px; }

.home #pick-up .items .golden-flaxseed__contents .golden-flaxseed__wrap .golden-flaxseed-text .golden-flaxseed-icon__wrap .golden-flaxseed-icon { width: 75px; height: auto; }

.home #pick-up .items .golden-flaxseed__contents .golden-flaxseed__wrap .golden-flaxseed-text__subtitle { text-align: center; color: #000000; font-weight: 600; }

.home #pick-up .items .golden-flaxseed__contents .golden-flaxseed__wrap .golden-flaxseed-text__title { text-align: center; font-size: 69px; color: #AF9410; line-height: 1; margin-bottom: 45px; }

@media (max-width: 767px) { .home #pick-up .items .golden-flaxseed__contents .golden-flaxseed__wrap .golden-flaxseed-text__title { font-size: 43px; } }

@media (min-width: 768px) { .home #pick-up .items .golden-flaxseed__contents .golden-flaxseed__wrap .golden-flaxseed-img { 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; width: 40%; } }

@media (min-width: 768px) { .home #pick-up .items .golden-flaxseed__contents .golden-flaxseed__wrap .golden-flaxseed-img .background-image-golden { width: 270px; } }

.home #pick-up .items .golden-flaxseed__contents .golden-flaxseed__wrap .golden-flaxseed-img .image { width: 270px; height: auto; }

@media (max-width: 767px) { .home #pick-up .items .golden-flaxseed__contents .golden-flaxseed__wrap .golden-flaxseed-img .image { width: 13rem; height: auto; margin: 20px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.home #pick-up .items .golden-flaxseed__contents .golden-flaxseed__wrap .golden-flaxseed-link { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; }

@media (max-width: 767px) { .home #pick-up .items .golden-flaxseed__contents .golden-flaxseed__wrap .golden-flaxseed-link { display: block; max-width: 195px; margin: 0 auto 20px; } }

.home #pick-up .items .golden-flaxseed__contents .golden-flaxseed__wrap .golden-flaxseed-link .golden-flaxseed-butoon { margin: 30px 20px 20px; }

@media (max-width: 767px) { .home #pick-up .items .golden-flaxseed__contents .golden-flaxseed__wrap .golden-flaxseed-link .golden-flaxseed-butoon { margin: 30px 0 20px; } }

.home #pick-up .items .golden-flaxseed__contents .golden-flaxseed__wrap .golden-flaxseed-link .golden-flaxseed-butoon a .cm-link { line-height: 20px; padding-top: 10px; }

@media (max-width: 767px) { .home #pick-up .items .golden-flaxseed__contents .golden-flaxseed__wrap .golden-flaxseed-link .golden-flaxseed-butoon a .cm-link { padding-top: 0.3rem; } }

.home #pick-up .items .pick-up-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; }

.home #pick-up .background-image { height: auto; width: 100%; -webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.75); box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.75); }

@media (max-width: 767px) { .home #pick-up .background-image { width: 100%; } }

.home .webp#pick-up { background: url("../images/top/pick-up_bg.webp") center/auto 100% no-repeat; background-size: cover; }

.home #about { background: url(../images/top/about_bg.jpg) center center/cover no-repeat; }

.home .webp#about { background: url("../images/top/about_bg.webp") center center/cover no-repeat; }

.home #fun-square { background: url(../images/top/fun-square_bg.png) center/auto 100% no-repeat; background-size: cover; }

@media (max-width: 767px) { .home #fun-square { background: url(../images/top/fun-square-sp_bg.jpg) center/auto 100% no-repeat; } }

.home #fun-square .hover-area { padding: 0 30px; }

.home #sns { background: url(../images/top/sns_bg.png) center/auto 100% no-repeat; background-color: #FEF0D8; }

@media (max-width: 767px) { .home #sns { background: url(../images/top/sns-sp_bg.jpg) center/auto 100% no-repeat; background-color: #FEF0D8; } }

.home #sns .sns-icon-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.home #sns .sns-icon-list li { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px 22px; }

.home #sns .sns-icon-list li .sns-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* 縦並び */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* 中央揃え */ }

.home #sns .sns-icon-list li img { width: 50px; }

.home #sns .sns-icon-list li .sns-name { font-size: 16px; text-align: center; padding-top: 10px; }

.home #sns .sns-posts-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 50px 12px; margin: 70px 0 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 270px; width: auto; }

@media (max-width: 767px) { .home #sns .sns-posts-wrap { height: 30rem; width: 100%; } }

.home #sns .sns-posts-wrap .instagram { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 8px; width: auto; height: 100%; }

.home #sns .sns-posts-wrap .instagram .post-wrap { position: relative; width: auto; height: 100%; }

.home #sns .sns-posts-wrap .instagram .post-wrap:before { content: ''; position: absolute; background-image: url(../images/common/sns_instagram_icon.png); background-size: cover; width: 23px; height: 23px; left: 0; top: -30px; }

.home #sns .sns-posts-wrap .instagram .post-wrap.loading { background-color: #e3e3e3; }

.home #sns .sns-posts-wrap .instagram .post-wrap.loading:after { position: absolute; top: 0; left: 0; z-index: 100; content: ""; display: block; height: 100%; width: 100%; background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.2)), to(transparent)); background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); -webkit-animation: skeleton-animation 1.2s linear infinite; animation: skeleton-animation 1.2s linear infinite; }

.home #sns .sns-posts-wrap .instagram .post-wrap iframe, .home #sns .sns-posts-wrap .instagram .post-wrap img, .home #sns .sns-posts-wrap .instagram .post-wrap blockquote { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; display: block; }

.home #about .caption-wrap .items { gap: 20px; }

.home #about .caption-wrap .item { width: calc((100% - 40px) / 3); -webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.75); box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.75); max-width: 377px; }

.home #about .caption-wrap .background-image { width: 100%; height: auto; position: relative; }

.home #how-to-eat { background-color: #F6F5EC; }

.home #how-to-eat .caption-wrap .items { gap: 25px; }

.home #how-to-eat .caption-wrap .item { width: calc((100% - 50px) / 3); max-width: 315px; }

.home #how-to-eat .caption-wrap .background-image { width: 100%; height: auto; position: relative; }

@media (min-width: 768px) { .home #how-to-eat .top-summary { position: relative; }
  .home #how-to-eat .top-summary:before { content: ''; position: absolute; top: -90px; left: -275px; width: 222px; height: 248px; background-image: url("../images/top/how-to-eat_item01.svg"); background-size: contain; background-repeat: no-repeat; }
  .home #how-to-eat .top-summary:after { content: ''; position: absolute; top: -90px; right: -285px; width: 287px; height: 241px; background-image: url("../images/top/how-to-eat_item02.svg"); background-size: contain; background-repeat: no-repeat; } }

@media (max-width: 767px) { .home #how-to-eat .how-to-img { display: block; margin-top: 2rem; margin-left: 0.4rem; }
  .home #how-to-eat .how-to-img .how-to-eat_item01 { width: 6rem; height: auto; }
  .home #how-to-eat .how-to-img .how-to-eat_item02 { width: 7.5rem; height: auto; } }

.home #wellness .caption-wrap .items, .home #our-flax .caption-wrap .items, .home #special-feature .caption-wrap .items, .home #fun-square .caption-wrap .items { gap: 10px; }

.home #wellness .caption-wrap .item, .home #our-flax .caption-wrap .item, .home #special-feature .caption-wrap .item, .home #fun-square .caption-wrap .item { width: calc((100% - 20px) / 3); max-width: 378px; }

.home #wellness .caption-wrap .background-image, .home #our-flax .caption-wrap .background-image, .home #special-feature .caption-wrap .background-image, .home #fun-square .caption-wrap .background-image { width: 100%; height: auto; position: relative; }

@media (max-width: 767px) { .home #about .caption-wrap .items, .home #how-to-eat .caption-wrap .items, .home #wellness .caption-wrap .items, .home #our-flax .caption-wrap .items, .home #special-feature .caption-wrap .items, .home #fun-square .caption-wrap .items { gap: 10px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .home #about .caption-wrap .item, .home #how-to-eat .caption-wrap .item, .home #wellness .caption-wrap .item, .home #our-flax .caption-wrap .item, .home #special-feature .caption-wrap .item, .home #fun-square .caption-wrap .item { width: calc((100% - 20px) / 2); max-width: none; min-width: auto; }
  .home #about .hover-area, .home #how-to-eat .hover-area, .home #wellness .hover-area, .home #our-flax .hover-area, .home #special-feature .hover-area, .home #fun-square .hover-area { position: absolute; } }

@media (max-width: 400px) { .home .button .link { font-size: 12px; }
  .home .button a:after { bottom: 16.5px; } }

#emergency-rations { background: url(../images/top/emergency-rations_bg.jpg) center/auto 100% no-repeat; background-size: cover; }

#emergency-rations .caption-wrap p { font-size: 40px; text-align: center; letter-spacing: 8px; margin-bottom: 200px; }

@media (max-width: 767px) { #emergency-rations .caption-wrap p { font-size: 30px; margin-bottom: 80px; } }

.webp#emergency-rations { background: url("../images/top/emergency-rations_bg.webp") center/auto 100% no-repeat; background-size: cover; }

/** アニメーション **/
.down-to-top { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 1s; transition: all 1s; }

.down-to-top.content-wrapper { -webkit-transition: all 2s; transition: all 2s; }

.down-to-top.swiper { -webkit-transition: all 2s; transition: all 2s; }

.down-to-top.scrollin { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.fadeUp { -webkit-animation-name: fadeUpAnime; animation-name: fadeUpAnime; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; }

@-webkit-keyframes skeleton-animation { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
  100% { -webkit-transform: translateX(100%); transform: translateX(100%); } }

@keyframes skeleton-animation { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
  100% { -webkit-transform: translateX(100%); transform: translateX(100%); } }

.modal-video-close-btn { top: -35px !important; right: 0 !important; }

.qa-search__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 100px 0 80px; width: 650px; margin: 0 auto; }

@media (max-width: 767px) { .qa-search__container { width: 100%; padding: 60px 0 80px 0; } }

.qa-search__container .form { margin-left: auto; width: 25rem; }

@media (max-width: 767px) { .qa-search__container .form { width: 100%; } }

.qa-search__container h2 { padding-left: 0.6rem; border-left: 0.5rem solid #000; font-size: 1.05rem; line-height: 1.8; color: #603714; font-weight: 600; }

@media (min-width: 768px) { .qa-search__container .heading { margin-right: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  .qa-search__container .form { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } }

.qa-search__container .search-form { border: 1px solid #000; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.qa-search__container .search-form input.text { padding: 0 18px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; font-size: 15px; border: none; }

.qa-search__container .search-form .search-btn { -webkit-box-flex: 0; -ms-flex: 0 0 3.6rem; flex: 0 0 3.6rem; min-height: 40px; background: #000 url(/amani1/assets/images/common/icon_search.png) no-repeat center center/1.4rem; border: none; text-indent: -9000px; }

.qa-search__container .search-form .search-btn { padding: 0 30px; -webkit-box-flex: 0; -ms-flex: 0 0 105px; flex: 0 0 105px; font-size: 15px; color: #fff; text-align: left; background-position: 65px 50%; text-indent: 0; }

@media (max-width: 767px) { .qa-search__container .search-form .search-btn { padding: 0 30px 0 25px; -webkit-box-flex: 0; -ms-flex: 0 0 16%; flex: 0 0 16%; background-position: 60px 50%; } }

@media (min-width: 768px) { .qa-search__container .search-form { border-width: 3px; } }

.qa-category__container h2 { margin-bottom: 2rem; font-size: 18px; line-height: 1.8; color: #fff; background: #3E3E87; text-align: center; }

@media (max-width: 767px) { .qa-list-product > * { margin: 0 0 10px 10px; width: calc((100% - 10px * 2) / 3); }
  .qa-list-product > *:nth-child(3n+1) { margin-left: 0; } }

@media (min-width: 768px) { .qa-list-product { margin-top: 100px; }
  .qa-list-product > * { margin: 0 0 10px 10px; width: calc((100% - 10px * 4) / 5); }
  .qa-list-product > *:nth-child(5n+1) { margin-left: 0; } }

@media (max-width: 767px) { .qa-list-purpose > * { margin: 0 0 10px 10px; width: calc((100% - 10px * 2) / 3); }
  .qa-list-purpose > *:nth-child(3n+1) { margin-left: 0; } }

@media (min-width: 768px) { .qa-list-purpose { margin-top: 100px; }
  .qa-list-purpose > * { margin: 0 0 10px 10px; width: calc((100% - 10px * 5) / 6); }
  .qa-list-purpose > *:nth-child(6n+1) { margin-left: 0; } }

.qa-category-list { margin: 100px 40px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 767px) { .qa-category-list { margin: 10% 0; } }

.qa-category-list a { padding: 12px 0 0; border-radius: 0.3rem; display: block; position: relative; line-height: 20px; }

@media (max-width: 767px) { .qa-category-list a { padding: 1.2rem 0 0; } }

.qa-category-list a span { font-size: 15px; display: block; text-align: center; text-decoration: underline; }

.qa-category-list a::after { background: no-repeat 0 0 / contain; content: ''; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media (min-width: 768px) { .qa-category-list a { width: auto; }
  .qa-category-list a span { line-height: 20px; font-size: 18px; } }

.is_purpose .qa-category-list a { padding: 12px 0 0; }

@media (max-width: 767px) { .is_purpose .qa-category-list a { padding: 2rem 0 0; } }

.qa-category-list .qa-product-img { height: 100px; }

@media (max-width: 767px) { .qa-category-list .qa-product-img { height: 50%; margin-bottom: 10%; } }

.qa-category-list .cat-1 img { width: 6rem; top: 3.5rem; margin: 0 auto; display: block; }

@media (min-width: 768px) { .qa-category-list .cat-1 img { top: 51px; width: 75px; } }

.qa-category-list .cat-2 img { width: 6rem; top: 3.7rem; margin: 0 auto; display: block; }

@media (min-width: 768px) { .qa-category-list .cat-2 img { top: 55px; width: 68px; } }

.qa-category-list .cat-3 img { width: 8rem; top: 3.85rem; margin: 0 auto; display: block; }

@media (min-width: 768px) { .qa-category-list .cat-3 img { top: 65px; width: 85px; } }

.qa-category-list .cat-4 img { width: 4rem; top: 4.15rem; margin: 0 auto; display: block; }

@media (min-width: 768px) { .qa-category-list .cat-4 img { top: 63px; width: 62px; } }

.qa-category-list .cat-5 img { width: 5.15rem; top: 3.2rem; margin: 0 auto; display: block; }

@media (min-width: 768px) { .qa-category-list .cat-5 img { top: 49px; width: 79px; } }

.qa-category-list .qa-purpose-img { height: 60px; }

@media (max-width: 767px) { .qa-category-list .qa-purpose-img { height: 30%; } }

.qa-category-list .purpose-txt { margin-bottom: 20%; }

.is_purpose .qa-category-list .cat-1 img { width: auto; height: 1.9rem; margin: 0 auto; display: block; position: relative; }

@media (min-width: 768px) { .is_purpose .qa-category-list .cat-1 img { top: 0; } }

@media (max-width: 767px) { .is_purpose .qa-category-list .cat-1 img { top: 1rem; height: 2.3rem; } }

.is_purpose .qa-category-list .cat-2 img { width: auto; height: 1.9rem; margin: 0 auto; display: block; position: relative; }

@media (min-width: 768px) { .is_purpose .qa-category-list .cat-2 img { top: -3px; } }

@media (max-width: 767px) { .is_purpose .qa-category-list .cat-2 img { top: 1rem; height: 2.3rem; } }

.is_purpose .qa-category-list .cat-3 img { width: auto; height: 2.4rem; margin: 0 auto; display: block; position: relative; }

@media (min-width: 768px) { .is_purpose .qa-category-list .cat-3 img { top: -9px; } }

@media (max-width: 767px) { .is_purpose .qa-category-list .cat-3 img { top: 0.3rem; height: 2.8rem; } }

.is_purpose .qa-category-list .cat-4 img { width: auto; height: 2.2rem; margin: 0 auto; display: block; position: relative; }

@media (min-width: 768px) { .is_purpose .qa-category-list .cat-4 img { top: -4px; } }

@media (max-width: 767px) { .is_purpose .qa-category-list .cat-4 img { top: 0.6rem; height: 2.6rem; } }

.is_purpose .qa-category-list .cat-5 img { width: auto; height: 2.05rem; margin: 0 auto; display: block; position: relative; }

@media (min-width: 768px) { .is_purpose .qa-category-list .cat-5 img { top: -4px; } }

@media (max-width: 767px) { .is_purpose .qa-category-list .cat-5 img { top: 1rem; height: 2.45rem; } }

.is_purpose .qa-category-list .cat-6 img { width: auto; height: 2.44rem; margin: 0 auto; display: block; position: relative; }

@media (min-width: 768px) { .is_purpose .qa-category-list .cat-6 img { top: -5px; } }

@media (max-width: 767px) { .is_purpose .qa-category-list .cat-6 img { top: 0.75rem; height: 2.84rem; } }

.qa-contact { background: #f2f2f2; }

@media (min-width: 768px) { .qa-contact { margin-top: 120px; } }

.qa-contact__container { padding: 30px 0 50px; margin: 0 auto; border-radius: 0.5rem; font-size: 0.7rem; text-align: center; }

.qa-contact__container .heading { font-size: 21px; text-align: center; padding-bottom: 30px; }

.qa-contact__container .tel { margin-top: 0.8rem; }

.qa-contact__container .tel dt { font-size: 21px; }

.qa-contact__container .tel .number { margin: 20px 0; font-size: 36px; font-weight: 600; display: inline-block; }

.qa-contact__container .tel .time { font-size: 18px; text-align: center; }

.contact_head { padding-top: 120px; }

.contact_head .contact_headline { text-align: center; }

.contact_head .contact_headline.en { color: #3E3E87; font-weight: 600; letter-spacing: 8px; line-height: 1.3; font-size: 36px; padding-top: 30px; }

.contact_head .contact_headline.en.win { font-weight: 600; }

.contact_head .contact_headline.jp { margin: 0; font-size: 21px; line-height: 1.6; text-align: center; }

@media (max-width: 767px) { .contact_head .contact_headline.jp { margin: 0; } }

.qa-list h2 { font-size: 18px; font-weight: 600; padding: 5px 0; color: #fff; background-color: #3E3E87; text-align: center; }

.qa-list h2 > span { font-weight: 600; }

.qa-list__container { margin: 25px 0 50px; }

.qa-list__container dl { border-bottom: 1px solid #000; }

.qa-list__container dt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; }

.qa-list__container dt::after { margin-left: auto; font-size: 21px; margin-bottom: 10px; }

.qa-list__container dt .tag { text-align: left; margin: 20px 0 15px; }

.qa-list__container dt .tag span { padding: 5px 30px; white-space: nowrap; color: #fff; font-size: 13px; }

.qa-list__container dt .tag span.cat-1 { background-color: #7C8A4F; }

.qa-list__container dt .tag span.cat-2 { background-color: #916200; }

.qa-list__container dt .tag span.cat-3 { background-color: #8AA0AC; }

.qa-list__container dt .tag span.cat-4 { background-color: #7B783E; }

.qa-list__container dt .tag span.cat-5 { background-color: #BB5730; }

.qa-list__container dt .tag span.cat-6 { background-color: #3B5E66; }

.qa-list__container dt .txt { position: relative; padding: 36px 30px 0 0; font-size: 16px; }

.qa-list__container dt .txt:before { content: 'Q.'; font-size: 16px; position: absolute; top: 0; }

.qa-list__container dd .body { position: relative; padding: 36px 30px 25px 0; font-size: 16px; }

.qa-list__container dd .body:before { content: 'A.'; font-size: 16px; position: absolute; top: 0; }

@media (max-width: 767px) { .qa__detail .qa-page-head { margin: 50px 0 0; } }

.qa__detail .qa-page-head .headline-wrap { width: 90px; border-bottom: 1px solid; padding-bottom: 40px; margin: 0 auto; text-align: center; }

.qa__detail .qa-page-head .headline-wrap .headline { font-size: 18px; letter-spacing: 5px; text-align: center; }

.qa__detail-purpose, .qa__detail-product { margin: 40px 0 95px; }

@media (max-width: 767px) { .qa__detail-purpose, .qa__detail-product { margin: 30px 0; } }

.qa__detail-purpose .purpose-col, .qa__detail-product .purpose-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.qa__detail-purpose .purpose-col .image img, .qa__detail-product .purpose-col .image img { max-height: 100px; }

.qa__detail-purpose .cat-name, .qa__detail-product .cat-name { font-size: 26px; font-weight: 600; }

.qa__detail .link-button { width: 190px; margin: 90px auto; }

@media (max-width: 767px) { .qa__detail .link-button { margin: 30px auto; } }

.qa__detail .link-button.products { margin: 0 auto; }

body.special__world .grid .row .col:nth-child(2) { padding-left: 0; }

body.special__world .grid .row .col { max-width: 410px; width: 100%; }

@media (max-width: 767px) { body.special__world .grid .row .col { max-width: none; } }

body.special__world .grid .row .col.sp-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0 30px; }

body.special__world .grid .row2.one-point { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

body.special__world .grid .row2.one-point .col + .col { width: 100%; max-width: none; }

body.special__world .link-button { width: 190px; margin: 80px auto; }

body.special__world .link-button .link { line-height: 20px; padding: 13px; }

@media (max-width: 767px) { body.special__world .link-button .link { padding: 7px; } }

.world-list { margin-bottom: 100px; }

.world-list__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 45px 10px; }

@media (min-width: 768px) { .world-list__container { min-height: 460px; } }

.world-list__container > li { width: calc((100% - 2rem) / 2); line-height: 1.2; text-align: center; }

.world-list__container a { text-decoration: none; }

.world-list__container .thumbnail { margin-bottom: 12px; display: block; overflow: hidden; }

.world-list__container .thumbnail > img { width: 100%; aspect-ratio: 293 / 208; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; }

.world-list__container .thumbnail > img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

@media (max-width: 767px) { .world-list__container .thumbnail > img { aspect-ratio: 484 / 343; } }

.world-list__container .country, .world-list__container .title { text-align: left; display: block; }

.world-list__container .country { font-size: 16px; line-height: 19px; }

.world-list__container .title { font-size: 18px; line-height: 21px; }

@media (min-width: 768px) { .world-list__container > li { width: calc((100% - 20px) / 3); }
  .world-list__container .thumbnail::after { font-size: 36px; } }

@media (max-width: 767px) { .world-list__container > li:nth-child(2n+1) { margin-left: 0px; } }

.world-detail { padding: 100px 0 0; }

.world-detail.bg-gray { background-color: #F7F8F8; }

.world-detail__data { margin: 10px 0 40px 0; position: relative; }

.world-detail__data dt { font-size: 13px; line-height: 15px; padding: 5px 10px; background-color: #000; color: #fff; display: inline-block; }

.world-detail__data dd { font-size: 16px; line-height: 25px; }

.world-detail__data .ingredients { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 25px; }

.world-detail__data .ingredients::after { content: ''; border-top: 1px dotted; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.world-detail__data .ingredient1 { margin-right: 10px; }

@media (max-width: 767px) { .world-detail__data .ingredient1-2 { font-size: 14px; } }

.world-detail__data .ingredient1-3 { font-size: 15px; }

@media (max-width: 767px) { .world-detail__data .ingredient1-3 { font-size: 12.6px; } }

.world-detail__data .ingredient2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 10px; }

.world-detail__data .ingredient2-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 10px; }

@media (max-width: 767px) { .world-detail__data .ingredient2-2 { font-size: 14px; } }

.world-detail__data .ingredient2-3 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 10px; font-size: 15px; }

@media (max-width: 767px) { .world-detail__data .ingredient2-3 { font-size: 14px; } }

.world-detail__data2 { margin: 13px 0 0; padding: 30px 22px; position: relative; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }

@media (max-width: 767px) { .world-detail__data2 { padding: 30px 0; } }

.world-detail__data2 .dt_red { padding: 5px 20px; position: absolute; top: -12px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 15px; background: #000000; color: #ffffff; font-size: 13px; display: inline-block; white-space: nowrap; }

.world-detail__data2 .dt_red + dd > p { font-size: 16px; line-height: 25px; }

@media (min-width: 768px) { .world-detail__data2 .dt_red + dd > p { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-rule: dotted 2px #000000; -moz-column-rule: dotted 2px #000000; column-rule: dotted 2px #000000; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } }

.world-detail__header { margin-bottom: 2.5rem; }

.world-detail__header .entryTitle { padding: 28px 0; border-top: 1px solid; border-bottom: 1px solid; width: 300px; margin: 0 auto; }

.world-detail__header .entryTitle p { text-align: center; }

.world-detail__header .entryTitle .txt1 { font-size: 21px; line-height: 25px; }

.world-detail__header .entryTitle .txt2 { font-size: 32px; line-height: 38px; margin: 15px 0 0; }

.world-detail__header .description { margin-top: 3rem; font-size: 0.7rem; text-align: center; }

.world-detail__content { font-size: 16px; line-height: 25px; }

.world-detail__content .image { margin-bottom: 30px; text-align: center; width: 288px; }

@media (max-width: 767px) { .world-detail__content .image { width: calc((100% - 30px) / 2); } }

.world-detail__content .image img { width: 100%; }

@media (max-width: 767px) { .world-detail__content .image img.trim { max-height: 207px; -o-object-fit: cover; object-fit: cover; } }

.world-detail__content .image .caption { margin-top: 1rem; font-size: 0.55rem; }

.world-detail__recipe { padding: 0 0 100px; }

@media (max-width: 767px) { .world-detail__recipe { padding: 0 0 4rem; } }

.world-detail__recipe .image { margin: 45px 0 30px 0; max-width: 290px; }

@media (max-width: 767px) { .world-detail__recipe .image { margin: 0 auto 30px; max-width: 460px; } }

.world-detail__recipe .image img { width: 100%; }

.world-detail__recipe .image .caption { margin: 10px 0 0; font-size: 13px; line-height: 25px; text-align: left; }

.world-detail__recipe .small-font { font-size: 12px; }

.world-detail .annotations { margin-top: 1rem; }

.world-detail .annotations li { font-size: 0.55rem; line-height: 1.45; }

.world-detail .annotations .red { color: #FF0000; }

.single-article-content2 figure { margin: 0; width: 100%; }

.mb { margin-bottom: 32px; }

.mb2 { margin-bottom: 60px; }

.mt15 { margin-top: 15px; }

.pd { padding-bottom: 40px; }

.img-center { width: 500px; text-align: center; margin: auto; padding-bottom: 80px; }

@media (max-width: 767px) { .img-center { width: 80%; padding-bottom: 40px; } }

.pc-mt { margin-top: 30px; }

@media (max-width: 767px) { .pc-mt { margin-top: 0px; } }

.column4-mt { margin-top: 1.6rem; }

@media (max-width: 767px) { .column4-mt { margin-top: 40px; } }

.column4-mb { margin-bottom: 1.6rem; }

@media (max-width: 767px) { .column4-mb { margin-bottom: 0; } }

.column4-div { margin: auto; text-align: center; width: 100%; }

.column4-imgtext { font-size: 13px; text-align: left; line-height: 24px; margin-top: 10px; }

body.special__sportsjunior #recipe:before, body.special__sportsjunior #oyakudachi:before { content: ''; display: block; height: 100px; margin-top: -100px; }

@media (max-width: 767px) { body.special__sportsjunior #recipe:before, body.special__sportsjunior #oyakudachi:before { content: none; } }

body.special__sportsjunior #recipe .bg, body.special__sportsjunior #oyakudachi .bg { padding: 60px 0 0; }

body.special__sportsjunior #oyakudachi { margin: 0 calc(50% - 50vw); }

body.special__sportsjunior #oyakudachi .bg { background-color: #F5F5F5; padding: 60px 0; }

body.special__sportsjunior .grid .row .col:nth-child(2) { padding-left: 0; }

body.special__sportsjunior .sportsjunior-detail { padding: 60px 0 0; }

body.special__sportsjunior .sportsjunior-detail .sportsjunior-list { padding: 0; }

body.special__sportsjunior .sportsjunior-detail.more-box { padding: 0; }

body.special__sportsjunior .sportsjunior-detail.bg-gray { padding: 60px 0; }

body.special__sportsjunior .sportsjunior-detail:first-child { padding: 0; }

body.special__sportsjunior .sportsjunior-detail#recipe, body.special__sportsjunior .sportsjunior-detail#oyakudachi { padding: 0; }

body.special__sportsjunior .special-child-page-head h1 { position: relative; display: inline-block; padding: 0 25px; }

body.special__sportsjunior .special-child-page-head h1:before, body.special__sportsjunior .special-child-page-head h1:after { content: '−'; position: absolute; top: 0; }

body.special__sportsjunior .special-child-page-head h1:before { left: 0; }

body.special__sportsjunior .special-child-page-head h1:after { right: 0; }

body.special__sportsjunior article { margin: 100px 0 0; }

body.special__sportsjunior .link-button { width: 190px; margin: 80px auto; }

body.special__sportsjunior .link-button .link { line-height: 20px; padding: 13px; }

@media (max-width: 767px) { body.special__sportsjunior .link-button .link { padding: 7px; } }

.sportsjunior-list__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 45px 10px; }

@media (max-width: 767px) { .sportsjunior-list__container { gap: 70px 10px; } }

.sportsjunior-list__container > li { width: calc((100% - 20px) / 3); }

@media (max-width: 767px) { .sportsjunior-list__container > li { width: calc((100% - 20px) / 2); } }

.sportsjunior-list__container a { text-decoration: none; }

.sportsjunior-list__container .thumbnail { margin-bottom: 12px; display: block; position: relative; overflow: hidden; }

.sportsjunior-list__container .thumbnail > img { width: 100%; aspect-ratio: 293 / 208; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; }

.sportsjunior-list__container .thumbnail > img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

@media (max-width: 767px) { .sportsjunior-list__container .thumbnail > img { aspect-ratio: 484 / 343; } }

.sportsjunior-list__container .thumbnail::after { content: attr(data-c); color: #fff; font-size: 3.5rem; font-weight: bold; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.sportsjunior-list__container .country { display: block; text-align: left; margin-bottom: 5px; }

.sportsjunior-list__container .country > span { position: relative; padding: 0 15px; font-size: 16px; line-height: 19px; display: inline-block; }

.sportsjunior-list__container .country > span:before, .sportsjunior-list__container .country > span:after { content: '−'; top: 0; position: absolute; }

.sportsjunior-list__container .country > span:before { left: 0; }

.sportsjunior-list__container .country > span:after { right: 0; }

.sportsjunior-list__container .title { font-size: 18px; line-height: 21px; display: block; text-align: left; }

@media (min-width: 768px) { .sportsjunior-list__container .thumbnail::after { font-size: 36px; }
  .sportsjunior-list__container .title { font-size: 18px; } }

@media (max-width: 767px) { .sportsjunior-list__container > li:nth-child(2n+1) { margin-left: 0px; } }

.sportsjunior-detail { margin: 0 0 60px; }

.sportsjunior-detail.more-box { position: relative; margin: 0 calc(50% - 50vw); background-color: #527586; }

@media (max-width: 767px) { .sportsjunior-detail.more-box { padding-bottom: 10rem; } }

.sportsjunior-detail.more-box .show-more { color: #ffffff; margin: 30px auto 0; padding: 0 0 28px; }

@media (max-width: 767px) { .sportsjunior-detail.more-box .show-more { margin: 20px auto 0; } }

.sportsjunior-detail.more-box .show-more:before { content: 'MORE'; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.sportsjunior-detail.more-box .show-more:after { content: url(../images/common/arrow_downward_white.svg); top: 15px; }

.sportsjunior-detail.more-box .show-more.close:before { content: 'CLOSE'; top: 0; }

.sportsjunior-detail.more-box .show-more.close:after { content: url(../images/common/arrow_upward_white.svg); top: -20px; }

.sportsjunior-detail .text-box { max-width: 630px; margin: 0 auto; position: relative; z-index: 1; }

.sportsjunior-detail .text-box2 { margin: 0 auto; border-top: 1px solid #ffffff; padding: 20px 0; }

.sportsjunior-detail .text-box3 { max-width: 602px; margin: 0 auto; position: relative; z-index: 1; }

@media (max-width: 767px) { .sportsjunior-detail .text-box3 { max-width: 330px; } }

.sportsjunior-detail .text-box4 { max-width: 680px; margin: 0 auto; position: relative; z-index: 1; font-size: 0.9rem; padding-bottom: 80px; }

@media (max-width: 767px) { .sportsjunior-detail .text-box4 { max-width: 380px; padding-bottom: 20px; } }

.sportsjunior-detail .text-box4 p { margin-bottom: 40px; }

@media (max-width: 767px) { .sportsjunior-detail .text-box4 p { margin-bottom: 20px; font-size: 1.2rem; } }

.sportsjunior-detail .text-box5 { margin: 0 auto; position: relative; z-index: 1; font-size: 1.1rem; text-align: center; }

.sportsjunior-detail .text-box5 ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 767px) { .sportsjunior-detail .text-box5 ul { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin: 0 auto; } }

.sportsjunior-detail .text-box5 li { width: 21%; margin: 0 40px 0 0; }

@media (max-width: 767px) { .sportsjunior-detail .text-box5 li { width: calc(100% / 2); margin-right: 0px; } }

.sportsjunior-detail .text-box5 li img { max-width: 100%; margin-bottom: 20px; }

@media (max-width: 767px) { .sportsjunior-detail .text-box5 li img { max-width: 92%; margin: 25px 5px 10px 5px; } }

.sportsjunior-detail .text-box5 li p { font-size: 0.8rem; font-weight: 600; line-height: 1.4; }

@media (max-width: 767px) { .sportsjunior-detail .text-box5 li p { font-size: 1.3rem; max-width: 100%; margin: 0 auto; } }

.sportsjunior-detail .text-box5 li a { text-decoration: none; }

.sportsjunior-detail .text-box5 li .mb5 { margin-bottom: 0.8rem; }

@media (max-width: 767px) { .sportsjunior-detail .text-box5 li .mb5 { margin-bottom: 1rem; } }

.sportsjunior-detail .text-box5 .comment { font-size: 0.8rem; margin-top: 10px; margin-bottom: 80px; }

@media (max-width: 767px) { .sportsjunior-detail .text-box5 .comment { font-size: 1rem; margin-top: 20px; margin-bottom: 0px; } }

@media (max-width: 767px) { .sportsjunior-detail .text-box5 .title img { width: 55%; margin-top: 40px; } }

.sportsjunior-detail.bg-gray { margin: 0 calc(50% - 50vw); background-color: #F7F8F8; }

.sportsjunior-detail__data { margin: 10px 0 60px 0; border-top: 1px solid #000; position: relative; }

@media (max-width: 767px) { .sportsjunior-detail__data { margin-bottom: 50px; } }

.sportsjunior-detail__data:not(:first-child) { margin-top: 2.5rem; }

.sportsjunior-detail__data dt { padding: 0.5rem 1rem; background-color: #000; color: #fff; font-size: 1rem; font-weight: 600; top: -1rem; position: relative; display: inline-block; }

@media (min-width: 768px) { .sportsjunior-detail__data dt { padding: 5px 20px; font-size: 12px; top: -11px; } }

.sportsjunior-detail__data .ingredients { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5px; margin-bottom: 10px; }

.sportsjunior-detail__data .ingredients::after { content: ''; border-top: 1px dotted; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.sportsjunior-detail__data .ingredient1 { margin-right: 10px; }

.sportsjunior-detail__data .ingredient1-1 { margin-right: 10px; }

@media (max-width: 767px) { .sportsjunior-detail__data .ingredient1-1 { font-size: 14px; } }

.sportsjunior-detail__data .ingredient2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 10px; }

.sportsjunior-detail__header { margin-bottom: 115px; }

.sportsjunior-detail__header#energy-table { margin: 40px 0; }

.sportsjunior-detail__header#energy-table:before { content: ""; display: block; height: 100px; margin: -100px 0 0; }

.sportsjunior-detail__header .entryTitle { margin: 35px 0; text-align: center; }

.sportsjunior-detail__header .entryTitle .txt1 { font-size: 24px; line-height: 28px; padding: 35px 30px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; font-weight: 600; }

.sportsjunior-detail__header .entryTitle .txt2 { margin: 1rem 0 4rem 0; font-size: 1.5rem; font-weight: 600; line-height: 1.1; }

@media (max-width: 767px) { .sportsjunior-detail__header .entryTitle .txt2 { margin-bottom: 3rem; } }

.sportsjunior-detail__header .entryTitle2 { text-align: center; }

.sportsjunior-detail__header .entryTitle2 .txt1 { font-size: 16px; margin: 30px 0 10px 0; text-align: center; }

.sportsjunior-detail__header .border_sportsjunior { max-width: 350px; text-align: center; margin: auto; border-color: #ffffff; }

.sportsjunior-detail .question-box { position: relative; padding: 80px 0 0; }

.sportsjunior-detail .question-box p { font-size: 18px; line-height: 30px; }

.sportsjunior-detail .question-box .taisyo { margin: 20px 0 0 0; font-size: 15px; }

.sportsjunior-detail .question-box .taisyo span { font-size: 13px; background-color: #000000; padding: 5px; color: #ffffff; margin-right: 5px; }

.sportsjunior-detail .question-box:before { content: 'Q'; position: absolute; top: 0; left: 0; font-size: 40px; color: #F264B5; font-weight: 600; }

.sportsjunior-detail .answer-box { margin: 50px 0 0; padding: 80px 0 0; position: relative; }

@media (min-width: 768px) { .sportsjunior-detail .answer-box { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-rule: dotted 2px #000000; -moz-column-rule: dotted 2px #000000; column-rule: dotted 2px #000000; -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; } }

.sportsjunior-detail .answer-box p { font-size: 16px; line-height: 25px; }

.sportsjunior-detail .answer-box p:not(:last-child) { margin-bottom: 30px; }

.sportsjunior-detail .answer-box:before { content: 'A'; position: absolute; top: 0; left: 0; font-size: 40px; color: #7474E2; font-weight: 600; }

.sportsjunior-detail .oyakudachi-text-box { position: relative; }

@media (min-width: 768px) { .sportsjunior-detail .oyakudachi-text-box { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-rule: dotted 2px #000000; -moz-column-rule: dotted 2px #000000; column-rule: dotted 2px #000000; -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; } }

.sportsjunior-detail .oyakudachi-text-box p { font-size: 16px; line-height: 25px; }

.sportsjunior-detail .oyakudachi-text-box p:not(:last-child) { margin-bottom: 30px; }

.sportsjunior-detail .oyakudachi-text-box + .oyakudachi-text-box { margin: 60px 0 0; }

.sportsjunior-detail p.oyakudachi-head { margin: 100px 0 30px; border-left: 3px solid #3E3E87; font-size: 18px; line-height: 21px; padding: 0 0 0 10px; color: #3E3E87; font-weight: 600; }

.sportsjunior-detail__content .small-head { text-align: center; margin: 28px 0 0; }

.sportsjunior-detail__content .small-head span { padding: 28px 10px; border-top: 1px solid; border-bottom: 1px solid; text-align: center; font-size: 21px; line-height: 25px; }

.sportsjunior-detail__content .recipe-box-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px 0; margin: 100px 0; }

@media (max-width: 767px) { .sportsjunior-detail__content .recipe-box-wrap { gap: 100px 0 60px; } }

.sportsjunior-detail__content .recipe-box-wrap.recommend ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sportsjunior-detail__content .recipe-box-wrap.recommend li { display: inline-block; width: calc((100% - 20px) / 3); }

@media (max-width: 767px) { .sportsjunior-detail__content .recipe-box-wrap.recommend li { width: calc((100% - 10px) / 2); } }

.sportsjunior-detail__content .recipe-box-wrap.recommend li a { width: 100%; display: block; overflow: hidden; }

.sportsjunior-detail__content .recipe-box-wrap.recommend li a > img { width: 100%; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; }

.sportsjunior-detail__content .recipe-box-wrap.recommend li a > img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

.sportsjunior-detail__content .recipe-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0 110px; }

@media (max-width: 767px) { .sportsjunior-detail__content .recipe-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.sportsjunior-detail__content .recipe-box > div, .sportsjunior-detail__content .recipe-box > figure { width: calc((100% - 110px) / 2); }

@media (max-width: 767px) { .sportsjunior-detail__content .recipe-box > div, .sportsjunior-detail__content .recipe-box > figure { width: 100%; } }

@media (max-width: 767px) { .sportsjunior-detail__content .recipe-box > figure { text-align: center; } }

.sportsjunior-detail__content .recipe-text p:not(.recipe) { margin-bottom: 35px; font-size: 16px; line-height: 25px; }

.sportsjunior-detail__content .recipe { border-left: 3px solid #3E3E87; font-size: 18px; line-height: 21px; padding: 0 0 0 10px; margin: 0 0 15px; color: #3E3E87; font-weight: 600; }

.sportsjunior-detail__content .sippitu-group { margin: 80px 0; border-top: 1px solid #000000; padding: 30px 0 0; }

.sportsjunior-detail__content .sippitu-group .title { display: inline-block; color: #ffffff; background-color: #000000; padding: 5px 10px; font-size: 13px; margin: 0 0 30px; }

.sportsjunior-detail__content .sippitu-group p { font-size: 18px; }

.sportsjunior-detail__graph .graph-title, .sportsjunior-detail__graph .table-title { text-align: center; margin: 30px 0; }

.sportsjunior-detail__graph .graph-title span, .sportsjunior-detail__graph .table-title span { padding: 10px 10px; border-bottom: 1px solid #000000; font-size: min(14px, 3.5vw); }

.sportsjunior-detail__graph .graph-title p, .sportsjunior-detail__graph .table-title p { font-size: min(14px, 3.5vw); text-align: center; }

.sportsjunior-detail__graph .graph-attention { font-size: 11px; margin-top: 5px; margin-bottom: 40px; }

.sportsjunior-detail__graph .graph-attention p { text-align: right; }

.sportsjunior-detail__graph .table-col-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 10px; }

@media (max-width: 767px) { .sportsjunior-detail__graph .table-col-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.sportsjunior-detail__graph .table-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.sportsjunior-detail__graph table { font-size: 14px; }

.sportsjunior-detail__graph table.w30p { width: calc((95% - 20px) / 2); }

@media (max-width: 767px) { .sportsjunior-detail__graph table.w30p { width: 100%; } }

.sportsjunior-detail__graph table td { font-size: 14px; text-align: left; line-height: 18px; }

.sportsjunior-detail__graph .w5p { width: 5%; }

@media (max-width: 767px) { .sportsjunior-detail__graph .w5p { width: 100%; } }

.sportsjunior-detail__graph .w5p > img { width: 80%; }

@media (max-width: 767px) { .sportsjunior-detail__graph .w5p > img { width: 50%; margin: 20px 0; } }

.sportsjunior-detail .content-inner .sportsjunior-detail-header { display: -webkit-box; display: -ms-flexbox; display: flex; }

.sportsjunior-detail .content-inner .sportsjunior-detail-header .sportsjunior-detail-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 65%; padding: 0 65px 0 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; gap: 22px 0; }

@media (max-width: 767px) { .sportsjunior-detail .content-inner .sportsjunior-detail-header .sportsjunior-detail-text { width: 50%; padding: 50px 25px 50px 0; } }

.sportsjunior-detail .content-inner .sportsjunior-detail-header .sportsjunior-detail-text .single-header2__food { font-size: 21px; font-weight: 600; display: block; color: #ffffff; }

@media (max-width: 767px) { .sportsjunior-detail .content-inner .sportsjunior-detail-header .sportsjunior-detail-text .single-header2__food { font-size: 16px; } }

@media (max-width: 430px) { .sportsjunior-detail .content-inner .sportsjunior-detail-header .sportsjunior-detail-text .single-header2__food { font-size: 14px; } }

.sportsjunior-detail .content-inner .sportsjunior-detail-header .sportsjunior-detail-text .single-header2__food2 { font-size: 36px; line-height: 43px; font-weight: 600; display: block; color: #ffffff; }

@media (max-width: 767px) { .sportsjunior-detail .content-inner .sportsjunior-detail-header .sportsjunior-detail-text .single-header2__food2 { font-size: 22px; line-height: 32px; } }

@media (max-width: 430px) { .sportsjunior-detail .content-inner .sportsjunior-detail-header .sportsjunior-detail-text .single-header2__food2 { font-size: 19px; } }

.sportsjunior-detail .content-inner .sportsjunior-detail-header .sportsjunior-detail-image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; overflow: hidden; }

@media (max-width: 767px) { .sportsjunior-detail .content-inner .sportsjunior-detail-header .sportsjunior-detail-image { -webkit-box-flex: 0; -ms-flex: none; flex: none; } }

.sportsjunior-detail .content-inner .sportsjunior-detail-header .sportsjunior-detail-image img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; }

.sportsjunior-detail .sports_contents { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; margin: 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 66px 15px; }

@media (max-width: 767px) { .sportsjunior-detail .sports_contents { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.sportsjunior-detail .sports_contents > div { text-align: left; position: relative; width: calc((100% - 30px) / 3); }

@media (max-width: 767px) { .sportsjunior-detail .sports_contents > div { width: 100%; } }

.sportsjunior-detail .sports_contents > div .title { font-weight: 600; font-size: 18px; line-height: 21px; text-align: center; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 5px 0; color: #ffffff; }

.sportsjunior-detail .sports_contents > div::before { position: absolute; width: 64px; height: 63px; top: -30px; left: calc(50% - 30px); display: block; content: ""; }

.sportsjunior-detail .sports_contents > div .mb3 .subhead { margin: 25px 0 5px; }

.sportsjunior-detail .sports_contents > div .subhead { margin: 32px 0 5px; }

.sportsjunior-detail .sports_contents > div .subhead > span { font-size: 13px; line-height: 15px; padding: 5px; color: #ffffff; }

.sportsjunior-detail .sports_contents > div .subhead + p { font-size: 16px; line-height: 25px; margin: 0; }

.sportsjunior-detail .sports_contents .sports_gitem .subhead > span, .sportsjunior-detail .sports_contents .sports_gitem .title { background-color: #7CA476; }

.sportsjunior-detail .sports_contents .sports_pitem .subhead > span, .sportsjunior-detail .sports_contents .sports_pitem .title { background-color: #DA9CA7; }

.sportsjunior-detail .sports_contents .sports_britem .subhead > span, .sportsjunior-detail .sports_contents .sports_britem .title { background-color: #B49C59; }

.sportsjunior-detail .sports_contents .sports_bitem .subhead > span, .sportsjunior-detail .sports_contents .sports_bitem .title { background-color: #92AAB7; }

.sportsjunior-detail .sports_contents .sports_bitem .title { font-size: 14px; line-height: 18px; }

.sportsjunior-detail .sports_contents .sports_puitem .subhead > span, .sportsjunior-detail .sports_contents .sports_puitem .title { background-color: #A680A5; }

.sportsjunior-detail .caption { margin-right: 45px; }

.sportsjunior-detail a.button-more-detail-happy { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 0.5rem; width: 11rem; min-height: 1.5rem; border: 1px solid #000000; border-radius: 2px; font-size: 0.8rem; text-decoration: none; background-color: #fff; }

.sportsjunior-detail a.button-more-detail-happy::after { position: absolute; right: .5rem; top: 50%; margin-top: -2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); height: 4px; width: 4px; border: solid #000; border-width: 0 1px 1px 0; content: ''; }

@media (min-width: 768px) { .sportsjunior-detail a.button-more-detail-happy { height: 35px; width: 160px; border-width: 2px; border-radius: 6px; font-size: 14px; -webkit-transition: .2s; transition: .2s; }
  .sportsjunior-detail a.button-more-detail-happy::after { margin-top: -3px; height: 6px; width: 6px; border-width: 0 2px 2px 0; }
  .sportsjunior-detail a.button-more-detail-happy:hover { background-color: #000; color: #fff; }
  .sportsjunior-detail a.button-more-detail-happy:hover::after { border-color: #fff; } }

.block-information .sportsjunior-detail a.button-more-detail-happy { border-color: #fff; color: #fff; }

.block-information .sportsjunior-detail a.button-more-detail-happy::after { border-color: #fff; }

.block-information .sportsjunior-detail a.button-more-detail-happy:hover { background: transparent; }

.sportsjunior-detail .sub { position: relative; bottom: 1px; font-size: 0.7em; }

.sportsjunior-detail .footnote { font-size: 12px; margin-top: 30px; }

.mb { margin-bottom: 50px; }

@media (max-width: 767px) { .mb { margin-bottom: 40px; } }

.mb3 { margin-bottom: 20px; }

.mb4 { margin-bottom: 40px; }

.mb5 { margin: 12px 0 0; font-size: 18px; }

.mt15 { margin-top: 15px; }

.mb-title { margin-bottom: 30px; }

@media (max-width: 767px) { .mb-title { margin-bottom: 60px; } }

.pd { padding-bottom: 40px; }

.img-center { width: 500px; text-align: center; margin: auto; padding-top: 10px; padding-bottom: 40px; }

@media (max-width: 767px) { .img-center { width: 80%; padding-bottom: 30px; } }

.img-center2 { text-align: center; margin: auto; }

.sj-more { margin-top: 78px; padding-bottom: 30px; color: #ffffff; }

@media (max-width: 767px) { .sj-more { margin-top: 30px; } }

.more-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0 80px; font-size: 16px; line-height: 25px; }

@media (max-width: 767px) { .more-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.more-col > div, .more-col > figure { width: calc((100% - 80px) / 2); }

@media (max-width: 767px) { .more-col > div, .more-col > figure { width: 100%; } }

.more-col > div.text-box { margin: 32px 0 0; }

.more-col .font-small { font-size: 12px; }

.f-width .caption { font-size: 11px; text-align: left; margin-top: 0.6rem; margin-bottom: 0.2rem; }

.f-width .caption2 { font-size: 11px; text-align: right; margin-top: 0.2rem; margin-bottom: 40px; }

.f-width .caption3 { font-size: 0.7rem; text-align: right; margin-top: 1.2rem; margin-bottom: 8rem; }

@media (max-width: 767px) { .f-width .caption3 { text-align: left; font-size: 1.1rem; } }

.f-width .l-image { width: 100%; }

@media (max-width: 767px) { .f-width .l-image { overflow-x: scroll; }
  .f-width .l-image img { width: 900px; max-width: none; } }

.sports-none { display: none; }

.sports-block { display: block; }

.sports_stitle { text-align: center; margin-top: 80px; }

.sports_stitle .txt1 { font-size: 1.2rem; font-weight: 600; line-height: 1.1; margin: 30px 0 10px 0; }

@media (max-width: 767px) { .sports_stitle .txt1 { margin-top: 0px; font-size: 1.8rem; } }

.sippitu { font-size: 15px; line-height: 25px; text-align: center; }

.sp-none { display: inline; }

@media (max-width: 767px) { .sp-none { display: none; } }

.pc-none { display: none; }

@media (max-width: 767px) { .pc-none { display: inline; } }

@media (max-width: 767px) { .graph-title { margin-top: 10px; } }

@media (max-width: 767px) { .graph-mg { margin-bottom: 30px; } }

@media (max-width: 767px) { .graph-mg2 { margin-bottom: 30px; } }

.sports__data { margin: 10px 0 40px 0; position: relative; }

.sports__data dt { font-size: 13px; line-height: 15px; padding: 5px 10px; background-color: #000; color: #fff; display: inline-block; }

.sports__data .ingredients { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 25px; }

.sports__data .ingredients::after { content: ''; border-top: 1px dotted; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.sports__data .ingredient1 { margin-right: 10px; font-size: 16px; }

@media (max-width: 767px) { .sports__data .ingredient1-2 { font-size: 14px; } }

.sports__data .ingredient1-3 { font-size: 15px; }

@media (max-width: 767px) { .sports__data .ingredient1-3 { font-size: 12.6px; } }

.sports__data .ingredient2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 10px; }

.sports__data .ingredient2-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 10px; }

@media (max-width: 767px) { .sports__data .ingredient2-2 { font-size: 14px; } }

.sports__data .ingredient2-3 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 10px; font-size: 15px; }

@media (max-width: 767px) { .sports__data .ingredient2-3 { font-size: 14px; } }

.mt-img { margin-top: 270px; }

@media (max-width: 767px) { .mt-img { margin-top: 0px; } }

.mt-img2 { margin-top: 470px; }

@media (max-width: 767px) { .mt-img2 { margin-top: 0px; } }

.fontsize-small { font-size: 0.8rem; }

@media (max-width: 767px) { .fontsize-small { font-size: 0.7rem; } }

.table-title1 { padding: 6px; background-color: #b1e2ef; text-align: center; height: 16px; }

.table-title2 { padding: 6px; background-color: #f7ab54; text-align: center; height: 16px; }

.table-title3 { padding: 6px; background-color: #eaadae; text-align: center; height: 16px; }

.table-title4 { padding: 6px; background-color: #e5e5e5; text-align: center; height: 16px; }

.table-title5 { padding: 6px; background-color: #fbc4bd; text-align: center; height: 16px; }

.table-td { padding: 6px; height: 16px; }

.table-td2 { padding: 6px; height: 16px; vertical-align: middle; }

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

.t-border { border: 1px solid #d3d3d3; }

.td-fsize1 { font-size: 0.75rem; line-height: 1rem; }

@media (max-width: 767px) { .td-fsize1 { font-size: 1rem; line-height: 1.2rem; } }

.td-fsize2 { font-size: 0.7rem; line-height: 1rem; }

@media (max-width: 767px) { .td-fsize2 { font-size: 1rem; line-height: 1.2rem; } }

.td-bbottom { border-bottom: 2px #d3d3d3 solid; }

.td-bbottom-dot { border-bottom: 2px #d3d3d3 dotted; }

.td-ver-middle { vertical-align: middle; }

.more-list { padding-bottom: 6rem; }

@media (max-width: 767px) { .more-list { padding-bottom: 6rem; } }

.oyakudachi { margin-top: 60px; }

.oyakudachi table th, .oyakudachi table tr, .oyakudachi table td { border: 1px solid #d3d3d3; font-size: 0.75rem; line-height: 1rem; padding: 6px 18px; height: 16px; word-break: keep-all; }

@media (max-width: 767px) { .oyakudachi table th, .oyakudachi table tr, .oyakudachi table td { font-size: 1.2rem; line-height: 1.5rem; padding: 6px; } }

.oyakudachi table .wrap { word-break: break-word; }

.oyakudachi table .diagonal-line { background-image: linear-gradient(to right bottom, transparent calc(50% - 0.5px), #d3d3d3 50%, #d3d3d3 calc(50% + 0.5px), transparent calc(50% + 1px)); }

.oyakudachi table .horizontal-line { border-top: 1px solid #d3d3d3; width: 50%; margin: 5px auto; }

.oyakudachi.container { max-width: 900px; margin: 0 auto; position: relative; z-index: 1; font-size: 0.9rem; padding-bottom: 80px; }

.oyakudachi .table-wrapper p { font-size: 14px; }

.oyakudachi .table-wrapper p:first-child { text-align: center; }

@media (max-width: 767px) { .oyakudachi .table-wrapper { overflow-x: auto; white-space: nowrap; } }

.oyakudachi .table-wrapper table th, .oyakudachi .table-wrapper table td { font-size: 14px; }

.oyakudachi .tanpakushitsu-table { margin-top: 20px; }

.oyakudachi .tanpakushitsu-table th, .oyakudachi .tanpakushitsu-table tr, .oyakudachi .tanpakushitsu-table td { border: 1px solid #d3d3d3; font-size: 14px; line-height: 18px; padding: 6px 18px; height: 16px; word-break: keep-all; text-align: left; }

@media (max-width: 767px) { .oyakudachi .tanpakushitsu-table th, .oyakudachi .tanpakushitsu-table tr, .oyakudachi .tanpakushitsu-table td { padding: 6px; } }

.oyakudachi .tanpakushitsu-table th { background-color: #fbc4bd; }

.oyakudachi .tanpakushitsu-table .wrap { word-break: break-word; }

.oyakudachi .title-text { border-left: 3px solid #3E3E87; font-size: 18px; line-height: 21px; padding: 0 0 0 10px; margin: 0 0 15px; color: #3E3E87; font-weight: 600; }

.oyakudachi .bold { font-weight: 600; }

.oyakudachi .small-text { font-size: small; }

.oyakudachi .td-right { text-align: right; }

.oyakudachi.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 100px 40px; }

@media (max-width: 767px) { .oyakudachi.flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 60px 0; gap: 30px 0; } }

.oyakudachi.flex > div { margin: 30px; }

@media (max-width: 767px) { .oyakudachi.flex > div { margin: 0; width: 100%; } }

.oyakudachi .flex-table { width: 400px; }

@media (max-width: 767px) { .oyakudachi .flex-table { width: 100%; } }

.oyakudachi .graph-wrapper { margin: 30px; text-align: center; }

.oyakudachi .graph-wrapper p { font-size: 14px; text-align: center; }

.text-box4 + .oyakudachi { margin-top: -50px; }

@media (max-width: 767px) { .text-box4 + .oyakudachi { margin-top: 0; } }

div.heatstroke { margin: 60px 0; }

div.heatstroke .txt-box { border: solid 3.2px #0079C1; border-radius: 30px; display: inline-block; margin: 15px; padding: 5px 20px; }

div.heatstroke .txt { font-size: 1.2em; color: #0079C1; font-weight: bolder; letter-spacing: 5px; text-shadow: 0.2px 0.2px 0, 0.2px -0.2px 0px,-0.2px 0.2px 0,-0.2px -0.2px 0px,0.2px 0px 0px,0px 0.2px 0px,-0.3px 0px 0px,0px -0.2px 0px; }

div.heatstroke .side-txt-box1 { border: solid 1px; border-radius: 30px; margin: 0px; padding: 5px; }

div.heatstroke .side-txt-box2 { border: solid 1px; border-radius: 30px; margin: 0px; padding: 5px; }

div.heatstroke .side-txt1 { font-size: 0.8em; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; -ms-writing-mode: tb-rl; text-orientation: upright; }

div.heatstroke .side-txt2 { font-size: 0.8em; position: relative; top: 30px; }

div.heatstroke table td { border: 1px solid; border-bottom: 2px solid; font-size: 0.75rem; line-height: 1rem; height: 120px; vertical-align: middle; }

div.heatstroke table .heatstroke-td { border: 1px solid; padding: 2px; vertical-align: baseline; }

div.heatstroke table .heatstroke-td1 { border: none; border-bottom: 2px solid; padding: 2px; }

div.heatstroke table .heatstroke-td2 { border: none; border-bottom: 2px solid; padding: 8px; }

div.heatstroke table .heatstroke-td3 { word-break: keep-all; padding: 6px 18px; }

div.heatstroke table .heatstroke-td4 { text-align: left; padding: 6px 6px; }

div.heatstroke table .heatstroke-td5 { height: 60px; border: none; vertical-align: baseline; }

div.heatstroke table .heatstroke-td6 { height: 60px; border: none; vertical-align: bottom; }

div.heatstroke .heatstroke-table { display: -webkit-box; display: -ms-flexbox; display: flex; }

div.heatstroke .heatstroke-table .heatstroke-table-side { border-collapse: separate; }

div.heatstroke .heatstroke-table .heatstroke-table-side tr:first-child td { border-radius: 30px 30px 0 0; }

div.heatstroke .heatstroke-table .heatstroke-table-side tr:last-child td { border-radius: 0 0 30px 30px; }

div.heatstroke .triangle-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 25px solid #78a4bd; margin: 20px 5px 10px 5px; }

div.heatstroke .triangle-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 25px solid #78a4bd; margin: 10px 5px 20px 5px; }

div.heatstroke .side-triangle-up { width: 0; height: 0; border-top: 5px solid transparent; border-right: 5px solid #6B6B6E; border-bottom: 0px solid transparent; margin: 0; }

div.heatstroke .side-triangle-down { width: 0; height: 0; border-top: 0px solid transparent; border-right: 5px solid #6B6B6E; border-bottom: 5px solid transparent; margin: 0; }

div.heatstroke .heatstroke-txt { font-size: 1.2em; font-weight: bolder; line-height: 25px; }

div.heatstroke .heatstroke-txt-sub { font-size: 0.8em; font-weight: bolder; }

.graph .graph-box { margin-bottom: 40px; }

.graph .graph-box .graph_title { margin-bottom: 0.8rem; text-align: center; }

.graph .graph-box .graph-name-box { margin-bottom: 0.8rem; font-size: 0.7rem; display: inline-block; padding: 0 10px; border: 1px solid #a9a9a9; }

@media (max-width: 767px) { body.special__happy-amani .content-inner { padding: 0; } }

body.special__happy-amani main p { text-align: center; }

body.special__happy-amani .breadcrumb { position: absolute; }

body.special__happy-amani article { background-color: #ffe6f0; }

body.special__happy-amani article .single-header3__titlehappy { text-align: center; }

body.special__happy-amani article .single-header3__container_happy { text-align: center; }

body.special__happy-amani a.button-more-detail-happy { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 0.5rem; width: 11rem; min-height: 1.5rem; border: 1px solid #000000; border-radius: 2px; font-size: 0.8rem; text-decoration: none; background-color: #fff; }

body.special__happy-amani a.button-more-detail-happy::after { position: absolute; right: .5rem; top: 50%; margin-top: -2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); height: 4px; width: 4px; border: solid #000; border-width: 0 1px 1px 0; content: ''; }

@media (min-width: 768px) { body.special__happy-amani a.button-more-detail-happy { height: 35px; width: 160px; border-width: 2px; border-radius: 6px; font-size: 14px; -webkit-transition: .2s; transition: .2s; }
  body.special__happy-amani a.button-more-detail-happy::after { margin-top: -3px; height: 6px; width: 6px; border-width: 0 2px 2px 0; }
  body.special__happy-amani a.button-more-detail-happy:hover { background-color: #000; color: #fff; }
  body.special__happy-amani a.button-more-detail-happy:hover::after { border-color: #fff; } }

.block-information body.special__happy-amani a.button-more-detail-happy { border-color: #fff; color: #fff; }

.block-information body.special__happy-amani a.button-more-detail-happy::after { border-color: #fff; }

.block-information body.special__happy-amani a.button-more-detail-happy:hover { background: transparent; }

@media (max-width: 767px) { body.special__happy-amani .single-header_happy { height: 15rem; } }

body.special__happy-amani .single-header3__container_happy2 .single-header3__enworld5 { white-space: nowrap; font-size: 16px; text-align: center; }

@media (max-width: 767px) { body.special__happy-amani .single-header3__container_happy2 .single-header3__enworld5 { font-size: 1.1rem; } }

.happy-amani-detail .text-box { max-width: 560px; margin: 0 auto; position: relative; z-index: 1; font-size: 1.1rem; text-align: center; }

.happy-amani-detail .text-box p { font-family: "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS Mincho', serif; }

@media (max-width: 767px) { .happy-amani-detail .text-box p { font-size: 1.3rem; } }

.happy-amani-detail .text-box2 { max-width: 500px; margin: 0 auto; position: relative; z-index: 1; }

@media (max-width: 767px) { .happy-amani-detail .text-box2 { max-width: 310px; } }

.happy-amani-detail .text-box3 { max-width: 800px; margin: 0 auto; position: relative; z-index: 1; font-size: 1.1rem; text-align: center; padding-bottom: 100px; }

.happy-amani-detail .text-box3 ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 767px) { .happy-amani-detail .text-box3 ul { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 85%; margin: 0 auto; } }

.happy-amani-detail .text-box3 li { width: 25%; margin: 0 10px 20px 10px; }

@media (max-width: 767px) { .happy-amani-detail .text-box3 li { width: calc(100% / 2); margin: 0 auto; } }

.happy-amani-detail .text-box3 li img { max-width: 90%; margin-bottom: 20px; }

@media (max-width: 767px) { .happy-amani-detail .text-box3 li img { max-width: 74%; margin: 35px 0 10px 0; } }

.happy-amani-detail .text-box3 li p { font-size: 0.8rem; font-weight: 600; line-height: 1.4; }

@media (max-width: 767px) { .happy-amani-detail .text-box3 li p { font-size: 1.3rem; max-width: 80%; margin: 0 auto; } }

.happy-amani-detail .text-box3 li .font-small { font-size: 0.7rem; font-weight: 500; }

@media (max-width: 767px) { .happy-amani-detail .text-box3 li .font-small { font-size: 1.2rem; } }

.happy-amani-detail .text-box3 li a { text-decoration: none; }

.happy-amani-detail .text-box3 li .mb5 { margin: 0 auto 0.5rem; }

@media (max-width: 767px) { .happy-amani-detail .text-box3 li .mb5 { margin-bottom: 1rem; } }

.happy-amani-detail .text-box3 .comment { font-size: 0.8rem; margin-top: 10px; margin-bottom: 80px; }

@media (max-width: 767px) { .happy-amani-detail .text-box3 .comment { font-size: 1rem; margin-top: 20px; margin-bottom: 0px; } }

.happy-amani-detail .text-box3 .title { text-align: center; }

@media (max-width: 767px) { .happy-amani-detail .text-box3 .title img { width: 55%; margin-top: 40px; } }

.happy-amani-detail .text-box4 { max-width: 800px; margin: 0 auto; position: relative; z-index: 1; font-size: 1.1rem; text-align: center; padding-bottom: 40px; }

@media (max-width: 767px) { .happy-amani-detail .text-box4 { padding-bottom: 0px; } }

.happy-amani-detail__content .image { margin-bottom: 30px; text-align: center; }

.happy-amani-detail__content .image img { max-width: 26rem; }

.happy-amani-detail__content .image .caption { margin-top: 1rem; font-size: 0.55rem; }

.happy-amani-detail .content-inner .happy-amani-detail-header { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 767px) { .happy-amani-detail .content-inner .happy-amani-detail-header { display: block; } }

.happy-amani-detail .content-inner .happy-amani-detail-header .happy-amani-detail-text { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 50px 100px 0px 100px; width: 50%; }

@media (max-width: 767px) { .happy-amani-detail .content-inner .happy-amani-detail-header .happy-amani-detail-text { -webkit-box-flex: 0; -ms-flex: none; flex: none; padding: 0px; width: 100%; } }

.happy-amani-detail .content-inner .happy-amani-detail-header .happy-amani-detail-image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; overflow: hidden; }

@media (max-width: 767px) { .happy-amani-detail .content-inner .happy-amani-detail-header .happy-amani-detail-image { -webkit-box-flex: 0; -ms-flex: none; flex: none; } }

.happy-amani-detail .content-inner .happy-amani-detail-header .happy-amani-detail-image img { -o-object-fit: cover; object-fit: cover; }

.happy-amani-detail .happy_contents { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 0 auto; padding: 60px 0; }

@media (min-width: 768px) { .happy-amani-detail .happy_contents { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media (max-width: 767px) { .happy-amani-detail .happy_contents { display: block; padding: 20px 0 0 0; } }

.happy-amani-detail .happy_contents > div { margin-left: 6px; margin-right: 6px; margin-bottom: 65px; padding: 0px 20px 20px 20px; text-align: left; border-radius: 0.4rem; position: relative; }

@media (min-width: 768px) { .happy-amani-detail .happy_contents > div { width: calc(100% / 4 - 20px); } }

@media (max-width: 767px) { .happy-amani-detail .happy_contents > div { margin-bottom: 40px; } }

.happy-amani-detail .happy_contents .happybox1 { background-color: #ffffff; border: 3px #f67396 solid; }

.happy-amani-detail .happy_contents .happybox1 .title { padding: 0.4rem 0.5rem; background-color: #f67396; border-radius: 80px; color: #fff; font-size: 1rem; font-weight: 600; position: relative; display: inline-block; text-align: center; }

@media (min-width: 768px) { .happy-amani-detail .happy_contents .happybox1 .title { font-size: 0.8rem; top: -24px; left: 5%; } }

@media (max-width: 767px) { .happy-amani-detail .happy_contents .happybox1 .title { padding: 0.9rem 1.2rem 0.7rem 1.2rem; font-size: 1.4rem; top: -26px; left: 32%; line-height: 1.6rem; } }

.happy-amani-detail .happy_contents .happybox1 .title .small { font-size: 0.7rem; }

@media (max-width: 767px) { .happy-amani-detail .happy_contents .happybox1 .title .small { font-size: 1.2rem; } }

.happy-amani-detail .happy_contents .happybox1 p { line-height: 1.4; }

.happy-amani-detail .happy_contents .happybox2 { background-color: #ffffff; border: 3px #5ac0e4 solid; }

.happy-amani-detail .happy_contents .happybox2 .title { padding: 0.4rem 1.4rem; background-color: #5ac0e4; border-radius: 80px; color: #fff; font-size: 1rem; font-weight: 600; position: relative; display: inline-block; text-align: center; }

@media (min-width: 768px) { .happy-amani-detail .happy_contents .happybox2 .title { font-size: 0.8rem; top: -16px; left: 5%; } }

@media (max-width: 767px) { .happy-amani-detail .happy_contents .happybox2 .title { padding: 0.6rem 2.6rem; font-size: 1.4rem; top: -15px; left: 32%; line-height: 1.6rem; } }

.happy-amani-detail .happy_contents .happybox2 p { line-height: 1.4; }

.happy-amani-detail .happy_contents .happybox3 { background-color: #ffffff; border: 3px #7ac843 solid; }

.happy-amani-detail .happy_contents .happybox3 .title { padding: 0.4rem 1.8rem; background-color: #7ac843; border-radius: 80px; color: #fff; font-size: 1rem; font-weight: 600; position: relative; display: inline-block; text-align: center; }

@media (min-width: 768px) { .happy-amani-detail .happy_contents .happybox3 .title { font-size: 0.8rem; top: -16px; left: 5%; } }

@media (max-width: 767px) { .happy-amani-detail .happy_contents .happybox3 .title { padding: 0.6rem 2.6rem; font-size: 1.4rem; top: -15px; left: 32%; line-height: 1.6rem; } }

.happy-amani-detail .happy_contents .happybox3 p { line-height: 1.4; }

.happy-amani-detail .happy_contents .happybox4 { background-color: #ffffff; border: 3px #f34d59 solid; }

.happy-amani-detail .happy_contents .happybox4 .title { padding: 0.4rem 1.8rem; background-color: #f34d59; border-radius: 80px; color: #fff; font-size: 1rem; font-weight: 600; position: relative; display: inline-block; text-align: center; }

@media (min-width: 768px) { .happy-amani-detail .happy_contents .happybox4 .title { font-size: 0.8rem; top: -16px; left: 5%; } }

@media (max-width: 767px) { .happy-amani-detail .happy_contents .happybox4 .title { padding: 0.6rem 2.6rem; font-size: 1.4rem; top: -15px; left: 32%; line-height: 1.6rem; } }

.happy-amani-detail .happy_contents .happybox4 p { line-height: 1.4; }

.font-small { font-size: 0.6rem; }

@media (max-width: 767px) { .font-small { font-size: 1.3rem; } }

.movie { background-image: url(/amani1/assets/images/special/happy_06.png); padding: 0px 200px; background-repeat: no-repeat; background-position: right bottom; background-size: 50%; margin-bottom: 150px; }

@media (max-width: 767px) { .movie { background-image: url(/amani1/assets/images/special/happy_16.png); margin-top: 3rem; padding: 1rem 0; background-size: 80%; margin-bottom: 0px; } }

.movie .title { text-align: center; padding-bottom: 30px; margin-top: 10px; }

@media (max-width: 767px) { .movie .title { width: 64%; margin-left: 10px; } }

.movie .youtube { position: relative; width: 60%; padding-top: 40%; margin: 0 auto; border: 5.5px solid #ffffff; }

@media (max-width: 767px) { .movie .youtube { width: 100%; padding-top: 56.25%; } }

.movie .youtube iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

.mother { background-image: url(/amani1/assets/images/special/happy_08.png); padding: 0px 200px; background-repeat: no-repeat; background-position: left bottom; background-size: 50%; }

@media (max-width: 767px) { .mother { background-image: url(/amani1/assets/images/special/happy_17.png); margin-top: 20px; padding: 10px 0; background-size: 80%; } }

.mother .title { width: 55%; margin: 0 auto; text-align: center; }

.mom-comment0 { position: absolute; width: 210px; height: 210px; background-size: 100%; top: 280px; left: calc((50%) - 105px); }

@media (max-width: 767px) { .mom-comment0 { width: 188px; height: 188px; top: 220px; left: calc((50%) - 140px); z-index: 1; } }

.mom-comment1 { position: absolute; width: 210px; height: 210px; background-size: 100%; top: 280px; left: calc((50%) - 105px); }

@media (max-width: 767px) { .mom-comment1 { width: 188px; height: 188px; top: 180px; left: calc((50%) - 140px); z-index: 1; } }

.mom-comment2 { background-image: url(/amani1/assets/images/special/happy_02.png); background-repeat: no-repeat; position: absolute; width: 225px; height: 225px; background-size: 100%; top: 80px; left: calc((50%) - 300px); }

@media (max-width: 767px) { .mom-comment2 { width: 190px; height: 190px; top: 44px; left: calc((50%) - 190px); } }

.mom-comment2 p { font-size: 14px; color: #e15989; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 75%; }

@media (max-width: 767px) { .mom-comment2 p { font-size: 13px; width: 83%; } }

.mom-comment3 { background-image: url(/amani1/assets/images/special/happy_02.png); background-repeat: no-repeat; position: absolute; top: 390px; left: calc((50%) - 360px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .mom-comment3 { width: 190px; height: 190px; top: 380px; left: calc((50%) - 190px); } }

.mom-comment3 p { font-size: 14px; color: #e15989; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 69%; }

@media (max-width: 767px) { .mom-comment3 p { font-size: 13px; width: 76%; } }

.mom-comment4 { background-image: url(/amani1/assets/images/special/happy_02.png); background-repeat: no-repeat; position: absolute; top: 116px; left: calc((50%) - -100px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .mom-comment4 { width: 190px; height: 190px; top: 116px; left: calc((50%) - 0px); } }

.mom-comment4 p { font-size: 14px; color: #e15989; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 56%; }

@media (max-width: 767px) { .mom-comment4 p { font-size: 13px; width: 62%; } }

.mom-comment5 { background-image: url(/amani1/assets/images/special/happy_02.png); background-repeat: no-repeat; position: absolute; top: 430px; left: calc((50%) - -100px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .mom-comment5 { width: 190px; height: 190px; top: 318px; left: calc((50%) - 0px); } }

.mom-comment5 p { font-size: 14px; color: #e15989; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 56%; }

@media (max-width: 767px) { .mom-comment5 p { font-size: 13px; width: 62%; } }

.mom-comment6 { background-image: url(/amani1/assets/images/special/happy_02.png); background-repeat: no-repeat; position: absolute; width: 225px; height: 225px; background-size: 100%; top: 72px; left: calc((50%) - 300px); }

@media (max-width: 767px) { .mom-comment6 { width: 190px; height: 190px; top: 36px; left: calc((50%) - 195px); } }

.mom-comment6 p { font-size: 14px; color: #e15989; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 75%; }

@media (max-width: 767px) { .mom-comment6 p { font-size: 13px; width: 69%; line-height: 18px; } }

.mom-comment7 { background-image: url(/amani1/assets/images/special/happy_02.png); background-repeat: no-repeat; position: absolute; top: 430px; left: calc((50%) - 340px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .mom-comment7 { width: 190px; height: 190px; top: 340px; left: calc((50%) - 190px); } }

.mom-comment7 p { font-size: 14px; color: #e15989; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 75%; }

@media (max-width: 767px) { .mom-comment7 p { font-size: 13px; width: 70%; line-height: 18px; } }

.mom-comment8 { background-image: url(/amani1/assets/images/special/happy_02.png); background-repeat: no-repeat; position: absolute; top: 50px; left: calc((50%) - -40px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .mom-comment8 { width: 190px; height: 190px; top: 70px; left: calc((50%) - -4px); } }

.mom-comment8 p { font-size: 14px; color: #e15989; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 64%; }

@media (max-width: 767px) { .mom-comment8 p { font-size: 13px; width: 69%; line-height: 18px; } }

.mom-comment9 { background-image: url(/amani1/assets/images/special/happy_02.png); background-repeat: no-repeat; position: absolute; top: 240px; left: calc((50%) - -250px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .mom-comment9 { width: 190px; height: 190px; top: 270px; left: calc((50%) - -1px); } }

.mom-comment9 p { font-size: 14px; color: #e15989; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 69%; }

@media (max-width: 767px) { .mom-comment9 p { font-size: 13px; width: 62%; line-height: 18px; } }

.mom-comment10 { background-image: url(/amani1/assets/images/special/happy_02.png); background-repeat: no-repeat; position: absolute; top: 490px; left: calc((50%) - -40px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .mom-comment10 { width: 190px; height: 190px; top: 472px; left: calc((50%) - 30px); } }

.mom-comment10 p { font-size: 14px; color: #e15989; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 69%; }

@media (max-width: 767px) { .mom-comment10 p { font-size: 13px; width: 76%; line-height: 18px; } }

.pc-height { height: 640px; }

@media (max-width: 767px) { .pc-height { height: 520px; } }

.pc-height2 { height: 700px; }

@media (max-width: 767px) { .pc-height2 { height: 810px; } }

@media (max-width: 767px) { body.special__senior .content-inner { padding: 0; } }

body.special__senior main p { text-align: center; }

body.special__senior .breadcrumb { position: absolute; }

body.special__senior .single-header3__container_happy { text-align: center; }

body.special__senior .single-header3__container_happy3 { text-align: center; }

body.special__senior article { background-color: #e9e9f2; }

body.special__senior a.button-more-detail-happy { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 0.5rem; width: 11rem; min-height: 1.5rem; border: 1px solid #000000; border-radius: 2px; font-size: 0.8rem; text-decoration: none; background-color: #fff; }

body.special__senior a.button-more-detail-happy::after { position: absolute; right: .5rem; top: 50%; margin-top: -2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); height: 4px; width: 4px; border: solid #000; border-width: 0 1px 1px 0; content: ''; }

@media (min-width: 768px) { body.special__senior a.button-more-detail-happy { height: 35px; width: 160px; border-width: 2px; border-radius: 6px; font-size: 14px; -webkit-transition: .2s; transition: .2s; }
  body.special__senior a.button-more-detail-happy::after { margin-top: -3px; height: 6px; width: 6px; border-width: 0 2px 2px 0; }
  body.special__senior a.button-more-detail-happy:hover { background-color: #000; color: #fff; }
  body.special__senior a.button-more-detail-happy:hover::after { border-color: #fff; } }

.block-information body.special__senior a.button-more-detail-happy { border-color: #fff; color: #fff; }

.block-information body.special__senior a.button-more-detail-happy::after { border-color: #fff; }

.block-information body.special__senior a.button-more-detail-happy:hover { background: transparent; }

@media (max-width: 767px) { body.special__senior .single-header_happy { height: 15rem; } }

body.special__senior .single-header3__container_happy2 .single-header3__enworld7 { white-space: nowrap; text-align: center; }

.senior-comment0 { position: absolute; width: 210px; height: 210px; background-size: 100%; top: 280px; left: calc((50%) - 105px); }

@media (max-width: 767px) { .senior-comment0 { width: 188px; height: 188px; top: 150px; left: calc((50%) - 94px); z-index: 1; } }

.senior-comment1 { position: absolute; width: 210px; height: 210px; background-size: 100%; top: 280px; left: calc((50%) - 105px); }

@media (max-width: 767px) { .senior-comment1 { width: 188px; height: 188px; top: 180px; left: calc((50%) - 94px); z-index: 1; } }

.senior-comment2 { background-image: url(/amani1/assets/images/special/senior_01.png); background-repeat: no-repeat; position: absolute; width: 225px; height: 225px; background-size: 100%; top: 80px; left: calc((50%) - 300px); }

@media (max-width: 767px) { .senior-comment2 { width: 190px; height: 190px; top: 44px; left: calc((50%) - 190px); } }

.senior-comment2 p { font-size: 14px; color: #662d91; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 75%; }

@media (max-width: 767px) { .senior-comment2 p { font-size: 13px; width: 76%; } }

.senior-comment3 { background-image: url(/amani1/assets/images/special/senior_01.png); background-repeat: no-repeat; position: absolute; top: 390px; left: calc((50%) - 360px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .senior-comment3 { width: 190px; height: 190px; top: 270px; left: calc((50%) - 190px); } }

.senior-comment3 p { font-size: 14px; color: #662d91; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 69%; }

@media (max-width: 767px) { .senior-comment3 p { font-size: 13px; width: 76%; } }

.senior-comment4 { background-image: url(/amani1/assets/images/special/senior_01.png); background-repeat: no-repeat; position: absolute; top: 116px; left: calc((50%) - -100px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .senior-comment4 { width: 190px; height: 190px; top: 25px; left: calc((50%) - 0px); } }

.senior-comment4 p { font-size: 14px; color: #662d91; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 69%; }

@media (max-width: 767px) { .senior-comment4 p { font-size: 13px; width: 76%; } }

.senior-comment5 { background-image: url(/amani1/assets/images/special/senior_01.png); background-repeat: no-repeat; position: absolute; top: 430px; left: calc((50%) - -100px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .senior-comment5 { width: 190px; height: 190px; top: 320px; left: calc((50%) - 0px); } }

.senior-comment5 p { font-size: 14px; color: #662d91; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 56%; }

@media (max-width: 767px) { .senior-comment5 p { font-size: 13px; width: 62%; } }

.senior-comment6 { background-image: url(/amani1/assets/images/special/senior_01.png); background-repeat: no-repeat; position: absolute; width: 225px; height: 225px; background-size: 100%; top: 72px; left: calc((50%) - 300px); }

@media (max-width: 767px) { .senior-comment6 { width: 190px; height: 190px; top: 36px; left: calc((50%) - 195px); } }

.senior-comment6 p { font-size: 14px; color: #662d91; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 75%; }

@media (max-width: 767px) { .senior-comment6 p { font-size: 13px; width: 69%; line-height: 18px; } }

.senior-comment7 { background-image: url(/amani1/assets/images/special/senior_01.png); background-repeat: no-repeat; position: absolute; top: 430px; left: calc((50%) - 340px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .senior-comment7 { width: 190px; height: 190px; top: 310px; left: calc((50%) - 190px); } }

.senior-comment7 p { font-size: 14px; color: #662d91; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 75%; }

@media (max-width: 767px) { .senior-comment7 p { font-size: 13px; width: 70%; line-height: 18px; } }

.senior-comment8 { background-image: url(/amani1/assets/images/special/senior_01.png); background-repeat: no-repeat; position: absolute; top: 50px; left: calc((50%) - -40px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .senior-comment8 { width: 190px; height: 190px; top: 45px; left: calc((50%) - -4px); } }

.senior-comment8 p { font-size: 14px; color: #662d91; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 69%; }

@media (max-width: 767px) { .senior-comment8 p { font-size: 13px; width: 75%; line-height: 18px; } }

.senior-comment9 { background-image: url(/amani1/assets/images/special/senior_01.png); background-repeat: no-repeat; position: absolute; top: 240px; left: calc((50%) - -250px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .senior-comment9 { width: 190px; height: 190px; top: 320px; left: calc((50%) - -1px); } }

.senior-comment9 p { font-size: 14px; color: #662d91; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 69%; }

@media (max-width: 767px) { .senior-comment9 p { font-size: 13px; width: 62%; line-height: 18px; } }

.senior-comment10 { background-image: url(/amani1/assets/images/special/senior_01.png); background-repeat: no-repeat; position: absolute; top: 490px; left: calc((50%) - -40px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .senior-comment10 { width: 190px; height: 190px; top: 500px; left: calc((50%) - 94px); } }

.senior-comment10 p { font-size: 14px; color: #662d91; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 72%; }

@media (max-width: 767px) { .senior-comment10 p { font-size: 13px; width: 76%; line-height: 18px; } }

.pc-height_senior0 { height: 640px; }

@media (max-width: 767px) { .pc-height_senior0 { height: 470px; } }

.pc-height_senior { height: 700px; }

@media (max-width: 767px) { .pc-height_senior { height: 870px; } }

@media (max-width: 767px) { body.special__kids .content-inner { padding: 0; } }

body.special__kids main p { text-align: center; }

body.special__kids .breadcrumb { position: absolute; }

body.special__kids .single-header3__container_happy4 { text-align: center; }

body.special__kids article { background-color: #fef0d8; }

body.special__kids a.button-more-detail-happy { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 0.5rem; width: 11rem; min-height: 1.5rem; border: 1px solid #000000; border-radius: 2px; font-size: 0.8rem; text-decoration: none; background-color: #fff; }

body.special__kids a.button-more-detail-happy::after { position: absolute; right: .5rem; top: 50%; margin-top: -2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); height: 4px; width: 4px; border: solid #000; border-width: 0 1px 1px 0; content: ''; }

@media (min-width: 768px) { body.special__kids a.button-more-detail-happy { height: 35px; width: 160px; border-width: 2px; border-radius: 6px; font-size: 14px; -webkit-transition: .2s; transition: .2s; }
  body.special__kids a.button-more-detail-happy::after { margin-top: -3px; height: 6px; width: 6px; border-width: 0 2px 2px 0; }
  body.special__kids a.button-more-detail-happy:hover { background-color: #000; color: #fff; }
  body.special__kids a.button-more-detail-happy:hover::after { border-color: #fff; } }

.block-information body.special__kids a.button-more-detail-happy { border-color: #fff; color: #fff; }

.block-information body.special__kids a.button-more-detail-happy::after { border-color: #fff; }

.block-information body.special__kids a.button-more-detail-happy:hover { background: transparent; }

body.special__kids .single-header3__container_happy { text-align: center; }

@media (max-width: 767px) { body.special__kids .single-header_happy { height: 15rem; } }

body.special__kids .single-header3__container_happy2 .single-header3__enworld8 { white-space: nowrap; font-size: 16px; text-align: center; }

@media (max-width: 767px) { body.special__kids .single-header3__container_happy2 .single-header3__enworld8 { font-size: 0.9rem; padding-top: 0.8rem; } }

.kids-comment0 { position: absolute; width: 210px; height: 210px; background-size: 100%; top: 180px; left: calc((50%) - 105px); }

@media (max-width: 767px) { .kids-comment0 { width: 188px; height: 188px; top: 150px; left: calc((50%) - 94px); z-index: 1; } }

.kids-comment1 { position: absolute; width: 210px; height: 210px; background-size: 100%; top: 280px; left: calc((50%) - 105px); }

@media (max-width: 767px) { .kids-comment1 { width: 188px; height: 188px; top: 160px; left: calc((50%) - 94px); z-index: 1; } }

.kids-comment2 { background-image: url(/amani1/assets/images/special/kids_01.png); background-repeat: no-repeat; position: absolute; width: 225px; height: 225px; background-size: 100%; top: 30px; left: calc((50%) - 360px); }

@media (max-width: 767px) { .kids-comment2 { width: 190px; height: 190px; top: 44px; left: calc((50%) - 190px); } }

.kids-comment2 p { font-size: 14px; color: #f15a24; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 62%; }

@media (max-width: 767px) { .kids-comment2 p { font-size: 13px; width: 62%; } }

.kids-comment3 { background-image: url(/amani1/assets/images/special/kids_01.png); background-repeat: no-repeat; position: absolute; top: 300px; left: calc((50%) - 360px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .kids-comment3 { width: 190px; height: 190px; top: 270px; left: calc((50%) - 190px); } }

.kids-comment3 p { font-size: 14px; color: #f15a24; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 69%; }

@media (max-width: 767px) { .kids-comment3 p { font-size: 13px; width: 68%; } }

.kids-comment4 { background-image: url(/amani1/assets/images/special/kids_01.png); background-repeat: no-repeat; position: absolute; top: 40px; left: calc((50%) - -140px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .kids-comment4 { width: 190px; height: 190px; top: 25px; left: calc((50%) - 0px); } }

.kids-comment4 p { font-size: 14px; color: #f15a24; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 74%; }

@media (max-width: 767px) { .kids-comment4 p { font-size: 13px; width: 65%; } }

.kids-comment5 { background-image: url(/amani1/assets/images/special/kids_01.png); background-repeat: no-repeat; position: absolute; top: 300px; left: calc((50%) - -130px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .kids-comment5 { width: 190px; height: 190px; top: 450px; left: calc((50%) - 100px); } }

.kids-comment5 p { font-size: 14px; color: #f15a24; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 70%; }

@media (max-width: 767px) { .kids-comment5 p { font-size: 13px; width: 62%; } }

.kids-comment5-2 { background-image: url(/amani1/assets/images/special/kids_01.png); background-repeat: no-repeat; position: absolute; top: 440px; left: calc((50%) - 120px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .kids-comment5-2 { width: 190px; height: 190px; top: 260px; left: calc((50%) - 0px); } }

.kids-comment5-2 p { font-size: 14px; color: #f15a24; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 56%; }

@media (max-width: 767px) { .kids-comment5-2 p { font-size: 13px; width: 62%; } }

.kids-comment6 { background-image: url(/amani1/assets/images/special/kids_01.png); background-repeat: no-repeat; position: absolute; width: 225px; height: 225px; background-size: 100%; top: 65px; left: calc((50%) - 300px); }

@media (max-width: 767px) { .kids-comment6 { width: 190px; height: 190px; top: 46px; left: calc((50%) - 195px); } }

.kids-comment6 p { font-size: 14px; color: #f15a24; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 75%; }

@media (max-width: 767px) { .kids-comment6 p { font-size: 13px; width: 70%; line-height: 18px; } }

.kids-comment7 { background-image: url(/amani1/assets/images/special/kids_01.png); background-repeat: no-repeat; position: absolute; top: 430px; left: calc((50%) - 340px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .kids-comment7 { width: 190px; height: 190px; top: 298px; left: calc((50%) - -5px); } }

.kids-comment7 p { font-size: 14px; color: #f15a24; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 67%; }

@media (max-width: 767px) { .kids-comment7 p { font-size: 13px; width: 73%; line-height: 18px; } }

.kids-comment8 { background-image: url(/amani1/assets/images/special/kids_01.png); background-repeat: no-repeat; position: absolute; top: 50px; left: calc((50%) - -40px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .kids-comment8 { width: 190px; height: 190px; top: 25px; left: calc((50%) - -4px); } }

.kids-comment8 p { font-size: 14px; color: #f15a24; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 64%; }

@media (max-width: 767px) { .kids-comment8 p { font-size: 13px; width: 69%; line-height: 18px; } }

.kids-comment9 { background-image: url(/amani1/assets/images/special/kids_01.png); background-repeat: no-repeat; position: absolute; top: 240px; left: calc((50%) - -250px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .kids-comment9 { width: 190px; height: 190px; top: 285px; left: calc((50%) - 195px); } }

.kids-comment9 p { font-size: 14px; color: #f15a24; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 69%; }

@media (max-width: 767px) { .kids-comment9 p { font-size: 13px; width: 69%; line-height: 18px; } }

.kids-comment10 { background-image: url(/amani1/assets/images/special/kids_01.png); background-repeat: no-repeat; position: absolute; top: 490px; left: calc((50%) - -40px); width: 225px; height: 225px; background-size: 100%; }

@media (max-width: 767px) { .kids-comment10 { width: 190px; height: 190px; top: 480px; left: calc((50%) - 94px); } }

.kids-comment10 p { font-size: 14px; color: #f15a24; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 69%; }

@media (max-width: 767px) { .kids-comment10 p { font-size: 13px; width: 63%; line-height: 18px; } }

.pc-hkids { height: 650px; }

@media (max-width: 767px) { .pc-hkids { height: 600px; } }

.pc-hkids2 { height: 700px; }

@media (max-width: 767px) { .pc-hkids2 { height: 840px; } }

body.special__sukkiri .grid .row .col:nth-child(2) { padding-left: 0; }

@media (min-width: 768px) { body.special__sukkiri .sukkiri-pc-none { display: none; } }

@media (max-width: 767px) { body.special__sukkiri .sukkiri-sp-none { display: none; } }

body.special__sukkiri .link-button { width: 190px; margin: 80px auto; }

body.special__sukkiri .link-button .link { line-height: 20px; padding: 13px; }

@media (max-width: 767px) { body.special__sukkiri .link-button .link { padding: 7px; } }

.sukkiri-list { padding-bottom: 4.6rem; }

.sukkiri-list__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 50px 10px; }

.sukkiri-list__container > li { width: calc((100% - 20px) / 3); text-align: center; }

@media (max-width: 767px) { .sukkiri-list__container > li { width: calc((100% - 20px) / 2); } }

.sukkiri-list__container a { text-decoration: none; }

.sukkiri-list__container .thumbnail { margin-bottom: 10px; display: block; overflow: hidden; }

.sukkiri-list__container .thumbnail > img { width: 100%; aspect-ratio: 293 / 208; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; }

.sukkiri-list__container .thumbnail > img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

@media (max-width: 767px) { .sukkiri-list__container .thumbnail > img { aspect-ratio: 484 / 343; } }

.sukkiri-list__container .food { display: block; text-align: left; margin-bottom: 5px; }

.sukkiri-list__container .food > span { position: relative; padding: 0 15px; font-size: 16px; line-height: 24px; display: inline-block; }

.sukkiri-list__container .food > span:before, .sukkiri-list__container .food > span:after { content: '−'; top: 0; position: absolute; }

.sukkiri-list__container .food > span:before { left: 0; }

.sukkiri-list__container .food > span:after { right: 0; }

.sukkiri-list__container .recipe-name { font-size: 18px; display: block; text-align: left; margin-bottom: 10px; }

.sukkiri-list__container .recipe-text { font-size: 16px; display: block; text-align: left; line-height: 21px; }

.sukkiri-detail { padding: 60px 0 0; }

.sukkiri-detail .text-box { max-width: 720px; margin: 0 auto; position: relative; z-index: 1; text-align: center; }

@media (max-width: 767px) { .sukkiri-detail .text-box { text-align: left; } }

.sukkiri-detail__header { margin-bottom: 60px; }

.sukkiri-detail__header .entryTitle { margin: 35px 0; text-align: center; }

.sukkiri-detail__header .entryTitle .txt1 { font-size: 24px; line-height: 28px; padding: 35px 30px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; font-weight: 600; display: block; }

.sukkiri-detail__header .entryTitle .txt1.up, .sukkiri-detail__header .entryTitle .txt1.down { width: 275px; margin: 0 auto; }

.sukkiri-detail__header .entryTitle .txt1.up { border-top: 1px solid #000000; border-bottom: 0; padding: 35px 30px 0; }

.sukkiri-detail__header .entryTitle .txt1.down { border-top: 0; border-bottom: 1px solid #000000; padding: 0 30px 35px; }

.sukkiri-detail__header .border_sukkiri { width: 3rem; text-align: center; margin: auto; border-color: #000; }

.sukkiri-detail__header .border_sukkiri2 { width: 17rem; text-align: center; margin: auto; border-color: #000; }

@media (max-width: 767px) { .sukkiri-detail__header .border_sukkiri2 { width: 26rem; } }

.sukkiri-detail__header .border_sukkiri3 { width: 20rem; text-align: center; margin: auto; border-color: #000; }

@media (max-width: 767px) { .sukkiri-detail__header .border_sukkiri3 { width: 31rem; } }

.sukkiri-detail__content .row { margin: 0; gap: 0 80px; }

.sukkiri-detail__content .col.image-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px 0; }

.sukkiri-detail__content .col.image-col > figure { padding: 0 80px; }

.sukkiri-detail__content .col.image-col > figure > img { width: 100%; }

@media (max-width: 767px) { .sukkiri-detail__content .col.image-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0 2em; }
  .sukkiri-detail__content .col.image-col > figure { padding: 0; width: calc((100% - 2em) / 2); } }

.sukkiri-detail__content .image { margin-bottom: 30px; text-align: center; }

.sukkiri-detail__content .image img { max-width: 26rem; }

.sukkiri-detail__content .image .caption { margin-top: 1rem; font-size: 0.55rem; }

.sukkiri-detail__prepare { padding: 60px 0 0; }

.sukkiri-detail.bg-gray { background-color: #F7F8F8; margin: 0 calc(50% - 50vw); }

.sukkiri-detail.bg-gray2 { background-color: #E8EBE8; margin: 0 calc(50% - 50vw); padding: 60px 0; }

.sukkiri-detail__recipe { margin: 80px 0 0; padding: 0 0 60px; }

.sukkiri-detail__recipe .recipe-title { font-size: 26px; font-weight: 600; margin-bottom: 30px; }

.sukkiri-detail__recipe .arrange-text { font-size: 16px; line-height: 25px; }

.sukkiri-detail__recipe .recipe-name-img-sp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.sukkiri-detail__recipe .recipe-name-img-sp > div { width: 45%; }

.sukkiri-detail__recipe .col .image { padding: 0 80px; }

@media (max-width: 767px) { .sukkiri-detail__recipe .col .image { padding: 0; } }

.sukkiri-detail__recipe .reference-lead { margin: 0 0 30px; font-size: 16px; line-height: 25px; }

.sukkiri-detail__recipe .reference-lead .title { font-weight: 600; margin-bottom: 20px; }

.sukkiri-detail__recipe .choitashi { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 10px; margin-bottom: 60px; }

.sukkiri-detail__recipe .choitashi .sukkiri-detail__data { margin: 0; }

.sukkiri-detail__recipe .choitashi > div { width: calc((100% - 10px) / 2); }

.sukkiri-detail__recipe .choitashi > div .image { padding: 0 80px; }

@media (max-width: 767px) { .sukkiri-detail__recipe .choitashi > div { width: 100%; }
  .sukkiri-detail__recipe .choitashi > div .image { padding: 0; } }

.sukkiri-detail__recipe .choitashi .image-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px 0; }

.sukkiri-detail__recipe .choitashi .image-col .image p { font-size: 13px; }

@media (max-width: 767px) { .sukkiri-detail__recipe .choitashi .image-col { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; }
  .sukkiri-detail__recipe .choitashi .image-col > figure { width: calc((100% - 30px) / 2); } }

.sukkiri-detail__recipe .choitashi .number-wrap { font-size: 16px; }

.sukkiri-detail__recipe .choitashi .number-wrap:first-child { margin: 0 0 5px; }

.sukkiri-detail__recipe .choitashi dl.sukkiri-detail__data:not(:first-child) { margin-bottom: 60px; }

.sukkiri-detail__data { margin: 10px 0 30px 0; position: relative; font-size: 16px; }

.sukkiri-detail__data a { color: #2F79F2; text-decoration: underline; }

.sukkiri-detail__data dt { font-size: 13px; margin: 25px 0 5px; }

.sukkiri-detail__data dt > span { font-size: 13px; line-height: 15px; padding: 5px; background-color: #000; color: #fff; display: inline-block; margin-right: 5px; }

.sukkiri-detail__data dd.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0 40px; }

@media (max-width: 767px) { .sukkiri-detail__data dd.flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.sukkiri-detail__data dd.flex > div { width: calc((100% - 40px) / 2); }

.sukkiri-detail__data .ingredients { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5px; margin-bottom: 10px; }

.sukkiri-detail__data .ingredients::after { content: ''; border-top: 1px dotted; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.sukkiri-detail__data .ingredient1 { margin-right: 10px; }

.sukkiri-detail__data .ingredient2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 10px; }

.sukkiri-detail__data ul li { font-size: 16px; }

.sukkiri-detail__data ul li.note { line-height: 25px; }

.sukkiri-detail__data .curly-brackets { padding: 17px 0px 0px 20px; white-space: nowrap; position: relative; font-size: 0.8em; }

.sukkiri-detail__data .curly-brackets::before { display: block; position: absolute; line-height: 0; font-size: 30px; content: '}'; top: 50%; left: 10%; }

.sukkiri-detail__point { margin: 40px 0 0; position: relative; border-top: 1px solid #000; border-bottom: 1px solid #000; }

.sukkiri-detail__point:before { content: 'POINT'; position: absolute; top: -13px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #000000; padding: 5px 10px 5px 15px; border-radius: 15px; color: #fff; font-size: 13px; letter-spacing: 5px; }

.sukkiri-detail__point:after { content: ''; width: 100%; height: 60px; }

.sukkiri-detail__point .content { max-width: 430px; width: 100%; margin: 40px auto; }

@media (max-width: 767px) { .sukkiri-detail__point .content { max-width: none; } }

.sukkiri-detail__point p { font-size: 16px; line-height: 25px; }

.sukkiri-detail__point .title { font-size: 18px; font-weight: 600; }

.sukkiri-detail__point .title + p { font-size: 16px; line-height: 25px; margin-top: 20px; }

.sukkiri-detail__point span { display: block; font-weight: 600; margin-top: 10px; }

.sukkiri-detail .sippitu-group { border-top: 1px solid #000000; padding: 30px 0 60px; }

.sukkiri-detail .sippitu-group .title { display: inline-block; color: #ffffff; background-color: #000000; padding: 5px 10px; font-size: 13px; margin: 0 0 30px; }

.sukkiri-detail .sippitu-group p { font-size: 18px; margin: 0 0 4px; }

.sukkiri-detail .sippitu-group p:last-child { margin: 0; }

@media (max-width: 767px) { .sukkiri-detail .sippitu-group { margin: 0; } }

.sukkiri-detail .small-head { text-align: center; margin: 28px 0; }

.sukkiri-detail .small-head span { padding: 28px 10px; border-top: 1px solid; border-bottom: 1px solid; text-align: center; font-size: 26px; line-height: 30px; font-weight: 600; }

.sukkiri-detail .recipe-detail { border-top: 1px solid black; border-bottom: 1px solid black; padding: 10px 0; font-size: 15px; line-height: 26px; margin-bottom: 60px; }

.sukkiri-detail .recipe-detail > p { text-align: left; }

.sukkiri-detail .recipe-detail.top > p { text-align: center; }

.sukkiri-detail-header { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 767px) { .sukkiri-detail-header { display: block; } }

.sukkiri-detail-header .sukkiri-detail-text { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 50px 60px 35px 0; width: 50%; }

@media (max-width: 767px) { .sukkiri-detail-header .sukkiri-detail-text { -webkit-box-flex: 0; -ms-flex: none; flex: none; padding: 85px 0 60px; width: 100%; } }

.sukkiri-detail-image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; overflow: hidden; }

.sukkiri-detail-image img { -o-object-fit: cover; object-fit: cover; height: 100%; }

@media (max-width: 767px) { .sukkiri-detail-image img { width: 100%; } }

.sukkiri-box { position: relative; margin: 0 calc(50% - 50vw); background-color: #39b44a; display: block; }

@media (max-width: 767px) { .sukkiri-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }

.sukkiri-read-title { margin-top: 1.4rem; font-size: 32px; line-height: 43px; font-weight: 600; display: block; margin-bottom: 1.2rem; padding-bottom: 0.2rem; color: #fff; }

@media (max-width: 767px) { .sukkiri-read-title { text-align: center; } }

.sukkiri-read { font-size: 16px; line-height: 25px; display: block; margin: 0 0 55px; color: #fff; }

.sukkiri-position { padding-top: 15px; font-size: 16px; color: #fff; border-top: 1px solid #ffffff; }

.sukkiri-name { font-size: 24px; display: block; margin-bottom: 25px; color: #fff; }

.sukkiri-name .sukkiri-en { font-size: 13px; vertical-align: middle; font-weight: normal; }

.sukkiri-profile { font-size: 16px; line-height: 25px; display: block; color: #fff; }

.special-child-page-head .special-child-page-head-column-title .subtitle { position: relative; display: inline-block; padding: 0 25px; }

.special-child-page-head .special-child-page-head-column-title .subtitle:before, .special-child-page-head .special-child-page-head-column-title .subtitle:after { content: '−'; position: absolute; top: 0; }

.special-child-page-head .special-child-page-head-column-title .subtitle:before { left: 0; }

.special-child-page-head .special-child-page-head-column-title .subtitle:after { right: 0; }

.special-child-page-head .sukkiri-detail-summary { width: 400px; margin: 48px auto 0; text-align: left; }

@media (max-width: 767px) { .special-child-page-head .sukkiri-detail-summary { width: 100%; } }

.special-child-page-head .sukkiri-detail-summary div { font-size: 16px; line-height: 24px; }

.mb-sukkiri { margin-bottom: 50px; }

@media (max-width: 767px) { .mb-sukkiri { margin-bottom: 80px; } }

.mb2-sukkiri { margin-bottom: 60px; }

@media (max-width: 767px) { .mb2-sukkiri { margin-bottom: 4rem; } }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.pd { padding-bottom: 40px; }

.sp-img-center { padding: 0 80px; }

@media (max-width: 767px) { .sp-img-center { text-align: center; margin: 0 auto; padding: 0; } }

.pc-mt { margin-top: 30px; }

@media (max-width: 767px) { .pc-mt { margin-top: 0px; } }

/*9/29追加*/
.sukkiri-mgt { margin-top: 2rem; }

.sukkiri-reference { text-align: center; margin-bottom: 4rem; }

.ol-num ol { counter-reset: num; list-style-type: none !important; padding: 0; margin: 0; font-size: 0.8rem; }

.ol-num ol li { font-size: 16px; line-height: 25px; }

.numbercircle1 { display: inline-block; line-height: 0px; border-radius: 50%; border: #39b44a 1px solid; color: #fff; background-color: #39b44a; font-size: 14px; left: 0; width: 20px; height: 20px; text-align: center; font-family: 'Arial',sans-serif; margin-right: 4px; }

@media (max-width: 767px) { .numbercircle1 { width: 15px; height: 15px; font-size: 10px; } }

.numbercircle1 span { display: inline-block; padding-top: 52%; padding-left: 4%; padding-bottom: 50%; }

@media (max-width: 767px) { .numbercircle1 span { padding-top: 50%; padding-left: 0%; } }

.numbercircle2 { display: inline-block; line-height: 0px; border-radius: 50%; border: #ff921e 1px solid; color: #fff; background-color: #ff921e; font-size: 14px; left: 0; width: 20px; height: 20px; text-align: center; font-family: 'Arial',sans-serif; margin-right: 4px; }

@media (max-width: 767px) { .numbercircle2 { width: 15px; height: 15px; font-size: 10px; } }

.numbercircle2 span { display: inline-block; padding-top: 52%; padding-left: 4%; padding-bottom: 50%; }

@media (max-width: 767px) { .numbercircle2 span { padding-top: 50%; padding-left: 0%; } }

.arrange-border { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 2.2rem; margin-bottom: 2rem; margin-right: calc(50% - 30vw); }

@media (max-width: 767px) { .arrange-border { margin-top: 3rem; margin-right: 0px; } }

.arrange-border:before, .arrange-border:after { content: ""; height: 1px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-color: black; }

/*0930追加*/
.sukkiri-mpoint { margin: 60px 0 30px; border-left: 3px solid #3E3E87; font-size: 18px; line-height: 21px; padding: 0 0 0 10px; color: #3E3E87; font-weight: 600; }

.sukkiri-mpoint-text { font-size: 16px; line-height: 25px; margin-bottom: 50px; }

.sukkiri-mpoint-text .bold { font-weight: 600; }

.sukkiri-mpoint-text .underline { text-decoration: underline; }

.sukkiri-mpoint-text p { margin: 0 !important; }

.sukkiri-theme { position: relative; width: 100%; height: auto; margin: 0 0 1.5em 0; padding: 0.4rem 0.3rem; margin-right: 0.4rem; font-size: 0.8rem; color: #fff; background: url(/amani1/assets/images/special/sukkiri-theme.png) no-repeat left center/contain; }

.theme-mb { margin-bottom: 1.8rem; }

@media (max-width: 767px) { .theme-mb { margin-bottom: 1.2rem; } }

@media (max-width: 767px) { .sp-center { margin: 0 auto; display: block; } }

@media (max-width: 767px) { .sp-fontsize { font-size: 0.9rem; } }

/*==================================================
スライダーのためのcss
===================================*/
/*--スライダーの位置とサイズ調整--*/
.slider { width: calc(100% - 160px + 40px); margin: 0 auto; }

.slider img { max-width: 231px; margin: 0 auto; }

.slider p { text-align: center; font-size: 13px; margin-top: 10px; }

@media (max-width: 767px) { .slider { width: 70%; }
  .slider img { max-width: 100%; width: 100%; } }

.slick-slide { height: auto !important; }

/*-----------矢印表示----------*/
.slick-prev, .slick-next { position: absolute; /*絶対配置にする*/ top: calc((155px / 2) - 7.5px); cursor: pointer; /*マウスカーソルを指マークに*/ outline: none; /*クリックをしたら出てくる枠線を消す*/ border-top: 2px solid #666; /*矢印の色*/ border-right: 2px solid #666; /*矢印の色*/ height: 15px; width: 15px; }

@media (max-width: 767px) { .slick-prev, .slick-next { top: 42%; } }

.slick-prev { /*戻る矢印の位置と形状*/ left: -15px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

@media (max-width: 767px) { .slick-prev { left: -10%; } }

.slick-next { /*次へ矢印の位置と形状*/ right: -15px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media (max-width: 767px) { .slick-next { right: -10%; } }

/*------------------------------*/
.sukkiri-detail .prepare-title { font-size: 1rem; font-weight: 600; color: #39b34a; }

@media (max-width: 767px) { .sukkiri-detail .sp-margin-none { margin: 0; } }

.recipe-group, .reference-group, .arrange-group { display: -webkit-box; display: -ms-flexbox; display: flex; }

.recipe-group__parent, .reference-group__parent, .arrange-group__parent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; }

.recipe-group__parent:after, .reference-group__parent:after, .arrange-group__parent:after { content: ''; width: 1em; height: 80%; display: block; border: 1px solid #000; border-right: none; margin: 0 5px; }

.recipe-group__child, .reference-group__child, .arrange-group__child { display: inline-block; width: 100%; }

.numbersquare { border: 2px solid #39b44a; padding: 2.5px; }

@media (max-width: 767px) { .numbersquare { border: 1px solid #39b44a; } }

.reference-point__text { line-height: 1.5em; }

.reference-point__text p { margin: 0; }

.reference-point__text .title { color: #fe921e; margin: 10px 0 0; }

.reference .title { color: #fe921e; margin: 10px 0 0; }

.reference .title + p { margin-top: 1em; }

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

.reference .reference-group__parent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 0 1em; }

.reference .reference-group__parent:after { content: ''; width: 1em; height: 80%; display: block; border: 2px solid #fe921e; border-right: none; margin: 0 0.5em; }

@media (max-width: 767px) { .reference .reference-group__parent:after { border: 1px solid #fe921e; border-right: none; } }

.reference .reference-group__child { display: inline-block; width: 100%; }

.reference .numbersquare { border: 2px solid #fe921e; padding: 2.5px; }

@media (max-width: 767px) { .reference .numbersquare { border: 1px solid #fe921e; } }

.arrange-recipe { margin-left: 2rem; }

.arrange-recipe .number-wrap { background: none; padding: 0; top: 0; margin: 1em 0 0; }

.arrange-recipe .number-wrap span { border: 2px solid #fe921e; padding: 2.5px 4px; background-color: #fe921e; }

.arrange-recipe .number-wrap .hyphen { content: ''; display: inline-block; width: 30px; border: 1px solid #fe921e; padding: 0; margin: 3px 0; background-color: #fe921e; }

.arrange-recipe .number-wrap .title { padding: 2.5px 1em; }

.arrange-recipe dd { margin: 1em 0; }

.arrange-recipe .reverse { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.arrange-recipe .reverse .col { min-height: 0; }

.arrange-recipe .reverse .col:nth-child(2) { padding: 2em 0 0; }

.arrange-recipe figure { margin-top: 15px; }

@media (max-width: 767px) { .arrange-recipe figure p { font-size: 10px; } }

.arrange-recipe .arrange-recipe_detail { color: #FF921E; background-color: #ffffff; border: solid #FF921E; }

.arrange-recipe .arrange-recipe_detail:nth-child(n+2) { margin-top: 1.5rem; }

.arrange-box-after { margin: 30px 0; }

.arrange-box-after .arrange-box-title { font-size: 20px; font-weight: 600; margin-bottom: 10px; display: block; }

.arrange-box-after p { font-size: 16px; }

.arrange-box-after .en_mark { border: 1px solid; border-radius: 50%; margin: 0 2px; }

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

.arrange .arrange-group__parent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 0 1em; }

.arrange .arrange-group__parent:after { content: ''; width: 1em; height: 80%; display: block; border: 2px solid #fe921e; border-right: none; margin: 0 0.5em; }

@media (max-width: 767px) { .arrange .arrange-group__parent:after { border: 1px solid #fe921e; border-right: none; } }

.arrange .arrange-group__child { display: inline-block; width: 100%; }

.arrange .numbersquare { border: 2px solid #fe921e; padding: 2.5px; }

@media (max-width: 767px) { .arrange .numbersquare { border: 1px solid #fe921e; } }

.brackets-auto { padding: 2em 0 0 1.5em; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 767px) { .brackets-auto .brackets-auto { padding: 2em 0 0 3em; } }

.brackets-auto:before { content: ''; width: 1em; height: 100%; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: solid 1px; border-bottom: solid 1px; top: 0; border-right: solid 1px; left: 0; }

.brackets-auto p { margin: 0; }

.special-page-head { margin: 65px 0 90px; }

.special-page-head-title p, .special-page-head-title div, .special-page-head-title h1 { text-align: center; }

.special-page-head-title .column { font-size: 16px; line-height: 19px; margin: 0 0 20px; }

.special-page-head-title .title { font-size: 36px; line-height: 43px; font-weight: 600; margin: 0 0 15px; }

.special-page-head-title .subtitle { font-size: 21px; line-height: 25px; }

.special-page-head-title .title-prefix { font-size: 21px; line-height: 25px; font-weight: 600; margin: 0 0 15px; }

.special-page-head-title p:last-child, .special-page-head-title h1:last-child { margin-bottom: 0; }

.special-page-head-lead { max-width: 600px; margin: 45px auto 0; font-size: 16px; line-height: 25px; }

.special-list li.hidden { display: none; }

.special-list li.active { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display: block; -webkit-animation-name: fadeUpAnime; animation-name: fadeUpAnime; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; }

.special-child-page-head { margin: 65px 0 0; }

.special-child-page-head p, .special-child-page-head div, .special-child-page-head h1 { text-align: center; }

.special-child-page-head-title .column { font-size: 15px; line-height: 18px; }

.special-child-page-head-title .title { font-size: 21px; line-height: 25px; font-weight: 600; }

.special-child-page-head-title .subtitle { font-size: 18px; line-height: 21px; }

.special-child-page-head-title p:nth-child(2) { margin: 15px 0; }

.special-child-page-head-column-title { position: relative; margin: 40px 0 0; padding: 40px 0 0; }

.special-child-page-head-column-title:before { content: ''; width: 90px; height: 1px; background-color: #000000; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.special-child-page-head-column-title .subtitle { font-size: 21px; line-height: 25px; }

.special-child-page-head-column-title .title { font-size: 26px; line-height: 31px; font-weight: 600; margin: 15px 0 0; }

body.wellness .headline { text-align: center; }

body.wellness .headline.en { color: #000000; letter-spacing: 8px; line-height: 1.3; font-size: 28px; }

@media (max-width: 767px) { body.wellness .headline.en { font-size: 21px; } }

body.wellness .headline.en.win { font-weight: 600; }

body.wellness .headline.jp { margin: 0; font-size: 21px; }

@media (max-width: 767px) { body.wellness .headline.jp { margin: 0; } }

body.wellness .regional-item { margin: 0 0 20px 0; }

body.wellness .regional-item__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

@media (max-width: 767px) { body.wellness .regional-item__inner { display: block; } }

body.wellness .regional-item__contents { width: 68%; }

@media (max-width: 767px) { body.wellness .regional-item__contents { width: 100%; } }

body.wellness .regional-item__contents .contents-wrap { color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 25px 0 auto; width: 660px; }

@media screen and (max-width: 970px) { body.wellness .regional-item__contents .contents-wrap { width: 80%; } }

@media (max-width: 767px) { body.wellness .regional-item__contents .contents-wrap { width: 100%; margin: 0; padding: 20px 0; } }

body.wellness .regional-item__contents .contents-wrap .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 30px; padding: 25px 40px; text-align: left; }

@media screen and (max-width: 970px) { body.wellness .regional-item__contents .contents-wrap .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

@media (max-width: 767px) { body.wellness .regional-item__contents .contents-wrap .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; text-align: center; border: 0; padding: 0 30px; } }

body.wellness .regional-item__contents .contents-wrap .content__map { width: 180px; padding-top: 50px; }

@media screen and (max-width: 970px) { body.wellness .regional-item__contents .contents-wrap .content__map { width: 100%; padding: 0; text-align: center; } }

@media (max-width: 767px) { body.wellness .regional-item__contents .contents-wrap .content__map { width: 100%; padding: 0; text-align: center; } }

body.wellness .regional-item__contents .contents-wrap .content__inner { width: calc(100% - 30px - 180px); }

@media screen and (max-width: 970px) { body.wellness .regional-item__contents .contents-wrap .content__inner { width: 100%; } }

@media (max-width: 767px) { body.wellness .regional-item__contents .contents-wrap .content__inner { width: 100%; } }

body.wellness .regional-item__contents .contents-wrap .content .title { margin: 25px 0; font-size: 18px; }

@media (max-width: 767px) { body.wellness .regional-item__contents .contents-wrap .content .title { margin: 30px 0; text-align: center; } }

body.wellness .regional-item__contents .contents-wrap .content .title .city_name { font-size: 32px; margin: 0 5px 0 0; vertical-align: sub; display: inline; }

@media (max-width: 767px) { body.wellness .regional-item__contents .contents-wrap .content .title .city_name { display: block; margin: 10px 0; } }

body.wellness .regional-item__contents .contents-wrap .content .image { height: auto; }

@media (max-width: 767px) { body.wellness .regional-item__contents .contents-wrap .content .image { display: block; height: 39vw; } }

body.wellness .regional-item__contents .contents-wrap .content .image img { width: auto; -o-object-fit: none; object-fit: none; height: auto; }

@media (max-width: 767px) { body.wellness .regional-item__contents .contents-wrap .content .image img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: left top; object-position: left top; height: 100%; } }

body.wellness .regional-item__contents .contents-wrap .content .description { font-size: 16px; line-height: 24px; }

@media (max-width: 767px) { body.wellness .regional-item__contents .contents-wrap .content .description { margin: 50px calc(3rem - 30px); } }

body.wellness .regional-item__contents .contents-wrap .posts-link { text-align: center; margin: 35px 0 calc(35px + 16px + 5px); font-size: 14px; text-decoration: underline; }

@media (max-width: 767px) { body.wellness .regional-item__contents .contents-wrap .posts-link { font-size: 16px; margin: 0 0 calc(16px + 5px); } }

body.wellness .regional-item__contents .contents-wrap .posts-link__inner { position: relative; cursor: pointer; }

body.wellness .regional-item__contents .contents-wrap .posts-link__inner:after { content: url(../images/wellness/arrow_downward_white.svg); position: absolute; left: calc(50% - 7px); top: 16px; margin: 5px 0; }

body.wellness .regional-item__contents .contents-wrap .posts-link__inner:hover:after { -webkit-animation: upAndDownAnime 1s; animation: upAndDownAnime 1s; }

body.wellness .regional-item__image { width: 45%; }

@media (max-width: 767px) { body.wellness .regional-item__image { display: none; } }

body.wellness .regional-item__image.shunan { background: url(../images/business/shunan_main.jpg) left top/cover no-repeat; }

body.wellness .regional-item__image.obama { background: url(../images/business/obama_main.jpg) left top/cover no-repeat; }

body.wellness .activities__bg { padding: 3rem 0; background: #F7F8F8; }

body.wellness .activities__bg__business { padding: 3rem 0; }

body.wellness .activities__bg__various { padding: 5rem 0; }

body.wellness .activities-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

body.wellness .activities-head__inner { position: relative; width: auto; }

@media (max-width: 767px) { body.wellness .activities-head__inner { width: 100%; } }

body.wellness .activities-head__inner .lead { margin: 50px 0; width: 400px; font-size: 16px; line-height: 25px; position: relative; }

@media (max-width: 767px) { body.wellness .activities-head__inner .lead { width: 100%; } }

body.wellness .activities-head__inner .lead:after { content: "※プルダウンメニューで自治体を選択表示できます"; bottom: calc(-50px - 68px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 13px; position: absolute; white-space: nowrap; }

body.wellness .activities-head__inner .lead.various { margin: 50px 0 0; }

body.wellness .activities-head__inner .lead.various:after { content: ''; }

body.wellness .activities-head__inner .business-lead { margin: 50px 0; width: 400px; font-size: 16px; line-height: 25px; position: relative; }

@media (max-width: 767px) { body.wellness .activities-head__inner .business-lead { width: 100%; } }

body.wellness .activities-head__inner .selectRegion-wrap { position: relative; }

body.wellness .activities-head__inner .selectRegion { border: 1px solid; border-radius: 5px; width: 300px; margin: 0 auto; text-align: center; background-color: #f7f8f8; z-index: 1; font-size: 15px; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; min-width: none; }

@media (max-width: 767px) { body.wellness .activities-head__inner .selectRegion { width: 80%; min-width: 300px; } }

body.wellness .activities-head__inner .selectRegion:after { content: ""; width: 8px; height: 8px; position: absolute; top: calc(17.5px - 4px); right: 20px; border-right: 1px solid; border-bottom: 1px solid; }

body.wellness .activities-head__inner .selectRegion:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

body.wellness .activities-head__inner .selectRegion.open:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

body.wellness .activities-head__inner .selectRegion-panel { padding: 10px; text-align: center; }

body.wellness .activities-head__inner .selectRegion-box { display: none; }

body.wellness .activities-head__inner .selectRegion-box li span { width: 80%; border-top: 1px dashed; padding: 10px; display: inline-block; }

body.wellness .activities-head__inner .annotation { font-size: 13px; text-align: center; position: absolute; left: calc(50% - 150px); top: 300px; width: 300px; }

body.wellness .activities-contents { margin: 95px 0 0; display: grid; grid-template-columns: repeat(auto-fit, 280px); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-gap: 10px; }

@media (min-width: 768px) { body.wellness .activities-contents { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } }

@media (max-width: 767px) { body.wellness .activities-contents { grid-template-columns: repeat(2, 1fr); } }

body.wellness .activities-contents .item { cursor: pointer; }

body.wellness .activities-contents .item .item-head { font-size: 12px; margin: 10px 0; }

body.wellness .activities-contents .item .item-head .city { padding: 5px; color: #ffffff; }

body.wellness .activities-contents .item-image { width: 280px; height: 200px; overflow: hidden; text-align: center; }

@media (max-width: 767px) { body.wellness .activities-contents .item-image { width: 100%; height: auto; } }

body.wellness .activities-contents .item-image img { -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; }

body.wellness .activities-contents .item-image:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

body.wellness .activities-contents .item .item-title { font-size: 15px; margin: 5px; line-height: 20px; }

body.wellness .modal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0.5s; transition: opacity 0.5s, visibility 0.5s; }

body.wellness .modal-close { position: absolute; top: -60px; right: -60px; color: #FFFFFF; cursor: pointer; width: 60px; height: 60px; }

@media (min-width: 768px) and (max-width: 880px) { body.wellness .modal-close { right: 0; } }

@media (max-width: 767px) { body.wellness .modal-close { right: 0; } }

body.wellness .modal-close__inner:before, body.wellness .modal-close__inner:after { content: ""; position: absolute; border-top: 2px solid #ffffff; width: 20px; }

body.wellness .modal-close__inner:before { top: 25px; left: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

body.wellness .modal-close__inner:after { top: 25px; right: 20px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

body.wellness .modal-close-text { font-size: 9px; text-align: center; position: absolute; top: 40px; left: calc(50% - 15px); }

body.wellness .modal__inner { width: 100%; max-width: 760px; min-width: 760px; max-height: 472px; background-color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: relative; padding: 30px; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; }

@media (max-width: 767px) { body.wellness .modal__inner { max-width: none; min-width: auto; width: 95%; max-height: calc(90dvh - 60px); } }

body.wellness .modal__inner.open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; }

body.wellness .modal-title { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

body.wellness .modal-title .city { font-size: 12px; background-color: #558E0C; color: #ffffff; padding: 5px; white-space: nowrap; height: calc(12px + 10px); }

body.wellness .modal-title .date { font-size: 12px; padding: 5px; height: calc(12px + 10px); white-space: nowrap; }

body.wellness .modal-title .title { font-size: 18px; line-height: 30px; }

@media (max-width: 767px) { body.wellness .modal-title .title { display: block; margin: 0 0 10px; line-height: 20px; font-size: 15px; } }

body.wellness .modal-contents { margin: 25px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 25px; height: auto; width: auto; }

@media (max-width: 767px) { body.wellness .modal-contents { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 15px; margin: 0; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 80%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } }

body.wellness .modal-contents-wrap { height: auto; display: block; }

@media (max-width: 767px) { body.wellness .modal-contents-wrap { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

body.wellness .modal-contents-description { width: 235px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; max-height: 320px; }

@media (max-width: 767px) { body.wellness .modal-contents-description { width: 100%; height: calc(50% - 7.5px); } }

body.wellness .modal-contents-description .description, body.wellness .modal-contents-description .links { margin: 5px; }

body.wellness .modal-contents-description .description { margin: 5px; font-size: 15px; line-height: 20px; height: 100%; overflow-y: auto; }

@media (max-width: 767px) { body.wellness .modal-contents-description .description { margin: 0; } }

body.wellness .modal-contents-description .links { font-size: 15px; line-height: 21px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; }

@media (max-width: 767px) { body.wellness .modal-contents-description .links { text-align: right; padding: 0 calc(5.9px + 5px) 0 0; } }

body.wellness .modal-contents-description .links span:after { content: url(../images/wellness/btn_arrow.svg); margin: 1.5px 5px 0; background-size: contain; vertical-align: middle; position: absolute; }

body.wellness .modal-contents-description .links a { text-decoration: underline; }

body.wellness .modal-contents-description .links a:hover { text-decoration: underline; }

body.wellness .modal-contents-description .links a:hover span:after { -webkit-animation: sideToSideAnime 1s; animation: sideToSideAnime 1s; }

@media (max-width: 767px) { body.wellness .modal-contents-description .sns-links { text-align: right; } }

body.wellness .modal-contents-description .sns-links img { width: 30px; margin: 0 5px; }

body.wellness .modal-contents-image { width: 100%; max-width: 450px; height: auto; max-height: 320px; text-align: center; }

@media (max-width: 767px) { body.wellness .modal-contents-image { height: calc(50% - 7.5px); } }

body.wellness .modal-contents-image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

@media (max-width: 767px) { body.wellness .modal-contents-image img { width: auto; } }

body.wellness .modal-pager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 5px; }

@media (max-width: 767px) { body.wellness .modal-pager { margin: 0; padding: 10px 0 0; } }

body.wellness .modal-pager .prev { position: relative; padding: 0 0 0 10px; }

body.wellness .modal-pager .prev:before { content: ""; background-image: url(../images/wellness/btn_arrow_rotate.svg); background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; margin: 1px 0 0; width: 5px; height: 100%; }

body.wellness .modal-pager .next { position: relative; padding: 0 10px 0 0; }

body.wellness .modal-pager .next:after { content: ""; background-image: url(../images/wellness/btn_arrow.svg); background-repeat: no-repeat; background-size: contain; position: absolute; right: 0; margin: 1px 0 0; height: 100%; width: 5px; }

body.wellness .modal-pager .prev, body.wellness .modal-pager .next { font-size: 12px; text-decoration: underline; cursor: pointer; white-space: nowrap; visibility: visible; }

body.wellness .modal-pager .prev:hover:before, body.wellness .modal-pager .prev:hover:after, body.wellness .modal-pager .next:hover:before, body.wellness .modal-pager .next:hover:after { -webkit-animation: sideToSideAnime 1s; animation: sideToSideAnime 1s; }

body.wellness .modal-pager .prev.hidden, body.wellness .modal-pager .next.hidden { visibility: hidden; }

body.wellness .modal-pager .number { font-size: 12px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 30px; }

@media (max-width: 767px) { body.wellness .modal-pager .number { gap: 0; } }

body.wellness .modal-pager .number span { cursor: pointer; padding: 0 10px; }

body.wellness .modal-pager .number .current { position: relative; }

body.wellness .modal-pager .number .current:after { content: ""; border-bottom: 2px solid; width: 16px; height: 5px; position: absolute; bottom: -5px; left: calc(50% - 8px); }

body.wellness .modal.open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s, visibility 0.5s; transition: opacity 0.5s, visibility 0.5s; z-index: 999999; }

body.wellness .overlay { display: block; width: 100%; height: 100%; position: absolute; background-color: #000; opacity: 0.7; top: 0; left: 0; position: fixed; }

body.wellness .link-button { width: 190px; margin: 0 auto; }

body.wellness .link-button.white { margin: 15px auto 40px; }

body.wellness .link-button.white .link { border: 1px solid #ffffff; color: #ffffff; }

body.wellness .link-button.white a:after { content: url(../images/top/btn_arrow_hover.svg); }

body.wellness .link-button.white:hover .link { background-color: #ffffff; color: #3E3E87; }

body.wellness .link-button.white:hover a:after { content: url(../images/top/btn_arrow.svg); }

body.wellness #collaboration { background-color: #F1EFE5; }

body.wellness .title { margin-bottom: 30px; }

body.wellness #medical-field { background-color: #D4E6CE; }

body.wellness .local-government_yamaguchi { background-color: #3B5E66; }

body.wellness .local-government_fukui { background-color: #A81B04; }

body.wellness .government-contents-wrap { padding: 100px 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

body.wellness .government-contents-wrap .local_goverment_subtitle { font-size: 21px; color: #ffffff; margin: 25px 0; }

body.wellness .government-contents-wrap .business-description { font-size: 16px; line-height: 24px; color: #ffffff; }

body.wellness .government-contents-wrap .business-link { display: -webkit-box; display: -ms-flexbox; display: flex; width: 500px; margin-bottom: 50px; }

body.wellness .government-contents-wrap .business-link .link-button a:after { content: url(../images/top/btn_arrow_hover.svg); }

body.wellness .government-contents-wrap .business-link .link { color: #ffffff; border: 1px solid #ffffff; }

body.wellness .government-contents-wrap .posts-link { text-align: center; margin: 35px 0 calc(35px + 16px + 5px); font-size: 14px; text-decoration: underline; color: #ffffff; }

@media (max-width: 767px) { body.wellness .government-contents-wrap .posts-link { font-size: 16px; margin: 0 0 calc(16px + 5px); } }

body.wellness .government-contents-wrap .posts-link__inner { color: #ffffff; position: relative; cursor: pointer; }

body.wellness .government-contents-wrap .posts-link__inner:after { content: url(../images/common/arrow_upward_white.svg); position: absolute; left: calc(50% - 7px); top: -30px; margin: 5px 0; }

body.wellness .government-contents-wrap .posts-link__inner:hover:after { -webkit-animation: upAndDownAnime 1s; animation: upAndDownAnime 1s; }

body.wellness .link-button button:after { content: url(../images/top/btn_arrow.svg); position: absolute; left: 90%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

body.wellness button:hover:after { content: url(../images/top/btn_arrow_hover.svg); }

body.wellness button:hover { color: #FFFFFF; background: #3E3E87; border: 1px solid #3E3E87; cursor: pointer; }

body.wellness #various_activities { background: url(../images/wellness/various_activities_bg.jpg) left top/cover no-repeat; }

body.wellness #various_activities .activities-contents { margin: 50px 0 0; }

body.howto-amani__recipe section[id^="recipe"] .bg { padding: 100px 0; }

body.howto-amani__recipe section[id^="recipe"] .page-lead { margin: 0 0 80px; }

body.howto-amani__recipe section[id^="recipe1"] { padding: 0 0 100px; }

body.howto-amani__recipe section[id^="recipe1"] .page-lead { margin: 100px 0 80px; }

body.howto-amani__recipe .page-lead__inner p { font-size: 25px; line-height: 30px; font-weight: 400; margin: 0 0 22px; text-align: center; }

body.howto-amani__recipe .page-lead__inner div { font-size: 15px; line-height: 18px; font-weight: 400; max-width: none; margin: 0 0 22px; }

body.howto-amani__recipe .page-lead__inner div:last-child { margin: 0; }

body.howto-amani__recipe .page-lead__inner img { width: auto; margin: 0 0 22px; }

body.howto-amani__recipe .explanation { margin: 30px 0; font-size: 16px; line-height: 25px; }

body.howto-amani__recipe .recipe-list-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 100px 0; }

body.howto-amani__recipe .recipe-list { padding: 0; }

body.howto-amani__recipe .recipe-list__container { margin: 30px 0 80px; padding: 0; }

body.howto-amani__recipe .recipe-list__container ul.list { gap: 45px 10px; }

body.howto-amani__recipe .recipe-list__container ul.list li { width: calc((100% - 20px) / 3); margin: 0; }

@media (max-width: 767px) { body.howto-amani__recipe .recipe-list__container ul.list li { width: calc((100% - 20px) / 2); } }

body.howto-amani__recipe .recipe-list__container ul.list li a:hover, body.howto-amani__recipe .recipe-list__container ul.list li span:hover { opacity: 1; }

body.howto-amani__recipe .recipe-list__container ul.list li .img-wrap { width: 100%; overflow: hidden; }

body.howto-amani__recipe .recipe-list__container ul.list li .img-wrap img { width: 100%; aspect-ratio: 293 / 208; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; }

@media (max-width: 767px) { body.howto-amani__recipe .recipe-list__container ul.list li .img-wrap img { aspect-ratio: 484 / 343; } }

body.howto-amani__recipe .recipe-list__container ul.list li .img-wrap:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

body.howto-amani__recipe .recipe-list__container ul.list li .body { margin: 12px 0 0; }

body.howto-amani__recipe .recipe-list__container ul.list li .body .title { font-size: 15px; line-height: 21px; }

body.howto-amani__recipe .recipe-list__container.other { margin: 30px 0 0; }

body.howto-amani__recipe .recipe-list h2.head { margin: 0; padding-left: 8px; border-left: 3px solid #3E3E87; font-size: 18px; line-height: 21px; padding: 0 0 0 10px; color: #3e3e87; font-weight: 600; }

body.howto-amani__recipe .link-button { width: 190px; margin: 0 auto; }

body.howto-amani__recipe .link-button.power-recipe { width: 220px; }

body.howto-amani__recipe #recipe3:before, body.howto-amani__recipe #recipe2:before { content: ""; display: block; height: 100px; margin-top: -100px; }

@media (max-width: 767px) { body.howto-amani__recipe #recipe3:before, body.howto-amani__recipe #recipe2:before { display: none; } }

body.howto-amani__recipe #recipe3 .recipe-list__container { margin: 0 0 80px; }

body.howto-amani__recipe .modal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0.5s; transition: opacity 0.5s, visibility 0.5s; }

body.howto-amani__recipe .modal-close { position: absolute; top: -60px; right: 0; color: #FFFFFF; cursor: pointer; width: 60px; height: 60px; }

body.howto-amani__recipe .modal-close__inner:before, body.howto-amani__recipe .modal-close__inner:after { content: ""; position: absolute; border-top: 2px solid #ffffff; width: 20px; }

body.howto-amani__recipe .modal-close__inner:before { top: 25px; left: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

body.howto-amani__recipe .modal-close__inner:after { top: 25px; right: 20px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

body.howto-amani__recipe .modal-close-text { font-size: 9px; text-align: center; position: absolute; top: 40px; left: calc(50% - 15px); }

body.howto-amani__recipe .modal__inner { width: 100%; max-width: 640px; background-color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: relative; padding: 30px; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; }

@media (max-width: 767px) { body.howto-amani__recipe .modal__inner { max-width: none; min-width: auto; width: 90%; max-height: calc(95dvh - 60px); } }

body.howto-amani__recipe .modal__inner.open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; }

body.howto-amani__recipe .modal .title, body.howto-amani__recipe .modal .category { font-size: 16px; }

body.howto-amani__recipe .modal .category { color: #3E3E87; }

body.howto-amani__recipe .modal .modal-contents-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

body.howto-amani__recipe .modal .modal-contents-movie { margin: 30px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; }

@media (max-width: 767px) { body.howto-amani__recipe .modal .modal-contents-movie { margin: 10px 0; } }

body.howto-amani__recipe .modal .movie-wrap { width: 100%; height: 100%; }

body.howto-amani__recipe .modal .movie-wrap iframe, body.howto-amani__recipe .modal .movie-wrap video { width: 100%; height: 100%; aspect-ratio: 1 / 1; }

body.howto-amani__recipe .modal .prev { position: relative; padding: 0 0 0 10px; }

body.howto-amani__recipe .modal .prev:before { content: ""; background-image: url(../images/wellness/btn_arrow_rotate.svg); background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; margin: 1px 0 0; width: 5px; height: 100%; }

body.howto-amani__recipe .modal .next { position: relative; padding: 0 10px 0 0; }

body.howto-amani__recipe .modal .next:after { content: ""; background-image: url(../images/wellness/btn_arrow.svg); background-repeat: no-repeat; background-size: contain; position: absolute; right: 0; margin: 1px 0 0; height: 100%; width: 5px; }

body.howto-amani__recipe .modal .prev, body.howto-amani__recipe .modal .next { font-size: 12px; text-decoration: underline; cursor: pointer; white-space: nowrap; visibility: visible; }

body.howto-amani__recipe .modal .prev:hover:before, body.howto-amani__recipe .modal .prev:hover:after, body.howto-amani__recipe .modal .next:hover:before, body.howto-amani__recipe .modal .next:hover:after { -webkit-animation: sideToSideAnime 1s; animation: sideToSideAnime 1s; }

body.howto-amani__recipe .modal .prev.hidden, body.howto-amani__recipe .modal .next.hidden { visibility: hidden; }

body.howto-amani__recipe .modal .modal-contents-prevnext.pc-none { display: none; }

@media (max-width: 767px) { body.howto-amani__recipe .modal .modal-contents-prevnext.pc-none { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 15px 0 0; } }

body.howto-amani__recipe .modal .modal-contents-link { margin: 15px 0 0 0; }

body.howto-amani__recipe .modal.open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s, visibility 0.5s; transition: opacity 0.5s, visibility 0.5s; z-index: 999999; }

body.howto-amani__recipe .overlay { display: block; width: 100%; height: 100%; position: absolute; background-color: #000; opacity: 0.7; top: 0; left: 0; position: fixed; }

body.howto-amani__recipe .show-more:after { content: ''; }

body.howto-amani__recipe .show-more a:after { content: url(../images/common/arrow_downward.svg); position: absolute; top: 13px; left: calc(50% - 7.5px); }

body.howto-amani__recipe .show-more:hover a:after { -webkit-animation: upAndDownAnime 1s; animation: upAndDownAnime 1s; }

body.howto-amani__recipe .recipe-list__more { margin: 50px auto 0; }

body.sitemap .sitemap-inner { margin: 3rem 0; }

body.sitemap .sitemap_list a:hover { color: #3e3e87; text-decoration: underline; }

body.sitemap .sitemap_list .level_1 { font-size: 24px; margin: 3rem 0; }

body.sitemap .sitemap_list .level_1 a { font-weight: 550; }

body.sitemap .sitemap_list .level_2 { font-size: 20px; padding-left: 8px; border-left: 3px solid #3E3E87; color: #3e3e87; margin: 3rem 0 2rem; }

body.sitemap .sitemap_list .level_2 a { font-weight: 550; }

@media (max-width: 767px) { body.sitemap .sitemap_list .level_2 { margin: 4rem 0; } }

body.sitemap .sitemap_list .level_3 { margin: 1rem 0; font-size: 16px; font-weight: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem 1rem; padding-bottom: 2rem; border-bottom: 1px dotted #3E3E87; }

body.sitemap .sitemap_list .level_3.no-border { padding-bottom: 0; border-bottom: none; }

body.sitemap .sitemap_list .level_3.has-child { width: 100%; }

body.sitemap .sitemap_list .level_3 > a { width: calc((100% - 2rem) / 3); position: relative; padding-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 20px; }

body.sitemap .sitemap_list .level_3 > a:before { display: inline-block; width: 8px; height: 8px; position: absolute; top: 50%; left: 0; border-top: 2px solid #3E3E87; border-right: 2px solid #3E3E87; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); content: ''; }

body.sitemap .sitemap_list .level_3 > a.w100 { width: 100%; }

@media (max-width: 767px) { body.sitemap .sitemap_list .level_3 > a { width: calc((100% - 1rem) / 2); } }

@media (max-width: 767px) { body.sitemap .sitemap_list .level_3 { padding-bottom: 4rem; } }

body.sitemap .sitemap_list .level_3 .has-sub-text { display: inline-block; }

body.sitemap .sitemap_list .level_3 .has-sub-text .sub-text { font-size: 12px; }

body.sitemap .sitemap_list .level_4 { font-size: 16px; width: 100%; margin: 1rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem 1rem; padding-left: 40px; }

body.sitemap .sitemap_list .level_4 > a { width: calc((100% - 2rem) / 3); position: relative; padding-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 20px; }

body.sitemap .sitemap_list .level_4 > a:before { display: inline-block; width: 5px; height: 5px; position: absolute; top: 50%; left: 0; background-color: #3E3E87; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); content: ''; }

@media (max-width: 767px) { body.sitemap .sitemap_list .level_4 > a { width: calc((100% - 1rem) / 2); } }

@media (max-width: 767px) { body.sitemap .sitemap_list .level_4 { padding-left: 20px; } }

/*# sourceMappingURL=map/style.css.map */