@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap");
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
}
 
html {
   overflow: overlay;
}
 
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:before,
blockquote:after,
q:before,
q:after {
 content: "";
 content: none;
}
 
a {
 margin: 0;
 padding: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
}
 
/* change colours to suit your needs */
ins {
 background-color: #ff9;
 color: #000;
 text-decoration: none;
}
 
/* change colours to suit your needs */
mark {
 background-color: #ff9;
 color: #000;
 font-style: italic;
 font-weight: bold;
}
 
del {
 text-decoration: line-through;
}
 
abbr[title],
dfn[title] {
 border-bottom: 1px dotted;
 cursor: help;
}
 
table {
 border-collapse: collapse;
 border-spacing: 0;
}
 
/* change border colour to suit your needs */
hr {
 display: block;
 height: 1px;
 border: 0;
 border-top: 1px solid #cccccc;
 margin: 1em 0;
 padding: 0;
}
 
input,
select {
 vertical-align: middle;
}
 
body {
 -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
         text-size-adjust: 100%;
 overflow-x: hidden;
 color: black;
 margin: 0 auto;
 font-family: "Noto Sans JP", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
 color: #333;
}
 
.pc {
 display: block;
}
 
.sp {
 display: none;
}
 
span.orange {
 color: #F3734E;
}
span.daidai {
 color: #EE6D4D;
}
span.fz15em {
 font-size: 1.5em;
color: #FE8939;
}
span.fz05em {
 font-size: 0.5em;
}
 
html {
 scroll-behavior: smooth;
 font-size: 10px;
 background: #fff;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body p,
html body b,
html body li,
html body a,
html body em,
html body strong,
html body span {
 font-family: "Noto Sans JP", serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
 font-optical-sizing: auto;
 font-style: normal;
 color: #333;
 font-weight: 400;
}
html body header {
 width: 100%;
 margin: 0 auto;
}
html body section {
 width: 100%;
}
html body .contents {
 max-width: 1000px;
 width: 100%;
 margin: 0 auto;
}
html body img {
 width: 100%;
 height: auto;
}
html body h1 {
 font-size: 4.2rem;
 line-height: 140%;
}
html body h2 {
 font-size: 3rem;
 line-height: 1.23;
 margin: 80px 0 30px;
}
html body h3 {
 font-size: 2.4rem;
 line-height: 1.27;
 margin: 80px 0 30px;
}
html body h4 {
 font-size: 2.1rem;
 line-height: 140%;
}
html body h5 {
 font-size: 1.18rem;
 font-weight: bold;
 line-height: 140%;
}
html body p {
 font-size: 18px;
 line-height: 2;
 margin: 0 0 30px;
 font-weight: 400;
}
html body b, html body em, html body tr {
 font-size: 16px;
}
html body a {
 color: #333;
 text-decoration: none;
 font-size: 16px;
}
html body li {
 list-style: none;
 font-size: 16px;
}
html body footer {
 width: 100%;
}
@media (max-width: 1024px) {
 html html body .contents {
   width: 95%;
 }
}
@media (max-width: 734px) {
 html .pc {
   display: none;
 }
 html .sp {
   display: block;
 }
 html html body .contents {
   width: 90%;
 }
}
 
header .header-wrap {
 width: 100vw; /* ビューポート幅に合わせる */
 max-width: 1600px;
 margin: 0 auto;
}
header .header-wrap img {
 width: 100%;
 position: relative;
}
header .header-wrap .contents {
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
 bottom: 0;
 max-width: none;
 width: 90%;
 margin: 0 auto;
 max-width: 1300px;
}
header .header-wrap .contents .fv_text em.fv_attention {
 background-color: #FFF;
 padding: 10px 15px;
 margin: 5% auto 7% auto;
 display: inline-block;
 font-size: clamp(16px, 2.8vw, 38px);
}
header .header-wrap .contents .fv_text h1 {
 font-family: "Noto Serif JP", serif;
 font-optical-sizing: auto;
 font-style: normal;
 font-size: clamp(16px, 5.4vw, 72px); /* 最小16px, 推奨5.4vw, 最大50px */
 font-weight: 300;
 padding-left: 18px;
}
header .header-wrap .contents .fv_text h1 span {
 font-family: "Noto Serif JP", serif;
 font-optical-sizing: auto;
 font-style: normal;
}
header .header-wrap .contents .fv_text .logo {
 margin-top: 15px;
 text-align: center;
 text-align: center;
 font-size: 30px;
 font-weight: 300;
}
header .header-wrap .contents .fv_text .logo img {
 width: 33%;
}
header .header-wrap .contents .fv_text .logo span {
 font-size: 1.5em;
}
header .fv_block {
 max-width: 1000px;
 width: 90%;
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin: 0 auto;
}
header .fv_block p {
 width: 50%;
 font-size: 3rem;
 padding-top: 15px;
 font-weight: 200;
}
header .fv_block ul {
 width: 50%;
 gap: 10px;
 display: flex;
 justify-content: center;
 gap: 30px;
 margin: 20px 0;
 /* 全体の上下間隔を調整（任意） */
}
header .fv_block ul li {
 position: relative; /* 子要素の位置を調整するため */
 width: 120px; /* 平行四辺形の幅 */
 height: 100px; /* 平行四辺形の高さ */
 background: #F8E4A7; /* 背景色 */
 transform: skew(-20deg); /* 平行四辺形の形状を作成 */
}
header .fv_block ul li span {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) skew(20deg); /* テキストを中央揃えにし、元の形状に戻す */
 text-align: center; /* テキストを中央揃え */
 font-size: 20px; /* 文字サイズ */
 line-height: 2; /* 行間 */
}
 
main {
 max-width: 1400px;
 margin: 0 auto;
}
main section.cta_cnt {
 background: url(../../../uploads/bgsipping.webp);
}
main section.cta_cnt .cta-wrap .contents {
 text-align: center;
}
main section.cta_cnt .cta-wrap .contents h2 {
 font-weight: 100;
 margin: 0;
 padding: 50px 0 30px 0;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
}
main section.cta_cnt .cta-wrap .contents h2::before, main section.cta_cnt .cta-wrap .contents h2::after {
 content: "";
 width: 50px;
 /* 線の長さを指定 */
 border-top: 1px solid #000;
 /* 線の色と太さ */
 margin: 0 10px;
 /* テキストとの間隔 */
}
main section.cta_cnt .cta-wrap .contents h3 {
 font-weight: 200;
 margin: auto auto 50px auto;
}
main section.cta_cnt .cta-wrap .contents h3 span {
 background-color: #FE8939;
 color: #FFF;
 padding: 1px 3px;
 font-size: 1.5em;
 font-weight: 200;
}
main section.cta_cnt .cta-wrap .contents .cta_list {
 display: flex;
 justify-content: space-between;
 align-items: end;
 padding-bottom: 50px;
}
main section.cta_cnt .cta-wrap .contents .cta_list ul {
 padding-bottom: 50px;
}
main section.cta_cnt .cta-wrap .contents .cta_list ul.fast_buy {
 width: 50%;
background: #fff;
}
main section.cta_cnt .cta-wrap .contents .cta_list ul.repeat_buy {
 width: 45%;
}
main section.cta_cnt .cta-wrap .contents .cta_list ul li em {
 background-color: #F8E4A7;
 padding: 7px 40px;
 font-size: 16px;
 margin: 30px auto;
 display: inline-block;
}
main section.cta_cnt .cta-wrap .contents .cta_list ul li h4 {
 font-size: 2.6rem;
 font-weight: bold;
}
main section.cta_cnt .cta-wrap .contents .cta_list ul li p {
 font-size: 1.8vh;
}
main section.cta_cnt .cta-wrap .contents .cta_list ul li img {
 width: 50%;
}
main section.cta_cnt .cta-wrap .contents .cta_list ul li h5 {
 line-height: inherit;
 font-size: 5rem;
 line-height: inherit;
 display: flex;
 align-items: end;
 justify-content: center;
 margin-bottom: 50px;
}
main section.cta_cnt .cta-wrap .contents .cta_list ul li h5 span {
 margin: 0 5px;
}
main section.cta_cnt .cta-wrap .contents .cta_list ul li h5 span.free_shipping {
 background-color: #F8E4A7;
 width: 50px;
 height: 50px;
 display: inline-flex;
 justify-content: center;
 align-items: center;
 font-size: 0.4em;
}
main section.cta_cnt .cta-wrap .contents .cta_list ul li h5 span.yen {
 font-size: 0.6em;
 position: relative;
}
main section.cta_cnt .cta-wrap .contents .cta_list ul li h5 span.yen::after {
 content: "税込";
 position: absolute;
 top: -34%;
 left: 2px;
 font-size: 0.4em;
}
main section.cta_cnt .cta-wrap .contents .cta_list ul li h5 span.weight {
 font-size: 0.3em;
 align-items: end;
}
main section.cta_cnt .cta-wrap .contents .cta_list ul li .cta_btn {
 margin: 30px auto;
 padding: 20px 50px;
 font-size: 1.8rem;
 border-radius: 5px;
 margin: 0px auto;
 color: #fff;
 overflow: hidden;
 background: rgb(254, 181, 160);
 background: linear-gradient(180deg, rgb(254, 181, 160) 0%, rgb(237, 103, 64) 50%, rgb(243, 115, 78) 100%);
 position: relative;
}
main section.cta_cnt .cta-wrap .contents .cta_list ul li .cta_btn:hover {
 color: #fbfbfb;
 opacity: 0.6;
}
main section.cta_cnt .cta-wrap .contents .cta_list ul li .cta_btn::after {
 content: "";
 background: url(../../../uploads/cta_btn.webp) no-repeat;
 background-size: contain;
 width: 18px;
 height: 18px;
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 0 auto;
 top: 40%;
 right: 8%;
 position: absolute;
}
main section.section_01 {
 text-align: center;
}
main section.section_01 .section_01-wrap {
 background: url(../../../uploads/back_inazuma.webp) no-repeat;
}
main section.section_01 .section_01-wrap .contents {
 width: 800px;
 background-color: #747B7D;
 text-align: center;
}
main section.section_01 .section_01-wrap .contents h2 {
 margin: 0;
 padding-top: 50px;
 color: #FFF;
 font-weight: 200;
}
main section.section_01 .section_01-wrap .contents h2 span {
 font-size: 1.2em;
 color: #FFF;
 font-weight: 200;
}
main section.section_01 .section_01-wrap .contents .section1_area.section1 {
 margin: 50px auto;
}
main section.section_01 .section_01-wrap .contents .section1_area.section1:nth-of-type(2) .worries_ditail ul {
 margin: 0 0 0 auto;
 -moz-text-align-last: left;
      text-align-last: left;
}
main section.section_01 .section_01-wrap .contents .section1_area.section1 .balloon1 {
 position: relative;
 display: inline-block;
 margin: 1.5em 0;
 padding: 1px 20px;
 min-width: 120px;
 max-width: 100%;
 color: #555;
 background: #363F41;
}
main section.section_01 .section_01-wrap .contents .section1_area.section1 .balloon1::before {
 content: "";
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -15px;
 border: 15px solid transparent;
 border-top: 15px solid #363F41;
}
main section.section_01 .section_01-wrap .contents .section1_area.section1 .balloon1 p {
 margin: 0;
 padding: 0;
 color: #FFF;
 font-size: 26px;
 font-weight: 200;
}
main section.section_01 .section_01-wrap .contents .section1_area.section1 .worries_ditail {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 80%;
 margin: 50px auto;
}
main section.section_01 .section_01-wrap .contents .section1_area.section1 .worries_ditail ul {
 width: 45%;
 margin: 0 auto;
}
main section.section_01 .section_01-wrap .contents .section1_area.section1 .worries_ditail ul li {
 font-size: 16px;
 text-align: left;
 margin: 20px auto;
 color: #FFF;
 font-size: 20px;
 font-weight: 200;
 color: #FFF;
 position: relative;
}
main section.section_01 .section_01-wrap .contents .section1_area.section1 .worries_ditail ul li::before {
 position: absolute;
 content: "";
 background: url(../../../uploads/check.webp) no-repeat;
 background-size: contain;
 width: 25px;
 height: 25px;
 left: -30px;
}
main section.section_01 .section_01-wrap .contents .section1_area.section1 .worries_ditail img {
 width: 45%;
}
main section.section_01 .section_01-wrap .contents .worries_close {
 text-align: center;
}
main section.section_01 .section_01-wrap .contents .worries_close p {
 color: #FFF;
 margin-bottom: 0;
}
main section.section_01 .section_01-wrap .contents .worries_close img {
 width: 30%;
 margin-bottom: 30px;
}
main section.section_01 .section_01-wrap .contents .worries_close strong {
 display: block;
 font-size: 30px;
 font-weight: 200;
 color: #FFF;
}
main section.section_01 img {
 width: 90%;
}
main section.section_01 .section_01-wrap_02 .contents h2 {
 display: inline-block;
 position: relative;
 margin-bottom: 80px;
}
main section.section_01 .section_01-wrap_02 .contents h2 span {
 text-align: right;
 display: block;
}
main section.section_01 .section_01-wrap_02 .contents h2 img {
 width: 85%;
}
main section.section_01 .section_01-wrap_02 .contents h2::after {
 content: "Hhealthy life";
 position: absolute;
 bottom: -93%;
 right: -29%;
 transform: rotate(-10deg);
 color: #F8E4A7;
 font-size: 2.5em;
 font-family: "Oooh Baby", serif;
 font-weight: 400;
 font-style: normal;
 z-index: 1;
}
main section.section_01 .section_01-wrap_02 .contents .section1_area.section2 {
 position: relative;
}
main section.section_01 .section_01-wrap_02 .contents .section1_area.section2 em {
 position: absolute;
 top: 5%;
 left: 10%;
 z-index: 10;
 -moz-text-align-last: left;
 text-align-last: left;
 line-height: 2;
 font-size: 4em;
}
main section.section_01 .section_01-wrap_02 .contents .section1_area.section2 em img {
 width: 70%;
}
main section.section_01 .section_01-wrap_02 .contents .section1_area.section2 em span {
 background-color: rgba(248, 228, 167, 0.5);
}
main section.section_02 .section_02-wrap .contents {
 text-align: center;
}
main section.section_02 .section_02-wrap .contents .section_02_area {
 padding: 100px 0 30px 0;
 width: 700px;
 margin: 100px auto;
 background-color: #F7F7ED;
 position: relative;
 text-align: center;
}
main section.section_02 .section_02-wrap .contents .section_02_area::after {
 position: absolute;
 content: "POINT\a  01";
 white-space: pre;
 color: #D3A013;
 top: -75px;
 right: 0;
 left: 0;
 margin: 0 auto;
 font-size: 30px;
 display: inline-block;
 height: 150px;
 width: 150px;
 border-radius: 50%;
 line-height: 1.6;
 background-color: #F7F7ED;
 display: flex;
 align-items: center;
 justify-content: center;
}
main section.section_02 .section_02-wrap .contents .section_02_area h3 {
 margin-top: 0;
 font-weight: bold;
 line-height: 2.5;
}
main section.section_02 .section_02-wrap .contents .section_02_area h3 span {
 font-weight: bold;
}
main section.section_02 .section_02-wrap .contents .section_02_area img {
 width: 90%;
}
main section.section_02 .section_02-wrap .contents .section_02_area ul.nutrients {
 display: flex;
 gap: 30px;
 justify-content: center;
}
main section.section_02 .section_02-wrap .contents .section_02_area ul.nutrients li {
 font-size: 20px;
 line-height: 1.5;
 font-weight: bold;
 display: block;
 display: flex;
 justify-content: center;
 align-items: center;
 background-color: #fff;
 height: 150px;
 width: 150px;
 border-radius: 50%;
 position: relative;
}
main section.section_02 .section_02-wrap .contents .section_02_area ul.nutrients li::before {
 content: "";
 position: absolute;
 top: 10px;
 /* 内側のボーダーの太さ */
 left: 10px;
 right: 10px;
 bottom: 10px;
 border-radius: 50%;
 border: 1px solid #E2E7EF;
 /* 内側ボーダーの色と太さ */
}
main section.section_02 .section_02-wrap .contents .section_02_area .key_nutrients {
 position: relative;
 background-color: #FFFCE6;
 width: 95%;
 box-shadow: rgba(58, 58, 58, 0.2) 0.78px 1.84px 6px 0;
 margin: 0 auto;
 display: block;
 padding: 30px 0;
 margin-top: 50px;
}
main section.section_02 .section_02-wrap .contents .section_02_area .key_nutrients::after {
 content: "";
 background: url(../../../uploads/section2_image03.webp) no-repeat;
 width: 65%;
 height: 65%;
 bottom: -33%;
 right: -31%;
 position: absolute;
 display: inline-block;
 background-size: contain;
}
main section.section_02 .section_02-wrap .contents .section_02_area .key_nutrients h3 {
 top: -105px;
 right: 0;
 left: 0;
 margin: 0 auto;
 margin-top: 70px;
 position: absolute;
}
main section.section_02 .section_02-wrap .contents .section_02_area .key_nutrients ul {
 display: flex;
 justify-content: space-evenly;
 align-items: center;
 width: 80%;
 margin: 0 auto;
}
main section.section_02 .section_02-wrap .contents .section_02_area .key_nutrients ul li {
 text-align: left;
 width: 33%;
 margin: 10px auto;
}
main section.section_02 .section_02-wrap .contents .section2 {
 background-color: #FAEFEE;
}
main section.section_02 .section_02-wrap .contents .section2::after {
 content: "POINT\a  02";
 background-color: #FAEFEE;
}
main section.section_02 .section_02-wrap .contents .section2 h3 {
 margin: 50px auto;
 line-height: 1.5;
}
main section.section_02 .section_02-wrap .contents .section2 h3 span.daidai {
 font-weight: bold;
}
main section.section_02 .section_02-wrap .contents .section2 h3 img {
 width: 40%;
}
main section.section_02 .section_02-wrap .contents .section2 .lettuce_area {
 text-align: left;
 margin: 0 auto;
 width: 80%;
 position: relative;
}
main section.section_02 .section_02-wrap .contents .section2 .lettuce_area img {
 width: 80%;
 margin: 0;
}
main section.section_02 .section_02-wrap .contents .section2 .lettuce_area em {
 position: absolute;
 display: flex;
 justify-content: center;
 align-items: center;
 height: 150px;
 width: 150px;
 background-color: #EE6D4D;
 border-radius: 50%;
 top: 5px;
 right: 0;
}
main section.section_02 .section_02-wrap .contents .section2 .lettuce_area em p {
 color: #FFF;
 line-height: normal;
 text-align: center;
 margin: 0;
 padding: 0 0 5px 0;
}
main section.section_02 .section_02-wrap .contents .section2 .lettuce_area em p span {
 color: #FFF;
}
main section.section_02 .section_02-wrap .contents .section2 P {
 font-weight: 400;
 justify-content: center;
 align-items: center;
}
main section.section_02 .section_02-wrap .contents .section2 P img {
 width: 30%;
}
main section.section_02 .section_02-wrap .contents .section3 {
 background-color: #F5F0F7;
}
main section.section_02 .section_02-wrap .contents .section3::after {
 content: "POINT\a  03";
 background-color: #F5F0F7;
 white-space: pre;
}
main section.section_02 .section_02-wrap .contents .section3 .img_area {
 position: relative;
}
main section.section_02 .section_02-wrap .contents .section3 .img_area p {
 position: absolute;
 -moz-text-align-last: left;
      text-align-last: left;
 top: 15%;
 left: 10%;
 font-weight: 300;
 font-size: 2em;
}
main section.section_02 .section_02-wrap .contents .section3 strong {
 display: block;
 margin: 50px auto;
 line-height: 2;
 font-size: 20px;
}
main section.section_02 .section_02-wrap .contents .section3 strong img {
 width: 30%;
}
main section.section_02 .section_02-wrap .contents .section3 ul {
 display: flex;
 justify-content: center;
 position: relative;
 padding: 150px 0;
}
main section.section_02 .section_02-wrap .contents .section3 ul::before {
 position: absolute;
 content: "";
 background: url(../../../uploads/section_02_pc2.webp) no-repeat;
 background-size: contain;
 width: 40%;
 height: 40%;
 top: -8%;
 left: 0;
}
main section.section_02 .section_02-wrap .contents .section3 ul::after {
 position: absolute;
 content: "";
 background: url(../../../uploads/2025/01/坂口様dried_fruit.webp) no-repeat;
 background-size: contain;
 width: 50%;
 height: 50%;
bottom: -8%;
   right: -25%;
   z-index: 10;
}
main section.section_02 .section_02-wrap .contents .section3 ul li {
 font-size: 20px;
 line-height: 1.5;
 font-weight: bold;
 display: block;
 display: flex;
 justify-content: center;
 align-items: center;
 background-color: #fff;
 height: 150px;
 width: 150px;
 border-radius: 50%;
 position: relative;
}
main section.section_02 .section_02-wrap .contents .section3 ul li:nth-of-type(1) {
 left: 40px;
 z-index: 1;
}
main section.section_02 .section_02-wrap .contents .section3 ul li:nth-of-type(2) {
 z-index: 2;
 left: 20px;
}
main section.section_02 .section_02-wrap .contents .section3 ul li:nth-of-type(3) {
 z-index: 3;
}
main section.section_02 .section_02-wrap .contents .section3 ul li:nth-of-type(4) {
 z-index: 4;
 right: 20px;
}
main section.section_02 .section_02-wrap .contents .section3 ul li::before {
 content: "";
 position: absolute;
 top: 10px;
 /* 内側のボーダーの太さ */
 left: 10px;
 right: 10px;
 bottom: 10px;
 border-radius: 50%;
 border: 1px solid #E2E7EF;
 /* 内側ボーダーの色と太さ */
}
main section.section_03 .section3_area {
 margin: -90px auto;
 position: relative;
}
main section.section_03 .section3_area p {
 position: absolute;
 left: 10%;
 top: 40%;
 font-size: 30px;
 display: block;
}
main section.section_03 .section3_area p::after {
 position: absolute;
 content: "";
 background: url(../../../uploads/under_bar.webp) no-repeat;
 background-size: contain;
 width: 300px;
 height: 150%;
 bottom: -200%;
 right: 0;
 left: -25%;
}
main section.section_03 .section3_area:nth-of-type(2) p {
 left: 70%;
}
main section.section_03 .section3_area:nth-of-type(3) {
 margin: -90px auto 0 auto;
}
main section.section_03 .section3_area:nth-of-type(3) p {
 left: 15%;
}
main section.section_03 .section3_area:nth-of-type(3) p::after {
 position: absolute;
 content: "";
 background: url(../../../uploads/under_bar.webp) no-repeat;
 background-size: contain;
 width: 300px;
 height: 150%;
 bottom: -200%;
 right: 0;
 left: -100%;
}
main section.section_03 .section_03-wrap .head_contents {
 text-align: center;
 background: url(../../../uploads/bg_square.webp) no-repeat;
 background-size: cover;
 margin-top: 50px;
}
main section.section_03 .section_03-wrap .head_contents h2 {
 padding: 11% 0;
 margin: 0;
}
main section.section_03 .section_03-wrap .head_contents h2 img {
 width: 30%;
}
main section.section_03 .right_contents {
 background: url(../../../uploads/raisin_1.webp) no-repeat;
 background-position: right top;
 /* 背景画像を右上に配置 */
 background-size: contain;
 padding-bottom: 50px;
}
main section.section_03 .right_contents.section3 {
 background: url(../../../uploads/fig_1.webp) no-repeat;
 background-position: right top;
 /* 背景画像を右上に配置 */
 background-size: contain;
}
main section.section_03 .right_contents.section3 .text_area h3 {
 color: #BA6845;
}
main section.section_03 .right_contents.section3 .text_area h3::before {
 content: "FIG";
 left: -28%;
}
main section.section_03 .right_contents.section5 {
 background: url(../../../uploads/belly.webp) no-repeat;
 background-position: right top;
 /* 背景画像を右上に配置 */
 background-size: contain;
}
main section.section_03 .right_contents.section5 .text_area h3 {
 color: #FDAF1E;
}
main section.section_03 .right_contents.section5 .text_area h3::before {
 content: "INCA\a  BERRY";
 white-space: pre;
 line-height: 1;
}
main section.section_03 .right_contents .text_area {
 width: 450px;
 margin: 0 auto;
}
main section.section_03 .right_contents .text_area h3 {
 color: #8B5B5F;
 position: relative;
 font-weight: bold;
}
main section.section_03 .right_contents .text_area h3::before {
 position: absolute;
 content: "RAISNS";
 color: #EBEBEB;
 top: 82px;
 left: -50%;
 display: inline-block;
 transform: rotate(270deg);
 font-size: 3em;
 font-family: math;
}
main section.section_03 .right_contents .text_area p {
 font-weight: 300;
}
main section.section_03 .left_contents {
 background: url(../../../uploads/green_raisin.webp) no-repeat;
 background-position: left top;
 /* 背景画像を右上に配置 */
 background-size: contain;
 padding-bottom: 50px;
}
main section.section_03 .left_contents.section4 {
 background: url(../../../uploads/date.webp) no-repeat;
 background-position: left top;
 background-size: contain;
}
main section.section_03 .left_contents.section4 .text_area h3 {
 color: #4F2624;
}
main section.section_03 .left_contents.section4 .text_area h3::before {
 content: "DATES";
}
main section.section_03 .left_contents .text_area {
 width: 450px;
 margin: 0 auto;
 text-align: right;
}
main section.section_03 .left_contents .text_area h3 {
 position: relative;
 color: #D3A013;
 font-weight: bold;
}
main section.section_03 .left_contents .text_area h3::before {
 position: absolute;
 content: "RAISNS";
 color: #EBEBEB;
 top: 82px;
 right: -50%;
 display: inline-block;
 transform: rotate(90deg);
 font-size: 3em;
 font-family: math;
}
main section.section_03 .left_contents .text_area p {
 text-align: left;
 font-weight: 300;
}
main section.section_04 .section_04-wrap .contents {
 text-align: center;
}
main section.section_04 .section_04-wrap .contents h2 {
 font-weight: bold;
}
main section.section_04 .section_04-wrap .left_contents {
 background-color: #F8E4A7;
 width: 80%;
 background-size: contain;
 border-radius: 0 500px 500px 0;
 margin: 60px 0;
}
main section.section_04 .section_04-wrap .left_contents.section1, main section.section_04 .section_04-wrap .left_contents.section3 {
 position: relative;
}
main section.section_04 .section_04-wrap .left_contents.section1::after, main section.section_04 .section_04-wrap .left_contents.section3::after {
 position: absolute;
 content: "";
 background: url(../../../uploads/scaled5.webp) no-repeat;
 background-size: contain;
 background-size: contain;
 width: 300px;
 height: 300px;
}
main section.section_04 .section_04-wrap .left_contents.section1::after {
 background: url(../../../uploads/scaled3.webp) no-repeat;
 background-size: contain;
 top: -16%;
 right: -7%;
transform: scale(-1, 1);
}
main section.section_04 .section_04-wrap .left_contents.section3::after {
 background: url(../../../uploads/scaled5.webp) no-repeat;
 background-size: contain;
 top: -30%;
 right: -15%;
}
main section.section_04 .section_04-wrap .left_contents .text_area {
 padding: 50px 0;
 width: 70%;
 margin: 0 auto;
}
main section.section_04 .section_04-wrap .left_contents .text_area h3 {
 margin: 0 0 15px 0;
}
main section.section_04 .section_04-wrap .left_contents .text_area span.bgorange {
 font-size: 20px;
 color: #FE8939;
 display: block;
 margin-bottom: 30px;
}
main section.section_04 .section_04-wrap .left_contents .text_area p span.bgorange {
 display: inline-block;
 margin-bottom: 0;
}
main section.section_04 .section_04-wrap .right_contents {
 background-color: #F8E4A7;
 width: 80%;
 background-size: contain;
 border-radius: 500px 0 0 500px;
 background-position: right;
 margin: 0 0 0 auto;
}
main section.section_04 .section_04-wrap .right_contents.section2, main section.section_04 .section_04-wrap .right_contents.section4 {
 position: relative;
}
main section.section_04 .section_04-wrap .right_contents.section2::before, main section.section_04 .section_04-wrap .right_contents.section4::before {
 position: absolute;
 content: "";
 background: url(../../../uploads/scaled4.webp) no-repeat;
 background-size: contain;
 background-size: contain;
 width: 300px;
 height: 300px;
}
main section.section_04 .section_04-wrap .right_contents.section2::before {
 background: url(../../../uploads/scaled4.webp) no-repeat;
 background-size: contain;
 top: -16%;
 left: -7%;
}
main section.section_04 .section_04-wrap .right_contents.section4::before {
 background: url(../../../uploads/scaled2.webp) no-repeat;
 background-size: contain;
 top: -16%;
 left: -10%;
 transform: scale(-1, 1);
}
main section.section_04 .section_04-wrap .right_contents .text_area {
 padding: 50px 0;
 width: 70%;
 margin: 0 auto;
}
main section.section_04 .section_04-wrap .right_contents .text_area h3 {
 margin: 0 0 15px 0;
 text-align: right;
}
main section.section_04 .section_04-wrap .right_contents .text_area span.bgorange {
 font-size: 20px;
 text-align: right;
 color: #FE8939;
 display: block;
 margin-bottom: 30px;
}
main section.section_04 .section_04-wrap .right_contents .text_area p span.bgorange {
 display: inline-block;
 margin-bottom: 0;
}
main section.section_05 .section_05-wrap .contents {
 text-align: center;
}
main section.section_05 .section_05-wrap .contents img {
 width: 30%;
}
main section.section_05 .section_05-wrap .contents img.owner {
 margin: 50px auto;
}
main section.section_05 .section_05-wrap .contents .text_area {
 background: url(../../../uploads/message_bg.webp) no-repeat;
 background-size: contain;
 width: 100%;
 background-position: center;
}
main section.section_05 .section_05-wrap .contents .text_area p {
 width: 50%;
 margin: 0 auto;
 text-align: left;
 padding-bottom: 70px;
 font-weight: 500;
font-family: serif;
 
}
main section.section_06 .section_06-wrap {
 overflow: hidden;
}
main section.section_06 .section_06-wrap .contents .delivery {
 width: 80%;
 margin: 0 auto;
 background-color: #FDFBF5;
 text-align: center;
 position: relative;
 z-index: -5;
}
main section.section_06 .section_06-wrap .contents .delivery .deliver_h2 {
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 padding: 50px 0;
 margin: 80px auto 0 auto;
}
main section.section_06 .section_06-wrap .contents .delivery .deliver_h2::before, main section.section_06 .section_06-wrap .contents .delivery .deliver_h2::after {
 content: "";
 width: 100px;
 /* 線の長さを指定 */
 border-top: 1px solid #000;
 /* 線の太さと色 */
 margin: 0 10px;
 /* テキストとの間隔 */
}
main section.section_06 .section_06-wrap .contents .delivery h2 {
 margin: 0;
}
main section.section_06 .section_06-wrap .contents .delivery h2 img {
 width: 40%;
}
main section.section_06 .section_06-wrap .contents .delivery h3 {
 margin: 0 auto 100px auto;
 line-height: 2;
}
main section.section_06 .section_06-wrap .contents .delivery .keep {
 position: relative;
 z-index: -2;
}
main section.section_06 .section_06-wrap .contents .delivery .keep::after {
 position: absolute;
 content: "";
 background: rgba(196, 196, 196, 0.5);
 background-size: contain;
 width: 200%;
 height: 320px;
 transform: rotate(-5deg);
 top: -50px;
 right: 0;
 left: -50%;
 margin: 0 auto;
 z-index: 1;
}
main section.section_06 .section_06-wrap .contents .delivery .keep::before {
 position: absolute;
 content: "だから！";
 background: #F8E4A7;
 height: 100px;
 width: 100px;
 margin: 0 auto;
 right: 0;
 left: 0;
 bottom: -70%;
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius: 50%;
 font-size: 16px;
 z-index: 2;
}
main section.section_06 .section_06-wrap .contents .delivery .keep p {
 position: relative;
 z-index: 10;
}
main section.section_06 .section_06-wrap .contents .delivery .keep .balloon p {
 background: url(../../../uploads/balloon.webp) no-repeat;
 background-size: contain;
 display: inline-block;
 padding: 10px 20px 20px 20px;
 position: relative;
 z-index: 10;
}
main section.section_06 .section_06-wrap .contents .delivery .keep strong {
 position: relative;
 z-index: 10;
 font-size: 30px;
}
main section.section_06 .section_06-wrap .contents .delivery .keep strong span {
 margin: auto 10px;
}
main section.section_06 .section_06-wrap .contents .delivery h3:nth-of-type(2) {
 margin: 150px auto 30px auto;
}
main section.section_06 .section_06-wrap .contents .delivery h3:nth-of-type(2) span {
 border-bottom: 8px solid #F8E4A7;
 padding-bottom: 5px;
}
main section.section_06 .section_06-wrap .contents .delivery .section1_1 {
 display: flex;
 justify-content: space-evenly;
 align-items: center;
 gap: 10px;
 padding-bottom: 30px;
}
main section.section_06 .section_06-wrap .contents .delivery .section1_1 img {
 width: 40%;
}
main section.section_06 .section_06-wrap .contents .delivery .section1_1 p {
 width: 40%;
 text-align: left;
}
main section.section_07 .section_07-wrap {
 margin-top: 200px;
}
main section.section_07 .section_07-wrap .contents .info {
 text-align: center;
 position: relative;
 margin-bottom: 50px;
}
main section.section_07 .section_07-wrap .contents .info .info_kabi {
 position: absolute;
 top: -50px;
 right: 0;
 left: 0;
 margin: 0 auto;
}
main section.section_07 .section_07-wrap .contents .info .info_kabi p.info {
 position: absolute;
 left: 25%;
}
main section.section_07 .section_07-wrap .contents .info .info_kabi p.info span {
 transform: rotate(-10deg);
 display: block;
}
main section.section_07 .section_07-wrap .contents .info .info_kabi p.info::after {
 content: "";
 position: absolute;
 top: 15px;
 left: 0;
 background: url(../../../uploads/speech2.webp) no-repeat;
 background-size: contain;
 width: 160px;
 height: 160px;
}
main section.section_07 .section_07-wrap .contents .info p.info_ditail {
 position: absolute;
 right: 0;
 left: 0;
 bottom: 0;
 text-align: left;
 width: 70%;
 margin: 0 auto;
}
main section.section_08 .section_08-wrap {
 position: relative;
}
main section.section_08 .section_08-wrap .contents {
 position: absolute;
 top: 0;
 margin: 0 auto;
 right: 0;
 left: 0;
}
main section.section_08 .section_08-wrap .contents h2 {
 margin-left: 15%;
 display: inline-block;
 position: relative;
 font-family: serif;
}
main section.section_08 .section_08-wrap .contents h2::after {
 content: "Interior";
 position: absolute;
 bottom: -200%;
 right: -40%;
 transform: rotate(-10deg);
 color: #FE8939;
 font-size: 2.5em;
 font-family: "Oooh Baby", serif;
 font-weight: 400;
 font-style: normal;
}
main section.section_08 .section_08-wrap .contents p {
 width: 35%;
 background-color: rgba(8, 4, 0, 0.35);
 padding: 20px;
 color: #fff;
}
main section.section_09 .section_09-wrap {
 position: relative;
}
main section.section_09 .section_09-wrap .contents {
 position: absolute;
 bottom: 50px;
 left: 0;
 right: 0;
 margin: 0 auto;
 max-width: 1100px;
}
main section.section_09 .section_09-wrap .contents .introduction {
 position: relative;
}
main section.section_09 .section_09-wrap .contents .introduction p.text_area {
 position: relative;
 background-color: #E2DACC;
 border-radius: 15px;
 padding: 30px 50px;
 box-shadow: rgba(51, 51, 51, 0.3) 0px 4px 0px 0;
 font-size: 20px;
 line-height: 3;
}
main section.section_09 .section_09-wrap .contents .introduction p.text_area span {
 display: block;
 /* 各行をブロック要素にする */
 border-bottom: 1px dashed #333;
 /* 下線を追加 */
 padding-bottom: 5px;
 /* 下線と文字の間隔 */
}
main section.section_09 .section_09-wrap .contents .introduction p.text_area::before {
 content: "";
 content: "";
 background: url(../../../uploads/yoshino.webp) no-repeat;
 background-size: contain;
 position: absolute;
 width: 300px;
 height: 300px;
 bottom: 100%;
}
main section.section_09 .section_09-wrap .contents .introduction p.name {
 margin-left: 25%;
 line-height: 1.5;
 font-size: 28px;
 text-shadow: rgba(0, 0, 0, 0.3) 0px 4px 4px;
}
main section.section_09 .section_09-wrap .contents .introduction p.name span {
 font-size: 0.8em;
}
main section.section_10 .section_10-wrap {
 text-align: center;
 background: #DBDCDC;
}
main section.section_10 .section_10-wrap h2 {
 margin-top: 0;
 padding-top: 100px;
 position: relative;
 display: inline-block;
}
main section.section_10 .section_10-wrap h2::before, main section.section_10 .section_10-wrap h2::after {
 content: "//////////////////////////";
 position: absolute;
 top: 89%;
 /* テキストの中央位置に配置 */
 font-size: 10px;
}
main section.section_10 .section_10-wrap h2::before {
 left: 0;
}
main section.section_10 .section_10-wrap h2::after {
 right: 0;
}
main section.section_10 .section_10-wrap h2 img {
 width: 50%;
}
main section.section_10 .section_10-wrap h2 span {
 text-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px;
}
main section.section_10 .section_10-wrap .section_10_section1 {
 width: 80%;
 padding-bottom: 21%;
 background: url(../../../uploads/recipe1_bg.webp) no-repeat;
 background-size: cover;
 -moz-text-align-last: left;
      text-align-last: left;
 text-align: center;
 position: relative;
 z-index: 10;
}
main section.section_10 .section_10-wrap .section_10_section1 .r01 {
 text-align: center;
 position: relative;
 margin-bottom: 10px;
}
main section.section_10 .section_10-wrap .section_10_section1 .r01::after {
 content: "";
 position: absolute;
 background: url(../../../uploads/cookie.webp) no-repeat;
 background-size: contain;
 width: 400px;
 height: 400px;
 top: -170%;
 right: -31%;
 z-index: -1;
}
main section.section_10 .section_10-wrap .section_10_section1 .r01 p {
 font-size: 35px;
 font-weight: 400;
 margin: 0;
 line-height: 1;
 color: #EE4951;
}
main section.section_10 .section_10-wrap .section_10_section1 .r01 p span {
 font-size: 0.33em;
 display: block;
 color: #EE4951;
 font-weight: 300;
}
main section.section_10 .section_10-wrap .section_10_section1 em {
 background-color: #FFF;
 color: #EE4951;
 font-size: 25px;
 line-height: 1.4;
 font-weight: 300;
}
main section.section_10 .section_10-wrap .recipe {
 width: 35%;
 padding: 30% 0 30px 0;
 margin: 0 auto 0 200px;
 position: relative;
 z-index: 3;
}
main section.section_10 .section_10-wrap .recipe .recipe_detail {
 background: rgba(8, 4, 0, 0.45);
 border-radius: 15px;
 padding: 50px 0;
 margin-top: 10px;
}
main section.section_10 .section_10-wrap .recipe .recipe_detail p {
 font-size: 16px;
 width: 90%;
 margin: 0 auto;
 color: #FFF;
}
main section.section_10 .section_10-wrap .recipe .recipe_detail p b {
 font-weight: bold;
 color: #FFF;
}
main section.section_10 .section_10-wrap .recipe .recipe_detail ul {
 width: 90%;
 margin: 0 auto;
 display: flex;
 justify-content: start;
}
main section.section_10 .section_10-wrap .recipe .recipe_detail ul li {
 line-height: 1.5;
 color: #FFF;
}
main section.section_10 .section_10-wrap .left_contents {
 background: url(../../../uploads/recipe2_bg.webp) no-repeat;
 background-position: top right;
 background-size: cover;
 margin: 0 0 0 auto;
 width: 85%;
}
main section.section_10 .section_10-wrap .left_contents .r01 {
 text-align: center;
 position: relative;
 display: flex;
 justify-content: flex-end;
 /* 子要素を右端に寄せる */
}
main section.section_10 .section_10-wrap .left_contents .r01 p {
 color: #3E5400;
}
main section.section_10 .section_10-wrap .left_contents .r01 p span {
 color: #3E5400;
}
main section.section_10 .section_10-wrap .left_contents .r01::after {
 content: "";
 position: absolute;
 background: url(../../../uploads/cake02.webp) no-repeat;
 background-size: contain;
 width: 400px;
 height: 400px;
 top: -200%;
 left: -50%;
 z-index: -1;
}
main section.section_10 .section_10-wrap .left_contents .flex {
 display: flex;
 flex-direction: column;
 /* 縦に並べる */
 align-items: flex-end;
 /* 右寄せ */
}
main section.section_10 .section_10-wrap .left_contents .flex .line {
 background-color: #FFF;
 /* 背景色 */
 color: #3E5400;
 font-size: 25px;
 font-weight: 300;
 padding: 2px;
 text-align: right;
 /* テキストを右寄せ */
 width: auto;
 /* 必要な幅だけ占有 */
}
main section.section_10 .section_10-wrap .left_contents .recipe {
 padding: 50% 0 70px 0;
 margin: -60px 210px 0 auto;
}
main section.section_11 .section_11-wrap .contents {
 text-align: center;
}
main section.section_11 .section_11-wrap .contents h2 {
 font-size: 4rem;
 font-weight: bold;
 margin-bottom: 80px;
}
main section.section_11 .section_11-wrap .contents h2 span {
 font-size: 0.3em;
 border-bottom: solid 1px #333;
 padding: 0 30px 5px 30px;
 font-weight: bold;
}
main section.section_11 .section_11-wrap .contents .faq {
 text-align: left;
}
main section.section_11 .section_11-wrap .contents .faq .faqbox {
 border-radius: 5px;
 overflow: hidden;
 border: #FE8939 solid 1px;
 margin: 40px auto;
}
main section.section_11 .section_11-wrap .contents .faq .faqbox ul div {
 width: 90%;
 margin: 0 auto;
 display: flex;
 justify-content: start;
 align-items: center;
}
main section.section_11 .section_11-wrap .contents .faq .faqbox ul li p {
 margin: 0;
 line-height: 1.5;
}
main section.section_11 .section_11-wrap .contents .faq .faqbox ul.qes {
 background-color: #FE8939;
 padding: 20px 0;
}
main section.section_11 .section_11-wrap .contents .faq .faqbox ul.qes li:first-child {
 margin-right: 10px;
}
main section.section_11 .section_11-wrap .contents .faq .faqbox ul.qes li:first-child b {
 padding: 5px 30px;
 color: #F3734E;
 background-color: #FFF;
 border-radius: 50%;
}
main section.section_11 .section_11-wrap .contents .faq .faqbox ul.qes li p {
 color: #FFF;
}
main section.section_11 .section_11-wrap .contents .faq .faqbox ul.ans div li p {
 padding: 20px;
}
 
footer section {
 max-width: 1000px;
 width: 100%;
 margin: 0 auto;
}
footer section .company_ttl,
footer section .company {
 display: flex;
}
footer section .company_ttl {
 justify-content: start;
 align-items: center;
}
footer section .company_ttl img {
 width: 30%;
 margin-right: 50px;
}
footer section .company_ttl h2 {
 margin: 0;
}
footer section .company {
 justify-content: flex-start;
 align-items: start;
}
footer section .company .company_section {
 width: 50%;
}
footer section .company .company_section ul li.logo {
 width: 200px;
}
footer section .company .company_section ul li.logo p {
 margin: 0;
}
footer section .company .company_section ul li a {
 text-decoration: underline;
}
footer .copy {
 text-align: center;
 background-color: #F8E4A7;
}
footer .copy p {
 font-size: 14px;
 padding: 10px 0;
 margin: 0;
}
 
@media (max-width: 1024px) {
 html body .contents {
   width: 95%;
 }
 .pc {
   display: block;
 }
 .sp {
   display: none;
 }
}
@media (max-width: 1024px) {
 header .header-wrap .contents .fv_text em.fv_attention {
   margin: 5% auto 4% auto;
 }
 header .header-wrap .contents .fv_text .logo {
   font-size: 2.5vw;
 }
 header .fv_block p {
   font-size: 3vw;
 }
 header .fv_block ul li span {
   font-size: 2vw;
 }
 main section.cta_cnt .cta-wrap .contents .cta_list ul li p {
   font-size: 1.6vh;
 }
 main section.section_01 img {
   width: 100%;
 }
}
@media (max-width: 1024px) {
 main section.section_01 .section_01-wrap .contents {
   width: 100%;
 }
 main section.section_01 .section_01-wrap_02 .contents h2::after {
   right: -18%;
   font-size: 2em;
 }
 main section.section_01 .section_01-wrap_02 .contents .section1_area.section2 em {
   font-size: 4vw;
 }
 main section.section_02 .section_02-wrap {
   overflow: hidden;
 }
 main section.section_02 .section_02-wrap .contents .section_02_area .key_nutrients::after {
   height: 49%;
   bottom: -22%;
   right: -31%;
 }
 main section.section_02 .section_02-wrap .contents .section3 ul::after {
   right: -13%;
 }
 main section.section_03 .section3_area p::after {
   width: 250px;
   left: -15%;
 }
 main section.section_03 .section3_area:nth-of-type(3) p::after {
   width: 250px;
 }
 main section.section_04 .section_04-wrap .contents {
   margin-bottom: 130px;
 }
 main section.section_03 .left_contents .text_area h3::before {
   right: -44%;
 }
 main section.section_03 .right_contents .text_area h3::before {
   left: -44%;
 }
 html body .contents {
   width: 100%;
 }
 main section.section_07 .section_07-wrap .contents .info .info_kabi p.info {
   left: 19%;
 }
 main section.section_07 .section_07-wrap .contents .info .info_kabi {
   left: 5%;
 }
 main section.section_08 .section_08-wrap .contents {
   width: 90%;
 }
 main section.section_08 .section_08-wrap .contents p {
   width: 50%;
 }
 main section.section_09 .section_09-wrap .contents .introduction p.text_area span {
   font-size: 1.6vw;
 }
 main section.section_09 .section_09-wrap .contents .introduction p.text_area::before {
   width: 180px;
   height: 180px;
 }
 main section.section_09 .section_09-wrap .contents {
   bottom: 10px;
   width: 95%;
 }
 main section.section_10 .section_10-wrap .section_10_section1 {
   width: 100%;
 }
 main section.section_10 .section_10-wrap .recipe {
   width: 70%;
   margin: 0 auto;
 }
 main section.section_10 .section_10-wrap .section_10_section1 .r01::after {
   right: -22%;
 }
 main section.section_10 .section_10-wrap .section_10_section1 em, main section.section_10 .section_10-wrap .left_contents .flex .line {
font-size: 3vw;
font-weight: 400;
 }
 main section.section_10 .section_10-wrap .left_contents .recipe {
   margin: 0 auto;
 }
 main section.section_10 .section_10-wrap .left_contents .r01::after {
   left: -22%;
 }
 main section.section_11 .section_11-wrap .contents {
   width: 95%;
 }
 html body footer section {
   width: 95%;
 }
}
@media (max-width: 1300px) {
 main section.section_10 .section_10-wrap .section_10_section1 {
   padding-bottom: 7%;
 }
}
@media (max-width: 734px) {
 html body .contents {
   width: 90%;
 }
 .pc {
   display: none;
 }
 .sp {
   display: block;
 }
 html body p {
   font-size: 5vw;
 }
 html body h2 {
   font-size: 8vw;
 }
 html body h3 {
   font-size: 6vw;
 }
}
@media (max-width: 734px) {
 header .header-wrap .contents {
   width: 100%;
 }
 header .header-wrap .contents .fv_text em.fv_attention {
   margin: 0 auto;
   width: 100%;
   display: block;
   padding: 10px 0;
   text-align: center;
   font-weight: 400;
 }
 header .header-wrap .contents .fv_text h1 {
   font-size: 10vw;
   margin-top: 23px;
 }
 header .header-wrap .contents .fv_text p {
   padding-left: 18px;
   margin-top: 20px;
 }
 header .fv_block {
   justify-content: center;
   flex-flow: column;
   margin: 0 auto;
   text-align: center;
 }
 header .fv_block ul {
   width: 90%;
 }
 header .fv_block ul li {
   height: 65px;
 }
 header .fv_block ul li span {
   font-size: 3.5vw;
   font-weight: 400;
 }
 header .fv_block {
   font-size: 5vw;
 }
 header .fv_block span {
   font-size: 1.5em;
 }
 header .fv_block img {
   width: 65vw;
 }
}
@media (max-width: 734px) {
 main section.cta_cnt .cta-wrap .contents h2::before,
 main section.cta_cnt .cta-wrap .contents h2::after {
   content: "";
   width: 20px;
 }
 main section.cta_cnt .cta-wrap .contents h3 span {
   padding: 1px 2px;
   font-size: 1.2em;
 }
 main section.cta_cnt .cta-wrap .contents .cta_list {
   justify-content: center;
   align-items: center;
   padding-bottom: 50px;
   flex-flow: column;
 }
 main section.cta_cnt .cta-wrap .contents .cta_list ul.fast_buy {
   width: 100%;
 }
 main section.cta_cnt .cta-wrap .contents .cta_list ul li h5 {
   font-size: 10vw;
   font-weight: 400;
 }
 main section.cta_cnt .cta-wrap .contents .cta_list ul li .cta_btn {
   padding: 20px 70px;
 }
 main section.cta_cnt .cta-wrap .contents .cta_list ul.repeat_buy {
   width: 100%;
   margin-top: 30px;
 }
 main section.cta_cnt .cta-wrap .contents .cta_list ul li h5 span.free_shipping {
   width: 40px;
   height: 40px;
 }
 main section.section_01 .section_01-wrap .contents h2 {
   font-size: 6.5vw;
 }
 main section.section_01 .section_01-wrap .contents .section1_area.section1 .worries_ditail {
   width: 90%;
   margin: 50px 0 0 auto;
 }
 main section.section_01 .section_01-wrap .contents .section1_area.section1:nth-of-type(2) .worries_ditail {
   width: 90%;
   margin: 50px auto 0 0;
 }
 main section.section_01 .section_01-wrap .contents .section1_area.section1:nth-of-type(3) .worries_ditail {
   width: 100%;
   margin: 50px auto 0 0;
   display: block;
 }
 main section.section_01 .section_01-wrap .contents .section1_area.section1:nth-of-type(3) .worries_ditail ul {
   width: 70%;
   margin: 0 auto;
 }
 main section.section_01 .section_01-wrap .contents .section1_area.section1:nth-of-type(3) .worries_ditail img {
   width: 100%;
 }
 main section.section_01 .section_01-wrap .contents .worries_close img {
   width: 55vw;
 }
 main section.section_01 .section_01-wrap .contents .worries_close strong {
   font-size: 6vw;
 }
 main section.section_01 .section_01-wrap_02 .contents h2::after {
   right: 2%;
   font-size: 10vw;
 }
 main section.section_01 .section_01-wrap_02 .contents .section1_area.section2 em img {
   width: 50%;
 }
 main section.section_01 .section_01-wrap_02 .contents .section1_area.section2 em {
   left: 5%;
 }
 main section.section_02 .section_02-wrap .contents .section_02_area::after {
   top: -50px;
   height: 100px;
   width: 100px;
   font-size: 6vw;
 }
 main section.section_02 .section_02-wrap .contents .section_02_area {
   padding: 50px 0 30px 0;
   width: 100%;
 }
 main section.section_02 .section_02-wrap .contents .section_02_area h3 {
   line-height: 1.5;
 }
 main section.section_02 .section_02-wrap .contents .section_02_area {
   padding: 50px 0 30px 0;
 }
 main section.section_02 .section_02-wrap .contents .section_02_area h3 {
   font-weight: 300;
   margin-top: 30px;
 }
 main section.section_02 .section_02-wrap .contents .section_02_area h3 span {
   font-weight: 300;
 }
 main section.section_02 .section_02-wrap .contents .section_02_area ul.nutrients {
   gap: 10px;
 }
 main section.section_02 .section_02-wrap .contents .section_02_area ul.nutrients li {
   font-size: 4vw;
   height: 100px;
   width: 100px;
 }
 main section.section_02 .section_02-wrap .contents .section_02_area ul.nutrients li::before {
   top: 5px;
   left: 5px;
   right: 5px;
   bottom: 5px;
 }
 main section.section_02 .section_02-wrap .contents .section_02_area .key_nutrients ul {
   width: 95%;
 }
 main section.section_02 .section_02-wrap .contents .section_02_area .key_nutrients ul:nth-of-type(7) li:nth-of-type(1), main section.section_02 .section_02-wrap .contents .section_02_area .key_nutrients ul:nth-of-type(8) li:nth-of-type(1) {
   width: 50%;
 }
 main section.section_02 .section_02-wrap .contents .section_02_area .key_nutrients ul li {
   margin: 5px auto;
   font-size: 3.6vw;
 }
 main section.section_02 .section_02-wrap .contents .section_02_area .key_nutrients::after {
   left: 54%;
 }
 main section.section_02 .section_02-wrap .contents .section_02_area.section2 {
   background-color: #FAEFEE;
 }
 main section.section_02 .section_02-wrap .contents .section_02_area h3 {
   font-size: 5vw;
 }
 main section.section_02 .section_02-wrap .contents .section2 .lettuce_area em {
   height: 100px;
   width: 100px;
   top: -10px;
   right: -20px;
 }
 main section.section_02 .section_02-wrap .contents .section2 .lettuce_area em p {
   padding: 0 0 5px 0;
   font-size: 4vw;
 }
 main section.section_02 .section_02-wrap .contents .section2 P {
   font-size: 4.5vw;
 }
 main section.section_02 .section_02-wrap .contents .section_02_area.section3 {
   background-color: #F5F0F7;
 }
 main section.section_02 .section_02-wrap .contents .section3 p {
   text-align: left;
   margin: 0;
   font-size: 5vw;
 }
 main section.section_02 .section_02-wrap .contents .section3 strong {
   text-align: left;
   font-size: 5vw;
   margin-bottom: 0;
 }
 main section.section_02 .section_02-wrap .contents .section3 ul li {
   font-size: 4vw;
   height: 80px;
   width: 80px;
   line-height: 1.3;
 }
 main section.section_02 .section_02-wrap .contents .section3 ul li:nth-of-type(1) {
   left: 15px;
   z-index: 1;
 }
 main section.section_02 .section_02-wrap .contents .section3 ul li:nth-of-type(2) {
   left: 5px;
   z-index: 1;
 }
 main section.section_02 .section_02-wrap .contents .section3 ul li:nth-of-type(3) {
   right: 5px;
   z-index: 1;
 }
 main section.section_02 .section_02-wrap .contents .section3 ul li:nth-of-type(4) {
   right: 15px;
   z-index: 1;
 }
 main section.section_02 .section_02-wrap .contents .section3 ul li::before {
   top: 5px;
   left: 5px;
   right: 5px;
   bottom: 5px;
 }
 main section.section_02 .section_02-wrap .contents .section3 ul {
   display: flex;
   justify-content: center;
   position: relative;
   padding: 30px 0 150px 0;
 }
 main section.section_02 .section_02-wrap .contents .section3 ul::before {
   content: none;
 }
 main section.section_02 .section_02-wrap .contents .section3 ul::after {
   background: url(../../../uploads/2025/01/sakaguchisama_dried_SP.webp) no-repeat;
   background-size: contain;
   width: 100%;
   height: 100%;
   bottom: -37%;
   left: 0px;
   z-index: 1;
 }
 main section.section_03 .section3_area {
   margin: -7% auto;
   position: relative;
 }
 main section.section_03 .section3_area:nth-of-type(3) {
   margin: -7% auto 0 auto;
 }
 main section.section_03 .section3_area p {
   font-size: 5.1vw;
 }
 main section.section_03 .section3_area:nth-of-type(2) p {
   left: 58%;
 }
 main section.section_03 .section3_area:nth-of-type(1) p {
   text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
 }
 main section.section_03 .section3_area:nth-of-type(1) p::after {
   left: -16%;
   background: url(../../../uploads/under_bar_sp_top.webp) no-repeat;
   background-size: contain;
 }
 main section.section_03 .section3_area p::after {
   background: url(../../../uploads/under_bar_sp_top.webp) no-repeat;
   background-size: contain;
   width: 123%;
   left: -12%;
   bottom: -150%;
 }
 main section.section_03 .section3_area:nth-of-type(3) p::after {
   background: url(../../../uploads/under_bar_sp_bottom.webp) no-repeat;
   background-size: contain;
   left: -60%;
   width: 200%;
   bottom: -150%;
 }
 main section.section_03 .section_03-wrap .head_contents h2 {
   padding: 60px 0;
   font-size: 6vw;
 }
 main section.section_03 .right_contents .text_area {
   width: 100%;
   margin: 0 auto;
 }
 main section.section_03 .right_contents .text_area p,
 main section.section_03 .left_contents .text_area p {
   font-size: 4vw;
   width: 90%;
   margin: 0 auto;
 }
 main section.section_03 .right_contents .text_area {
   width: 80%;
   margin: 0 0 0 auto;
 }
 main section.section_03 .right_contents.section1 .text_area h3::before {
   left: -48%;
 }
 main section.section_03 .left_contents .text_area {
   width: 80%;
   margin: 0 auto 0 0;
 }
 main section.section_03 .left_contents .text_area h3::before {
   top: 470%;
   right: -46%;
 }
 main section.section_03 .right_contents .text_area h3::before {
   left: -38%;
   z-index: -1;
 }
 main section.section_03 .right_contents {
   background-position: 15vw;
 }
 main section.section_03 .left_contents {
   background-position: -45vw;
 }
 main section.section_03 .right_contents.section3 {
   background-position: 45vw;
 }
 main section.section_03 .left_contents.section4 {
   background-position: -30vw;
 }
 main section.section_03 .right_contents.section5 {
   background-position: 45vw;
 }
 main section.section_04 .section_04-wrap {
   overflow: hidden;
 }
 main section.section_04 .section_04-wrap .left_contents {
   width: 100%;
 }
 main section.section_04 .section_04-wrap .right_contents {
   width: 100%;
 }
 main section.section_04 .section_04-wrap .left_contents .text_area {
   padding: 30px 0;
   width: 75%;
   margin-left: 30px;
 }
 main section.section_04 .section_04-wrap .left_contents .text_area h3 {
   font-size: 5vw;
 }
 main section.section_04 .section_04-wrap .left_contents .text_area p {
   font-size: 4vw;
 }
 main section.section_04 .section_04-wrap .right_contents .text_area {
   padding: 30px 0;
   width: 75%;
   margin-right: 30px;
 }
 main section.section_04 .section_04-wrap .right_contents .text_area h3 {
   font-size: 5vw;
 }
 main section.section_04 .section_04-wrap .right_contents .text_area p {
   font-size: 4vw;
 }
 main section.section_04 .section_04-wrap .right_contents .text_area p span.bgorange,
 main section.section_04 .section_04-wrap .left_contents .text_area p span.bgorange {
   display: contents;
  margin-bottom: 0;
   font-size: 4vw;
 }
 main section.section_04 .section_04-wrap .left_contents.section1::after {
   top: -10%;
   right: -10%;
   width: 160px;
   height: 160px;
 }
 main section.section_04 .section_04-wrap .right_contents.section2::before,
 main section.section_04 .section_04-wrap .right_contents.section4::before {
   width: 160px;
   height: 160px;
 }
 main section.section_04 .section_04-wrap .left_contents.section3::after {
   width: 200px;
   height: 200px;
   top: -11%;
   right: -15%;
 }
 main section.section_05 .section_05-wrap .contents h2 {
   font-size: 6vw;
 }
 main section.section_05 .section_05-wrap .contents img {
   width: 60%;
 }
 main section.section_05 .section_05-wrap .contents {
   width: 100%;
 }
 main section.section_05 .section_05-wrap .contents .text_area {
   background-size: cover;
 }
 main section.section_05 .section_05-wrap .contents .text_area p {
   width: 90%;
   font-weight: 400;
   font-size: 18px;
padding-bottom: 10px;
font-family: serif;
 }
 main section.section_06 .section_06-wrap .contents {
   width: 95%;
 }
 main section.section_06 .section_06-wrap .contents .delivery {
   width: 100%;
 }
 main section.section_06 .section_06-wrap .contents .delivery h2 {
   font-size: 6v;
 }
 main section.section_06 .section_06-wrap .contents .delivery .keep p {
   position: relative;
   font-size: 4vw;
 }
 main section.section_06 .section_06-wrap .contents .delivery .section1_1 p {
   width: 45%;
   font-size: 4vw;
 }
 main section.section_07 .section_07-wrap .contents {
   width: 100%;
 }
 main section.section_07 .section_07-wrap .contents .info {
   padding-bottom: 100px;
 }
 main section.section_07 .section_07-wrap .contents .info img {
   -o-object-fit: cover;
      object-fit: cover;
   height: 450px;
 }
 main section.section_07 .section_07-wrap .contents .info p.info_ditail {
   font-size: 3.6vw;
   width: 85%;
   bottom: 4%;
 }
 main section.section_07 .section_07-wrap .contents .info .info_kabi {
   position: absolute;
   top: -75px;
   right: 0;
   left: 0;
   margin: 0 auto;
 }
 main section.section_07 .section_07-wrap .contents .info .info_kabi p.info {
   font-size: 4vw;
   left: 6%;
 }
 main section.section_07 .section_07-wrap .contents .info .info_kabi p.info::after {
   top: 9px;
   left: 0;
   height: 110px;
   width: 110px;
 }
 main section.section_08 .section_08-wrap .contents p {
   font-size: 4vw;
   width: 66%;
   margin-top: 50px;
 }
 main section.section_08 .section_08-wrap .contents h2 {
   margin-top: 20px;
   margin-left: 2%;
   font-size: 7vw;
 }
 main section.section_08 .section_08-wrap .contents h2::after {
   right: -5%;
 }
 main section.section_09 .section_09-wrap {
   position: relative;
   background-color: #DBDCDC;
   height: 635px;
 }
 main section.section_09 .section_09-wrap .contents .introduction p.text_area span {
   font-size: 4vw;
 }
 main section.section_09 .section_09-wrap .contents .introduction p.text_area {
   padding: 8px 15px 20px 15px;
   line-height: 2.5;
 }
 main section.section_09 .section_09-wrap .contents {
   bottom: -7%;
   width: 95%;
 }
 main section.section_09 .section_09-wrap .contents .introduction p.text_area span {
   display: inline;
 }
 main section.section_09 .section_09-wrap .contents .introduction p.name {
   font-size: 5vw;
   margin-left: 40%;
 }
 main section.section_10 .section_10-wrap .recipe {
   width: 95%;
   margin: 0 auto;
 }
 main section.section_10 .section_10-wrap .section_10_section1 .r01 p {
   font-size: 11vw;
 }
 main section.section_10 .section_10-wrap .section_10_section1 em, main section.section_10 .section_10-wrap .left_contents .flex .line {
font-size: 6vw;
font-weight: 400;
 }
 main section.section_10 .section_10-wrap h2::before, main section.section_10 .section_10-wrap h2::after {
   font-size: 7px;
 }
 main section.section_10 .section_10-wrap .section_10_section1 {
   width: 100%;
   overflow: hidden;
 }
}
@media (max-width: 734px) {
 footer section .company_ttl {
   justify-content: center;
   align-items: center;
   flex-flow: column;
   margin: 20px auto;
 }
 footer section .company_ttl h2 {
   font-size: 5vw;
 }
 footer section .company_ttl img {
   width: 50%;
   margin-right: 0;
 }
 footer section .company {
   justify-content: center;
   align-items: center;
   flex-flow: column;
   text-align: center;
 }
 footer section .company .company_section {
   width: 100%;
 }
 footer section .company .company_section ul li {
   width: 80%;
   margin: 5px auto;
 }
 footer section .company .company_section ul li.logo {
   width: 50%;
   margin: 0 auto;
 }
 footer section .company .company_section ul li p {
   font-size: 4vw;
   margin: 0;
   line-height: 1.8;
   text-align: left;
 }
 footer section .company .company_section ul li h3 {
   margin: 20px auto;
 }
 hr {
   display: block;
   height: 1px;
   width: 100%;
   border: 0;
   border-top: 1px solid #cccccc;
   margin: 3em 0 1em 0;
   padding: 0;
 }
 footer .copy {
   margin-top: 30px;
 }
}/*# sourceMappingURL=style.css.map */
 
 
 /* 2025/1/13日追加分------------------------------ */
main {
 overflow: hidden;
}
 
section.section_09_2 {
 height: 1250px;
 background-color: #EFF5F5;
}
section.section_09_2 .section_09_2-wrap {
 position: relative;
 margin: 0 auto;
 max-width: 1300px;
}
section.section_09_2 .section_09_2-wrap img {
 width: 60%;
}
section.section_09_2 .section_09_2-wrap .contents {
 position: absolute;
 bottom: -120%;
 left: 0;
 right: 0;
 margin: 0 auto;
 max-width: 1100px;
}
section.section_09_2 .section_09_2-wrap .contents::before {
 content: "";
 background: url(../../../uploads/2025/01/leaf2.webp) no-repeat;
 background-size: contain;
 position: absolute;
 width: 300px;
 height: 500px;
 bottom: -40%;
 left: -14%;
 z-index: 3;
}
section.section_09_2 .section_09_2-wrap .contents::after {
 content: "";
 background: url(../../../uploads/2025/01/leaf3.webp) no-repeat;
 background-size: contain;
 position: absolute;
 width: 500px;
 height: 500px;
 bottom: 68%;
 right: -22%;
}
section.section_09_2 .section_09_2-wrap .contents .introduction {
 position: relative;
}
section.section_09_2 .section_09_2-wrap .contents .introduction p.text_area {
 position: relative;
 background-color: #E8ECEC;
 border-radius: 15px;
 padding: 30px 50px;
 box-shadow: rgba(51, 51, 51, 0.3) 0px 4px 0px 0;
 font-size: 24px;
 line-height: 3;
}
section.section_09_2 .section_09_2-wrap .contents .introduction p.text_area span {
 display: block;
 /* 各行をブロック要素にする */
 border-bottom: 1px dashed #333;
 /* 下線を追加 */
 padding-bottom: 5px;
 /* 下線と文字の間隔 */
}
section.section_09_2 .section_09_2-wrap .contents .introduction p.text_area span em.ul {
border-bottom: 5px solid rgba(254, 137, 57, 0.6);
 display: inline-block;
 font-size: 24px;
 line-height: normal;
}
section.section_09_2 .section_09_2-wrap .contents .introduction p.text_area::before {
 content: "";
 background: url(../../../uploads/2025/01/pharmacist2.webp) no-repeat;
 background-size: contain;
 position: absolute;
 width: 500px;
 height: 500px;
 bottom: 81.5%;
 left: -3%;
}
section.section_09_2 .section_09_2-wrap .contents .introduction p.name {
 margin-left: 39%;
 line-height: 1.5;
 font-size: 28px;
 text-shadow: rgba(0, 0, 0, 0.3) 0px 4px 4px;
}
section.section_09_2 .section_09_2-wrap .contents .introduction p.name span {
 font-size: 0.8em;
}
 
section.section_10_2 {
 background-color: #EFF5F5;
}
section.section_10_2 .section_10_2_wrap {
 text-align: center;
}
section.section_10_2 .section_10_2_wrap h2 {
 margin: 0 auto;
 padding: 105px;
 position: relative;
 z-index: 1;
 display: block;
 overflow: hidden;
}
section.section_10_2 .section_10_2_wrap h2 b {
 font-weight: bold;
 font-size: 1em;
}
section.section_10_2 .section_10_2_wrap h2::before {
 content: "";
 background-color: #CEEFEF;
 position: absolute;
 width: 200%;
 height: 200px;
 right: 0;
 left: -50%;
 margin: 0 auto;
 top: 50px;
 transform: rotate(3deg);
 z-index: -1;
}
section.section_10_2 .section_10_2_wrap h2 img {
 width: 30%;
}
section.section_10_2 .imggroup {
 text-align: center;
 position: relative;
}
section.section_10_2 .imggroup img {
 width: 50%;
}
section.section_10_2 .imggroup::before {
 content: "";
 background: url(../../../uploads/2025/01/leaf1.webp) no-repeat;
 background-size: contain;
 position: absolute;
 width: 300px;
 height: 500px;
 bottom: -35%;
 left: 0;
 z-index: 3;
}
section.section_10_2 .imggroup::after {
 content: "";
 background: url(../../../uploads/2025/01/pharmacist1.webp) no-repeat;
 background-size: contain;
 position: absolute;
 width: 350px;
 height: 350px;
 right: 0;
 bottom: 0%;
 z-index: 3;
}
 
@media (max-width: 1024px) {
 html body .contents {
   width: 95%;
 }
 .pc {
   display: block;
 }
 .sp {
   display: none;
 }
}
@media (max-width: 1024px) {
 section.section_09_2 .section_09_2-wrap .contents {
   position: static;
 }
 section.section_09_2 {
   height: auto;
 }
 section.section_09_2 .section_09_2-wrap {
   background: url(../../../uploads/2025/01/bg.webp) no-repeat;
   background-size: contain;
   width: 100%;
   padding: 180px 0 30px 0;
 }
 section.section_09_2 .section_09_2-wrap .contents .introduction p.text_area::before {
   content: "";
   background: url(../../../uploads/2025/01/pharmacist2.webp) no-repeat;
   background-size: contain;
   position: absolute;
   width: 400px;
   height: 400px;
   bottom: 88.5%;
   left: -7%;
 }
 section.section_09_2 .section_09_2-wrap .contents::after {
   content: "";
   background: url(../../../uploads/2025/01/leaf3.webp) no-repeat;
   background-size: contain;
   position: absolute;
   width: 250px;
   height: 250px;
   bottom: -6%;
   right: -7%;
 }
 section.section_09_2 .section_09_2-wrap .contents .introduction p.text_area {
   font-size: 3vw;
 }
 section.section_09_2 .section_09_2-wrap .contents .introduction p.text_area span {
   display: inline;
 }
 section.section_09_2 .section_09_2-wrap .contents .introduction p.text_area span em.ul {
   font-size: 1em;
 }
 section.section_09_2 .section_09_2-wrap .contents::before {
   content: none;
 }
 section.section_09_2 .section_09_2-wrap img {
   display: none;
 }
 section.section_10_2 .section_10_2_wrap h2 img {
   width: 75%;
 }
 section.section_10_2 .imggroup img {
   width: 70%;
   margin: 0 30% 10% 0;
 }
 section.section_10_2 .imggroup::before {
   content: "";
   background: url(../../../uploads/2025/01/leaf2.webp) no-repeat;
   background-size: contain;
   position: absolute;
   width: 300px;
   height: 250px;
   bottom: -28%;
   left: 0;
   z-index: 3;
 }
 section.section_10_2 .imggroup::after {
   content: "";
   background: url(../../../uploads/2025/01/pharmacist1.webp) no-repeat;
   background-size: contain;
   position: absolute;
   width: 300px;
   height: 300px;
   right: 0;
   bottom: 0%;
   z-index: 3;
 }
}
@media (max-width: 734px) {
 html body .contents {
   width: 90%;
 }
 .pc {
   display: none;
 }
 .sp {
   display: block;
 }
 html body p {
   font-size: 5vw;
 }
 html body h2 {
   font-size: 8vw;
 }
 html body h3 {
   font-size: 6vw;
 }
}
@media (max-width: 734px) {
 section.section_09_2 .section_09_2-wrap {
   padding: 100px 0 30px 0;
 }
 section.section_09_2 .section_09_2-wrap .contents .introduction p.text_area::before {
   content: "";
   background: url(../../../uploads/2025/01/pharmacist2.webp) no-repeat;
   background-size: contain;
   position: absolute;
   width: 200px;
   height: 200px;
   bottom: 89.5%;
   left: -7%;
 }
 section.section_09_2 .section_09_2-wrap .contents .introduction p.text_area {
   padding: 30px 20px;
 }
 section.section_09_2 .section_09_2-wrap .contents .introduction p.name {
   margin: 0 0 20px 47%;
   font-size: 6vw;
 }
 section.section_09_2 .section_09_2-wrap .contents::after {
   content: "";
   background: url(../../../uploads/2025/01/leaf3.webp) no-repeat;
   background-size: contain;
   position: absolute;
   width: 25vw;
   height: 25vh;
   bottom: -6%;
   right: 0%;
 }
 section.section_10_2 .section_10_2_wrap h2 {
   padding: 105px 0;
 }
 html body h2 {
   font-size: 5vw;
 }
 section.section_10_2 .imggroup::after {
   content: "";
   background: url(../../../uploads/2025/01/pharmacist1.webp) no-repeat;
   background-size: contain;
   position: absolute;
   width: 35vw;
   height: 35vh;
   right: 0;
   bottom: -66%;
   z-index: 3;
 }
 section.section_10_2 .imggroup::before {
   content: "";
   background: url(../../../uploads/2025/01/leaf2.webp) no-repeat;
   background-size: contain;
   position: absolute;
   width: 25vw;
   height: 25vh;
   bottom: -33%;
   left: 0;
   z-index: 3;
 }
 
 
}
 /* 2025/1/13日追加分------------------------------ */
 
 
 
 
 
/*-------ボタンのエフェクト-------*/
 main section.cta_cnt .cta-wrap .contents .cta_list ul li .cta_btn {
   margin: 0px auto;
   padding: 20px 50px;
   font-size: 1.8rem;
   border-radius: 5px;
   color: #fff;
   overflow: hidden;
   background: rgb(254, 181, 160);
   background: linear-gradient(180deg, rgb(254, 181, 160) 0%, rgb(237, 103, 64) 50%, rgb(243, 115, 78) 100%);
   position: relative;
   display: inline-block;
   width: 55%; /* ボタンの幅を画面の55%に設定 */
   text-align: center;
   text-decoration: none;
   box-shadow: 0 3px 0 0 #e84d2b;
   transition: 300ms;
 }
 
 main section.cta_cnt .cta-wrap .contents .cta_list ul li .cta_btn:hover {
   color: #fbfbfb;
   opacity: 0.6;
   transform: translateY(3px);
 }
 
 /* 光るエフェクト */
 main section.cta_cnt .cta-wrap .contents .cta_list ul li .cta_btn::before {
   content: '';
   position: absolute;
   top: -180px;
   left: 0;
   width: 30px;
   height: 100%;
   background-color: #b5e7ff;
   transition: 300ms;
   animation: shinyshiny 2.5s ease-in-out infinite;
 }
 
 /* アニメーション：光るエフェクト */
 @keyframes shinyshiny {
   0% {
     transform: scale(0) rotate(45deg);
     opacity: 0;
     left: -100%;
   }
   80% {
     transform: scale(0) rotate(45deg);
     opacity: 0.5;
   }
   81% {
     transform: scale(4) rotate(45deg);
     opacity: 1;
     left: 100%;
   }
   100% {
     transform: scale(50) rotate(45deg);
     opacity: 0;
     left: 100%;
   }
 }
 
 /* ボタン内のアイコン調整 */
 main section.cta_cnt .cta-wrap .contents .cta_list ul li .cta_btn::after {
   content: "";
   background: url(../../../uploads/cta_btn.webp) no-repeat;
   background-size: contain;
   width: 18px;
   height: 18px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0 auto;
   top: 40%;
   right: 8%;
   position: absolute;
 }
/*-------ボタンのエフェクト ここまで-------*/
 
 /* 管理栄養士コメント下線 */
.l {
 border-bottom: 5px solid rgba(254, 137, 57, 0.6);
 display: inline-block;  /* spanがブロック要素のように振る舞う */
 line-height: normal;
 padding-bottom: 2px;  /* 必要に応じて追加してみてください */
}
 
 /* 管理栄養士コメント下線ここまで*/