/* ========================================
	Founfation (id推奨)
========================================= */

html {
	font-size: 100%;
	scroll-behavior: smooth;
	width: 100%;
}

body {
	font-feature-settings: "palt";
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", sans-serif;
	font-size: 1rem;
	padding-bottom: min(18.5vw, 222px);
	position: relative;
}

picture {
	display: block;
	height: auto;
	width: 100%;
}

img {
	display: block;
	height: auto;
	width: 100%;
}

a,
button {
	cursor: pointer;
	transition: 0.3s;
}

a:hover,
button:hover {
	opacity: 0.7;
}

/* ========================================
	Project(コンテンツを構成する具体的な要素)
	命名規則: .p-
========================================= */

/*--------------------------------------- ヘッダーカスタマイズ -------------------------------------------------*/

.l-header {
	height: auto;
	left: 0;
	/* position: absolute;
	top: 0; */
	width: 100%;
	z-index: 2;
}

.p-header__img {
	height: auto;
	width: 100%;
	/* background:rgba(247, 235, 212, 0.5); */
	background: #ffffff;
}

.fv-banner-wrap{
	width: 100%;
	/* background: rgba(247, 235, 212, 0.5); */
	background: #ffffff;
	/* margin-top: -15px; */
	padding-bottom: 15px;
}

.fv-banner{
	width: 85%;
	margin: auto;
	padding: 10px;
}

@media screen and (max-width: 768px) {

.fv-banner-wrap{
	width: 100%;
	/* background: rgba(247, 235, 212, 0.5); */
	background: #ffffff;
	margin-top: -5vw;
	padding-bottom: 2vw;
}
	
.fv-banner{
	width: 100%;
	margin: -15px auto 0 auto;
	padding: 0px;
}

.fv-banner img { /* pictureの中のimgを対象にする */
    width: 100%;
    display: block; /* 余計な隙間を消す */
    
    /* ↓ここが重要！ */
    position: relative; 
    z-index: 10; 
  }
}

/*------------------------------------------- FVカスタマイズ -----------------------------------------------------*/

.l-fv {
	height: auto;
	position: relative;
	width: 100%;
	z-index: 1;
	background-image: url("../img/img-fv-bg.webp");
	background-size: cover;
	background-repeat: repeat-y;
    background-size: 100% auto;
	max-width: 1200px;
	margin: auto;
}
/* 
.p-fv__img img{
clip-path: inset(10% 0 0 0); /* 上から20%を切り取る */


/* セレクトカスタマイズ 260105yoshida */

.select-wrap{
    height: auto;
    position: relative;
    width: 100%;
    z-index: 1;
    /* background-image: url(../img/select-bg.png);
    background-size: cover;
    background-repeat: repeat-y;
    background-size: 100% auto; */
    max-width: 1200px;
    margin: auto;
	/* padding-bottom: 235px; */
    }


.skipbtn-reizou {
	bottom: min(15vw, 5vw);
	height: auto;
	left: 13.666667%;
	position: absolute;
	width: 30.8333333333%
}

.skipbtn-reitou {
	bottom: min(15vw, 5vw);
	height: auto;
	right: 13.666667%;
	position: absolute;
	width: 30.8333333333%
}



@media screen and (max-width:768px) {
.select-wrap{
    height: auto;
    position: relative;
    width: 100%;
    z-index: 2;
    /* background-image: url(../img/select-bg.png);
    background-size: cover;
    background-repeat: repeat-y;
    background-size: 100% auto; */
    max-width: 1200px;
    margin: -4vw auto;
	/* padding-bottom: 235px; */
    }

.skipbtn-reizou {
	bottom: min(15vw, 8vw);
	height: auto;
	left: 5.666667%;
	position: absolute;
	width: 38.8333333333%
}

.skipbtn-reitou {
	bottom: min(15vw, 8vw);
	height: auto;
	right: 5.666667%;
	position: absolute;
	width: 38.8333333333%
}

}




/*----- こだわりカスタマイズ -----*/

.l-commitment {
	margin-top: max(-0.9166666667vw, -11px);
	padding-bottom: min(3.6666666667vw, 44px);
	position: relative;
	z-index: 1;
}

/*--------------------------------------------- 特徴カスタマイズ ---------------------------------------------*/

.l-feature {
	position: relative;
	z-index: 2;
}

.l-feature .c-container {
	position: relative;
}

.l-feature .p-feature__btn1 {
	bottom: min(12.0833333333vw, 145px);
	height: auto;
	left: 11.3333333333%;
	position: absolute;
	width: 34.8333333333%;
}

.l-feature .p-feature__btn2 {
	bottom: min(12.0833333333vw, 145px);
	height: auto;
	position: absolute;
	right: 11.3333333333%;
	width: 34.8333333333%;
}

/*--------------------------------------------- 特徴カスタマイズ260106yoshida ---------------------------------------------*/

.p-feature__title{
	width: 58vw;
	margin: auto;
	padding-bottom: 10px;
}


.p-feature__btn{
	width: 60%;
	margin: auto;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.p-feature__btn li {
    width: 48%; 
    margin-bottom: 20px;
    list-style: none; 
}

.p-feature__inner img {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 768px) {
    
.p-feature__title{
	width: 80vw;
	margin: auto;
	padding-bottom: 10px;
}


.p-feature__btn{
	width: 90%;
	margin: auto;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


    .p-feature__btn li {
        width: 49%; 
    }

	
}








/*------------------------------------------ ラインアップカスタマイズ ------------------------------------------*/

.l-lineup {
	height: auto;
	width: 100%;
}

.p-lineup__title {
	height: auto;
	width: 100%;
}

.p-lineup__refrigerated {
	/* background-color: #f9d9c0; */
	background-image: url(../img/lineup_refrigerated_bg.webp);
	background-size: cover;
	background-repeat: repeat-y;
	background-size: 100% auto;
	height: auto;
	padding-block: min(5.4166666667vw, 65px) min(5.8333333333vw, 70px);
	position: relative;
	width: 100%;
}

.p-lineup__refrigerated__title {
	height: auto;
	margin: 0 auto;
	width: 48.6666666667%;
}

.p-lineup__refrigerated__logo {
	height: auto;
	left: min(9.6666666667vw, 116px);
	position: absolute;
	top: min(2.5vw, 30px);
	width: min(14.25vw, 171px);
}

.p-lineup__refrigerated__label {
	height: auto;
	position: absolute;
	right: min(11.5vw, 138px);
	top: max(-1.3333333333vw, -16px);
	width: min(19.5vw, 234px);
}

.p-lineup__refrigerated__list {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 20px min(2.1666666667vw, 26px);
	height: auto;
	margin: min(3.5vw, 42px) auto 0;
	width: 65%;
	justify-content: center;
}

.p-lineup__refrigerated__listitem {
	position: relative;
	width: calc(50% - min(1.0833333333vw, 13px));
}

.p-lineup__refrigerated__listitem__img {
	position: relative;
	z-index: 1;
}

.p-lineup__refrigerated__listitem__img img {
    width: 100%;
    height: auto;
    display: block;
}

.p-lineup__refrigerated__listitem__btn {
	border-radius: min(8.3333333333vw, 100px);
	bottom: min(5.5vw, 2vw);
	height: auto;
	left: 9.2%;
	overflow: hidden;
	position: absolute;
	width: 82.4%;
	z-index: 2;
}

.p-lineup__refrigerated__supplementlist {
	display: flex;
	flex-direction: column;
	gap: min(0.1666666667vw, 2px);
	margin: min(2.6666666667vw, 32px) auto 0;
	width: 78%;
}

.p-lineup__refrigerated__supplementlistitem {
	font-size: min(1.3333333333vw, 16px);
	letter-spacing: 0.06em;
	line-height: 1.75;
	padding-left: 0.7em;
	position: relative;
}

.p-lineup__refrigerated__supplementlistitem::before {
	content: "・";
	left: 0;
	position: absolute;
	top: 0;
}

.p-lineup__refrigerated__supplementtext {
	font-size: min(1vw, 12px);
	letter-spacing: 0.06em;
	line-height: 1.6666666667;
	margin: min(1.3333333333vw, 16px) auto 3.7333333333vw;
	width: 78%;
}

.p-lineup__frozen {
	/* background-color: #e8f5e0; */
	background-image: url(../img/lineup_frozen_bg.webp);
	background-size: cover;
	background-repeat: repeat-y;
	background-size: 100% auto;
	height: auto;
	padding-block: min(6vw, 72px) min(5.8333333333vw, 70px);
	position: relative;
	width: 100%;
}

.p-lineup__frozen__title {
	height: auto;
	margin: 0 auto;
	width: 48.6666666667%;
}

.p-lineup__frozen__logo {
	height: auto;
	left: min(9.6666666667vw, 116px);
	position: absolute;
	top: min(2.5vw, 30px);
	width: min(14.25vw, 171px);
}

.p-lineup__frozen__label {
	height: auto;
	position: absolute;
	right: min(11.5vw, 138px);
	top: max(-1.3333333333vw, -16px);
	width: min(19.5vw, 234px);
}

.p-lineup__frozen__list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: min(2.1666666667vw, 26px);
	height: auto;
	margin: min(7.5vw, 30px) auto 0;
	width: 65%;
}


.p-lineup__frozen__listitem {
    /* calcを使って、隙間(gap)の分を少し引いた50%にします */
    width: calc(50% - min(1.0833333333vw, 13px));
}

/* 中の画像が親の幅(li)を追い越さないようにする */
.p-lineup__frozen__listitem__img img {
    width: 100%;
    height: auto;
    display: block;
}

.p-lineup__frozen__ctabox {
	background-color: #fff;
	border: min(0.6666666667vw, 8px) solid #ff2c7a;
	border-radius: min(2.6666666667vw, 32px);
	height: auto;
	overflow: hidden;
	padding-bottom: min(5.25vw, 63px);
	width: 65%;
	margin: 30px auto 0 auto;
}

.p-lineup__frozen__ctabox hr {
	background-color: #ff2c7a;
	border-radius: min(0.2083333333vw, 2.5px);
	height: min(0.4166666667vw, 5px);
	margin: min(4.8333333333vw, 58px) auto 0 0;
	width: 100%;
}

.p-lineup__frozen__ctabox__titlearea {
	background-color: #ff2c7a;
	padding-block: min(2.3333333333vw, 28px);
}

.p-lineup__frozen__ctabox__title {
	margin: 0 auto;
	width: 80.8163265306%;
}

.p-lineup__frozen__ctabox__ctaimg1 {
	height: auto;
	margin: min(3.0833333333vw, 37px) auto 0 5.306122449%;
	width: 90.7142857143%;
}

.p-lineup__frozen__ctabox__ctabtn1 {
	border-radius: min(4.1666666667vw, 50px);
	display: block;
	height: auto;
	margin: min(4.3333333333vw, 52px) auto 0 8.0612244898%;
	overflow: hidden;
	position: relative;
	width: 84.0816326531%;
}

.p-lineup__frozen__ctabox__ctaimg2 {
	height: auto;
	margin: min(3.5vw, 42px) auto 0 4.5918367347%;
	width: 92.5510204082%;
}

.p-lineup__frozen__ctabox__ctabtn2 {
	border-radius: min(4.1666666667vw, 50px);
	display: block;
	height: auto;
	margin: min(4.6666666667vw, 56px) auto 0 8.0612244898%;
	overflow: hidden;
	position: relative;
	width: 84.0816326531%;
}

.p-lineup__frozen__supplementtext {
	font-size: min(1vw, 12px);
	letter-spacing: 0.02em;
	line-height: 1.6666666667;
	margin: min(2.6666666667vw, 32px) auto 0;
	width: 78%;
}



@media (max-width: 768px) {
	
.p-lineup__frozen__listitem {
    /* calcを使って、隙間(gap)の分を少し引いた50%にします */
    width: 90%;
}
}

/*---------------------------------------- 定期購入カスタマイズ ----------------------------------------*/
.regular_img_inner{
 width: 65%;
 margin: min(2.6666666667vw, 32px) auto min(2.6666666667vw, 32px);
}

.teiki_accordion{
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

.teiki_accordion:after{
	content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  background: #fff;
  box-shadow: -10px 0 30px rgba(255,255,255,.5);
  opacity: .8;
  animation: kirakira 5s ease 0s infinite;
  transform: skewX(-24deg);
  z-index: 1;
 }

/* アコーディオンの中身（初期は非表示） */
.course_order_table_inner .teiki_accordion_content {
  margin-top: 0 !important;
  /* display: none; */
}

/* 親要素のulに適用 */
.teiki_accordion_content {
    display: flex;       
    flex-wrap: wrap;     /* 2つ並んだら折り返す */
    justify-content: space-between; 
    padding: 0;
    list-style: none;
}

/* 子要素のliに適用 */
.teiki_accordion_content li.narrow {
    width: 48%;         
    margin-bottom: 20px; 
    box-sizing: border-box;
    display: block !important; /* JSでblockになるため */
}

/* 定期特典画像 */
.course_order_table_inner .teiki_tokuten {
  margin-top: 20px;
}

/* リスト全体の基本スタイル */
.list_frozen .course_order_table_inner > ul {
	letter-spacing: -.4em;
}

.list_frozen .course_order_table_inner > ul > li {
	padding: 40px 0 50px;
	letter-spacing: normal;
	position: relative;
}

/* 2カラム（narrow）設定 */
.list_frozen .course_order_table_inner > ul > .narrow {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

.list_frozen .course_order_table_inner > ul > li.narrow {
    padding: 20px 0;
}

/* 親要素のulを強制的にFlexboxにする */
.course_order_table_inner ul.teiki_accordion_content {
    display: none; /* 初期状態は非表示（JSで制御するため） */
    flex-wrap: wrap; /* 折り返しを許可 */
    justify-content: space-between; /* 左右に並べる */
    width: 60%;
	margin: auto;
    letter-spacing: normal; /* 文字間隔による隙間をリセット */
}

/* JSで表示された時に display: flex を維持させる */
.course_order_table_inner ul.teiki_accordion_content[style*="display: block"] {
    display: flex !important;
}

/* 子要素のliを横幅半分にする */
.course_order_table_inner ul.teiki_accordion_content > li.narrow {
    width: 45% !important; /* 50%より少し小さくして余裕を持たせる */
    display: block !important;
    box-sizing: border-box;
    margin-bottom: 30px;
}

/* 境界線の位置を調整（必要に応じて） */
.list_frozen .course_order_table_inner .left_border:after {
    right: -2%; /* 中央に来るように微調整 */
}

/* 親要素のliに基準点を作る */
ul.teiki_accordion_content li.narrow {
    position: relative; 
}

/* 境界線の設定 */
ul.teiki_accordion_content li.left_border:after {
    content: "";
    display: block;
    position: absolute;
    /* 位置の調整 */
    top: 50%;
    right: -12%; /* 商品と商品のちょうど間に来るように調整 */
    transform: translateY(-50%); /* 上下中央揃え */
    /* 線のデザイン */
    border-right: 6px dotted #ccbca5;
    width: 0; /* widthは0にしてborderで見せる */
    height: 80%; /* 線の長さ */
    z-index: 2; /* 他の要素より上に持ってくる */
}

.ship {
    font-size: 0.8rem;
    margin: 5px auto;
    text-align: center;
}



.list_frozen .course_order_table_inner .course_order_ttl {
	margin-top: 24px;
}

.list_frozen .course_order_table_inner .price {
	margin-top: 23px;
}

.price{
	margin: 5px 0px;
}

.list_frozen .course_order_table_inner .ship {
	font-size: 15px;
	font-weight: bold;
	margin-top: 10px;
}

/* 数量選択フォーム */
.order_btn .form {
	width: 76%;
	margin:auto;
	padding:10px 20px 10px 20px;
	text-align:left;
	color:#191919;
	border:1px solid #515151;
	margin-bottom: 10px;
}

.order_btn .form dt.num{
	float:left;
	margin-right:8px;
}

.order_btn .form dd.num select{
	border:1px solid #c3c1c1;
	padding:2px;
	border-radius:2px;
	margin-top:-4px;
	font-size:16px;
}

/* 注文ボタン（ narrow用 ） */
/* 「ご注文はこちら」ボタンの背景色を強制的に上書き */
.course_order_table_inner .teiki_accordion_content .order_btn a {
    background-color: #e50054 !important; /* 強制適用 */
    color: #fff !important;               /* 文字を白に */
    height: 70px;
    width: 426px;
    max-width: 100%;                      /* はみ出し防止 */
    padding-top: 16px;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 10px;
    display: block;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.course_order_table_inner .teiki_accordion_content .order_btn img{
    width: 80%;
	margin: auto;
    transform: translateX(-5px);
}

/* ホバー（マウスを乗せた時）の設定 */
.course_order_table_inner .teiki_accordion_content .order_btn a:hover {
    opacity: 0.8;
    background-color: #c40048 !important; /* 少し暗い赤に */
}

/* キラキラアニメーションを維持したい場合 */
.course_order_table_inner .teiki_accordion_content .order_btn a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    background: #fff;
    box-shadow: -10px 0 30px rgba(255,255,255,.5);
    opacity: .8;
    animation: kirakira 5s ease 0s infinite;
    transform: skewX(-24deg);
    z-index: 1;
}

/* --- アコーディオン共通設定 --- */
.teiki_accordion_content {
    display: none; /* 初期状態は非表示 */
}

/* --- 商品リスト(UL)の設定 --- */
ul.teiki_accordion_content {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 60%;
    margin: 20px auto !important;
    padding: 0;
    list-style: none;
    letter-spacing: normal;
}

/* 子要素(li)を2列にする */
ul.teiki_accordion_content li.narrow {
    width: 45% !important;
    box-sizing: border-box;
    margin-bottom: 20px;
    display: block !important;
    position: relative;
}

/* --- 注意書き(DIV)の設定 --- */
div.teiki_accordion_content.attention {
    width: 60%; /* 商品リストの幅と合わせる */
    margin: 0px auto 30px auto !important;
    text-align: left;
    padding: 0 40px; /* 余白を調整 */
    box-sizing: border-box;	
	text-indent: -0.5em;
  
}

@media (max-width: 768px) {
    /* バナー画像の調整 */
    .regular_img {
        width: 90%;
        margin: min(2.6666666667vw, 32px) auto min(10.6666666667vw, 40px);
    }

    /* 商品リスト(ul)を縦並びに強制 */
    ul.teiki_accordion_content {
        width: 95% !important;
        flex-direction: column !important; /* 子要素を縦に並べる */
        align-items: center; /* 中央寄せ */
    }

    /* 商品1つ1つ(li)を全幅にする */
    ul.teiki_accordion_content li.narrow {
        width: 100% !important; /* 横幅をいっぱいにする */
        margin-bottom: 30px;    /* 商品間の余白 */
        padding: 0;
    }

    /* 注意書き(div)の幅調整 */
    div.teiki_accordion_content.attention {
        width: 95% !important;
        padding: 0 20px;
    }

    /* 注文ボタンのサイズ調整 */
    .course_order_table_inner .teiki_accordion_content .order_btn a {
        width: 100% !important;
        max-width: 426px; /* PCサイズを超えないように制限 */
        height: 60px;
        padding-top: 14px;
    }

    /* --- 商品リストの縦並び設定 --- */
    ul.teiki_accordion_content {
        width: 95% !important;
        flex-direction: column !important;
    }

    ul.teiki_accordion_content li.narrow {
        width: 100% !important;
        margin-bottom: 40px; /* 線との間隔を確保 */
        padding-bottom: 40px; /* 線を表示するスペース */
        position: relative;
    }

    /* --- 点線を「横向き」にして商品の下に配置する --- */
    ul.teiki_accordion_content li.left_border:after {
        display: block !important; /* 非表示を解除 */
        content: "";
        position: absolute;
        
        /* 位置を右横から「下」へ変更 */
        top: auto;
        bottom: 0;
        right: 0;
        left: 0;
        transform: none;

        /* デザインを「縦線」から「横線」へ変更 */
        border-right: none;
        border-bottom: 6px dotted #ccbca5; /* 下側に点線 */
        width: 100%;
        height: 0;
    }

    ul.teiki_accordion_content li.narrow:not(:last-child):after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border-bottom: 6px dotted #ccbca5; /* 横向きの点線 */
        width: 100%;
        height: 0;
    }
	
	.course_order_table_inner ul.teiki_accordion_content > li.narrow {
		width: 80% !important;
	}

	.course_order_table_inner .teiki_accordion_content .order_btn img {
	width: 65%;
	}

	.regular_img_inner {
		width: 90%;
	}

}






/*---------------------------------------- 選ばれている理由カスタマイズ ----------------------------------------*/

.l-reason {
	padding-bottom: min(5.1666666667vw, 62px);
}

.p-reason__img {
	height: auto;
	margin: 0 auto;
	width: 83.3333333333%;
}

/*---------------------------------------- お客様からの声カスタマイズ ----------------------------------------*/

.l-customervoice {
	height: auto;
	width: 100%;
}

.p-customervoice__img {
	height: auto;
	width: 100%;
}

/*------------------------------------------ よくある質問カスタマイズ ------------------------------------------*/

.l-faq {
	height: auto;
	padding-block: min(6.1666666667vw, 74px);
	width: 100%;
}

.p-faq__title {
	height: auto;
	margin: 0 auto;
	width: 49.5%;
}

.p-faq__smallsections {
	display: flex;
	flex-direction: column;
	gap: min(6.6666666667vw, 80px);
	height: auto;
	margin: min(4.3333333333vw, 52px) auto 0;
	width: 73.3333333333%;
}

.p-faq__smallsection {
	height: auto;
	width: 100%;
}

.p-faq__smallsection:nth-child(1) .p-faq__smallsection__title {
	background-color: #ff6d34;
}

.p-faq__smallsection:nth-child(2) .p-faq__smallsection__title {
	background-color: #ff2c7a;
}

.p-faq__smallsection__title {
	align-items: center;
	border-radius: min(3.0833333333vw, 37px);
	color: #fff;
	display: flex;
	font-size: min(2.8333333333vw, 34px);
	font-weight: 600;
	height: min(6.1666666667vw, 74px);
	justify-content: center;
	letter-spacing: 0.04em;
	margin: 0 auto;
	width: 68.1818181818%;
}

.p-faq__smallsection__faxboxes {
	display: flex;
	flex-direction: column;
	gap: min(0.1666666667vw, 2px);
	margin: min(1.6666666667vw, 20px) auto 0;
}

.p-faq__smallsection__faxbox {
	height: auto;
	width: 100%;
}

.p-faq__smallsection__question {
	background: #4d9846;
	color: #fff;
	height: auto;
	padding: min(0.6666666667vw, 8px) 11.3636363636% 1px 13.4090909091%;
	position: relative;
	width: 100%;
}

.p-faq__smallsection__question.js-active .p-faq__smallsection__question__icon {
	transform: translateY(-50%) rotate(180deg);
}

.p-faq__smallsection__question__text {
	font-size: min(2.5vw, 25px);
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 2;
	position: relative;
}

.p-faq__smallsection__question__text:before {
	content: "Q.";
	left: max(-1.1666666667vw, -14px);
	position: absolute;
	top: 0;
	transform: translateX(-100%);
}

.p-faq__smallsection__question__icon {
	height: auto;
	position: absolute;
	right: 5.6818181818%;
	top: 50%;
	transform: translateY(-50%);
	transition: 0.3s;
	width: 4.5454545455%;
}

.p-faq__smallsection__answer {
	background: #efecd6;
	height: 0;
	overflow: hidden;
	padding-inline: 12.2727272727% 5.9090909091%;
	transition: 0.3s;
	width: 100%;
}

.p-faq__smallsection__answer.js-active {
	height: auto;
	padding-block: min(2.3333333333vw, 28px) min(2.5833333333vw, 31px);
}

.p-faq__smallsection__answer__text {
	color: #73440e;
	font-size: min(2.1666666667vw, 21px);
	font-weight: 600;
	letter-spacing: 0.06em;
	line-height: 1.6153846154;
	position: relative;
}

.p-faq__smallsection__answer__text:before {
	content: "A. ";
	left: max(-0.1666666667vw, -2px);
	position: absolute;
	top: 0;
	transform: translateX(-100%);
}

/*------------------------------------------ お問い合わせカスタマイズ ------------------------------------------*/

.l-contact {
	color: #73440e;
	margin-top: max(-0.9166666667vw, -11px);
	position: relative;
	z-index: 1;
}

.l-contact .c-container {
	background-color: #efe8cd;
	padding-block: min(5.4166666667vw, 65px) min(2.9166666667vw, 35px);
}

.p-contact__title {
	height: auto;
	margin: 0 auto;
	width: 51.6666666667%;
}

.p-contact__list {
	display: flex;
	flex-direction: column;
	gap: min(3.6666666667vw, 44px);
	height: auto;
	margin: min(3.5vw, 42px) auto 0;
	width: 74.3333333333%;
}

.p-contact__listitem {
	display: flex;
	gap: min(3vw, 36px);
	height: auto;
	width: 100%;
}

.p-contact__listitem:nth-child(1) .p-contact__listitem__logo {
	margin-top: min(0.3333333333vw, 4px);
}

.p-contact__listitem:nth-child(2) .p-contact__listitem__info {
	margin-top: min(0.6666666667vw, 8px);
}

.p-contact__listitem__logo {
	height: auto;
	width: 16.3677130045%;
}

.p-contact__listitem__info {
	flex: 1;
}

.p-contact__listitem__info__title {
	font-size: min(2.3333333333vw, 28px);
	font-weight: 600;
	letter-spacing: 0.06em;
	line-height: 1;
	padding-left: min(0.3333333333vw, 4px);
}

.p-contact__listitem__info__title span {
	font-weight: 600;
}

.p-contact__listitem__info__telarea {
	display: flex;
	gap: min(1.6666666667vw, 20px);
	margin-top: min(1.3333333333vw, 16px);
}

.p-contact__listitem__info__telarea__logo {
	height: auto;
	width: min(6.8333333333vw, 82px);
}

.p-contact__listitem__info__telarea__textbox {
	flex: 1;
	margin-top: min(0.3333333333vw, 4px);
}

.p-contact__listitem__info__telarea__tel {
	display: block;
	pointer-events: none;
	width: min(34.5vw, 414px);
}

.p-contact__listitem__info__telarea__text {
	font-size: min(1.6666666667vw, 20px);
	font-weight: 600;
	letter-spacing: 0.06em;
	line-height: 1;
	margin-top: min(1vw, 12px);
}

.p-contact__supplement {
	font-size: min(1vw, 12px);
	letter-spacing: 0.06em;
	line-height: 1.5;
	margin: min(3.3333333333vw, 40px) auto 0;
	width: 69.6666666667%;
}

.p-contact__caution {
	background: #fff;
	margin: min(0.9166666667vw, 11px) auto 0;
	padding: min(1.1666666667vw, 14px) min(3vw, 36px) min(1.375vw, 16.5px) min(2.3333333333vw, 28px);
	position: relative;
	width: 69.8333333333%;
}

.p-contact__caution__title {
	color: #eb5c03;
	font-size: min(1.1666666667vw, 14px);
	letter-spacing: 0.04em;
	line-height: 1;
}

.p-contact__caution__text {
	font-size: min(1vw, 12px);
	letter-spacing: 0.04em;
	line-height: 1.5;
	margin-top: min(0.9583333333vw, 11.5px);
}

.p-contact__caution__date {
	bottom: min(1.375vw, 16.5px);
	font-size: min(1vw, 12px);
	letter-spacing: 0.04em;
	line-height: 1.5;
	position: absolute;
	right: min(3vw, 36px);
}

/*------------------------------------------ フッターカスタマイズ ------------------------------------------*/

.l-footer {
	background: #fff;
	height: auto;
	padding-block: min(3vw, 36px) min(7.8333333333vw, 94px);
	margin-bottom: 3%;
	width: 100%;
}

.p-footer__content {
	align-items: center;
	display: flex;
	height: auto;
	justify-content: space-between;
	margin: 0 auto;
	width: 83.3333333333%;
}

.p-footer__logo {
	height: auto;
	width: 32.5%;
}

.p-footer__navlist {
	display: flex;
	gap: min(1vw, 12px);
	justify-content: flex-end;
	margin-top: min(1.1666666667vw, 14px);
}

.p-footer__navlistitem {
	height: auto;
	width: -moz-max-content;
	width: max-content;
}

.p-footer__navlistitem a {
	color: #000;
	display: flex;
	font-size: min(1.1666666667vw, 14px);
	gap: min(0.5vw, 6px);
	line-height: 2;
	text-decoration: none;
}

.p-footer__navlistitem a:before {
	background: #6bb439;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	content: "";
	height: min(0.9166666667vw, 11px);
	margin-top: min(0.75vw, 9px);
	width: min(0.5833333333vw, 7px);
}

@media screen and (min-width: 421px) and (max-width: 768px) {

html {
	font-size: 100%;
}

}

@media screen and (min-width: 481px) and (max-width: 768px) {

html {
	font-size: 110%;
}

}

@media screen and (min-width: 601px) and (max-width: 768px) {

html {
	font-size: 120%;
}

}

@media screen and (min-width: 769px) and (max-width: 1400px) {

html {
	font-size: 100%;
}

}

@media screen and (min-width: 769px) and (max-width: 1300px) {

html {
	font-size: 100%;
}

}

@media screen and (min-width: 769px) and (max-width: 1200px) {

html {
	font-size: 100%;
}

}

@media screen and (min-width: 769px) and (max-width: 1100px) {

html {
	font-size: 95%;
}

}

@media screen and (min-width: 769px) and (max-width: 1024px) {

html {
	font-size: 90%;
}

}

@media screen and (min-width: 769px) and (max-width: 900px) {

html {
	font-size: 85%;
}

}

@media screen and (min-width: 769px) and (max-width: 800px) {

html {
	font-size: 80%;
}

}

@media screen and (max-width: 768px) {

html {
	font-size: 100%;
}

body {
	padding-bottom: 24.9333333333vw;
}

.l-commitment {
	padding-top: 3.8vw;
	padding-bottom: 8.4vw;
}

.l-feature .p-feature__btn1 {
	bottom: 18.1333333333vw;
	left: 4.2666666667%;
	width: 42%;
}

.l-feature .p-feature__btn2 {
	bottom: 18.1333333333vw;
	right: 4.8%;
	width: 42%;
}

.p-lineup__refrigerated {
	padding-block: 13.3333333333vw 5.6vw;
}

.p-lineup__refrigerated__title {
	width: 69.8666666667%;
}

.p-lineup__refrigerated__logo {
	left: 4.5333333333vw;
	top: 4.8vw;
	width: 21.6vw;
}

.p-lineup__refrigerated__label {
	right: 2.4vw;
	top: -1.8666666667vw;
	width: 28.6666666667vw;
}

.p-lineup__refrigerated__list {
	gap: 2.9333333333vw;
	margin: 4.8vw auto 0;
	width: 100%;
}


.p-lineup__refrigerated__listitem {
	position: relative;
	width: 90%;
}

.p-lineup__refrigerated__listitem__btn {
	border-radius: 9.932vw;
	bottom: 4.4vw;
	left: 6.4vw;
	width: 85.9550561798%;
}

.p-lineup__refrigerated__supplementlist {
	gap: 0.1333333333vw;
	margin: 3.7333333333vw auto 0;
	width: 89.3333333333%;
}

.p-lineup__refrigerated__supplementlistitem {
	font-size: 2.2666666667vw;
	letter-spacing: 0.02em;
	line-height: 1.6470588235;
}

.p-lineup__refrigerated__supplementtext {
	font-size: 2.1333333333vw;
	line-height: 1.5;
	margin: 1.7333333333vw auto 3.7333333333vw;
	text-align: justify;
	width: 89.3333333333%;
}

.p-lineup__frozen {
	padding-block: 13.3333333333vw 8.2666666667vw;
}

.p-lineup__frozen__title {
	width: 69.8666666667%;
}

.p-lineup__frozen__logo {
	left: 4.5333333333vw;
	top: 4.8vw;
	width: 21.6vw;
}

.p-lineup__frozen__label {
	right: 2.6666666667vw;
	top: -1.8666666667vw;
	width: 28.6666666667vw;
}

.p-lineup__frozen__list {
	gap: 3.2vw;
	margin: 4.5333333333vw auto 0;
	width: 100%;
	justify-content: center;
}



.p-lineup__frozen__ctabox {
	border: 1.3333333333vw solid #ff2c7a;
	border-radius: 4.2666666667vw;
	padding-bottom: 5.3333333333vw;
	width: 90%;
}

.p-lineup__frozen__ctabox hr {
	height: 0.6666666667vw;
	margin: 6.6666666667vw auto 0 0%;
	width: 100%;
}

.p-lineup__frozen__ctabox__titlearea {
	padding-block: 2.9333333333vw 2.4vw;
}

.p-lineup__frozen__ctabox__title {
	width: 80.0578034682%;
}

.p-lineup__frozen__ctabox__ctaimg1 {
	margin: 3.2vw auto 0;
	width: 95.0867052023%;
}

.p-lineup__frozen__ctabox__ctabtn1 {
	border-radius: 10.4vw;
	margin: 4.5333333333vw auto 0;
	width: 88.7283236994%;
}

.p-lineup__frozen__ctabox__ctaimg2 {
	margin: 6.6666666667vw auto 0;
	width: 96.8208092486%;
}

.p-lineup__frozen__ctabox__ctabtn2 {
	border-radius: 10.4vw;
	margin: 4.2666666667vw auto 0;
	width: 88.7283236994%;
}

.p-lineup__frozen__supplementtext {
	font-size: 2.1333333333vw;
	line-height: 1.5;
	margin: 4.5333333333vw auto 0;
	text-align: justify;
	width: 89.3333333333%;
}

.l-reason {
	padding-bottom: 7.2vw;
}

.p-reason__img {
	width: 100%;
}

.l-faq {
	padding-block: 9.6vw 12.8vw;
}

.p-faq__title {
	width: 61.8666666667%;
}

.p-faq__smallsections {
	gap: 8.2666666667vw;
	margin: 7.3333333333vw auto 0;
	width: 90.6666666667%;
}

.p-faq__smallsection:nth-child(1) .p-faq__smallsection__title {
	width: 81.0294117647%;
}

.p-faq__smallsection__title {
	border-radius: 4.9333333333vw;
	font-size: 4.5333333333vw;
	height: 9.8666666667vw;
	width: 71.1764705882%;
}

.p-faq__smallsection__faxboxes {
	gap: 0.5333333333vw;
	margin: 2.6666666667vw auto 0;
}

.p-faq__smallsection__question {
	padding: 2.1333333333vw 14.7058823529% 1.6vw 10.8823529412%;
}

.p-faq__smallsection__question__text {
	font-size: 4.2666666667vw;
	line-height: 1.375;
}

.p-faq__smallsection__question__text:before {
	left: -1.8666666667vw;
}

.p-faq__smallsection__question__icon {
	right: 5.8823529412%;
	width: 5.8823529412%;
}

.p-faq__smallsection__answer {
	padding-inline: 11.0294117647% 5.1470588235%;
}

.p-faq__smallsection__answer.js-active {
	padding-block: 4.2666666667vw 3.8666666667vw;
}

.p-faq__smallsection__answer__text {
	font-size: 3.7333333333vw;
	line-height: 1.5714285714;
	text-align: justify;
}

.p-faq__smallsection__answer__text:before {
	left: -0.5333333333vw;
}

.l-contact {
	margin-top: -3.2vw;
}

.l-contact .c-container {
	padding-block: 9.3333333333vw 8.6666666667vw;
}

.p-contact__title {
	width: 54.4%;
}

.p-contact__list {
	gap: 7.4666666667vw;
	margin: 7.7333333333vw auto 0;
	width: 84.5333333333%;
}

.p-contact__listitem {
	flex-direction: column;
	gap: 2.4vw;
}

.p-contact__listitem:nth-child(1) .p-contact__listitem__logo {
	margin-top: 0;
}

.p-contact__listitem:nth-child(2) .p-contact__listitem__info {
	margin-top: -1.3333333333vw;
}

.p-contact__listitem__logo {
	margin-inline: auto;
	width: 24.4vw;
}

.p-contact__listitem__info__title {
	font-size: 5.6vw;
	line-height: 1.380952381;
	padding-left: 0;
	text-align: center;
}

.p-contact__listitem__info__title span {
	font-size: 4.8vw;
	line-height: 1.6111111111;
}

.p-contact__listitem__info__telarea {
	gap: 2vw;
	margin-top: 2.2666666667vw;
}

.p-contact__listitem__info__telarea__logo {
	width: 13.6vw;
}

.p-contact__listitem__info__telarea__textbox {
	margin-top: 2.5333333333vw;
}

.p-contact__listitem__info__telarea__tel {
	margin-left: 1.0666666667vw;
	pointer-events: all;
	width: 64.8vw;
}

.p-contact__listitem__info__telarea__tel:hover {
	opacity: 1;
}

.p-contact__listitem__info__telarea__text {
	font-size: 2.9333333333vw;
	line-height: 1.3636363636;
	margin-top: 1.4666666667vw;
}

.p-contact__supplement {
	font-size: 2.1333333333vw;
	letter-spacing: 0.04em;
	line-height: 1.625;
	margin: 6.6666666667vw auto 0;
	width: 94.6666666667%;
}

.p-contact__caution {
	margin: 2.6666666667vw auto 0;
	padding: 2.6666666667vw 3.2vw 2.6666666667vw 2.1333333333vw;
	width: 94.6666666667%;
}

.p-contact__caution__title {
	font-size: 2.9333333333vw;
}

.p-contact__caution__text {
	font-size: 2.1333333333vw;
	line-height: 1.625;
	margin-top: 1.6vw;
	text-align: justify;
}

.p-contact__caution__date {
	bottom: 2.6666666667vw;
	font-size: 2.1333333333vw;
	line-height: 1.625;
	right: 3.2vw;
}

.l-footer {
	padding-block: 4.8vw 10.6666666667vw;
	margin-bottom: 15%;
}

.p-footer__content {
	flex-direction: column;
	gap: 7.6vw;
	width: 100%;
}

.p-footer__logo {
	margin-inline: auto;
	width: 89.8666666667%;
}

.p-footer__navlist {
	flex-wrap: wrap;
	gap: 7.7333333333vw 2.6666666667vw;
	justify-content: initial;
	margin: 0 auto;
	width: 84%;
}

.p-footer__navlistitem {
	width: calc(50% - 1.3333333333vw);
}

.p-footer__navlistitem a {
	font-size: 2.6666666667vw;
	gap: 2.2666666667vw;
	line-height: 1.4;
}

.p-footer__navlistitem a:before {
	height: 1.6vw;
	margin-top: 1.0666666667vw;
	width: 1.0666666667vw;
}

}

@media screen and (max-width: 360px) {

html {
	font-size: 90%;
}

}



/*-------------------------------------共通CSS（common.css）------------------------------------- */

/* a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,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,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font-style:normal;font-weight:400;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{overflow-y:scroll}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input,textarea{margin:0;padding:0}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}a:focus{outline:0}button,input,textarea{-webkit-appearance:none;background-color:transparent;border:none;border-radius:0}body{overflow:hidden}*{box-sizing:border-box}.c-container{height:auto;margin:0 auto;max-width:1200px;width:100%}.fv-banner-wrap{height:auto;margin:0 auto;max-width:1200px;width:100%}.c-pc_only{display:block!important}.c-pc_only--flex{display:flex!important}.c-sp_only{display:none!important}.c-flex--center{align-items:center;display:flex;justify-content:center}.c-flex--spacebetween{display:flex;justify-content:space-between}.c-cta{height:auto;position:relative;width:100%;z-index:2}.c-cta.u-fv_next{margin-top:max(-5.4166666667vw,-65px)}.c-cta .c-container{position:relative}.c-cta .c-cta__btn1{bottom:min(9vw,108px);height:auto;left:11.6666666667%;position:absolute;width:34.8333333333%}.c-cta .c-cta__btn2{bottom:min(9vw,108px);height:auto;position:absolute;right:11.6666666667%;width:34.8333333333%}.c-btn__animation{overflow:hidden}.c-btn__animation:after{animation:3s ease 0s infinite normal none running kirakira;background:#fff;box-shadow:rgba(255,255,255,.5) -10px 0 30px;content:"";height:100%;left:-50px;opacity:.8;position:absolute;top:0;transform:skewX(-24deg);width:50px;z-index:2}.c-follow_cta::after{background:#8e6621;bottom:0;content:"";height:min(11.5vw,222px);left:0;mix-blend-mode:multiply;position:fixed;width:100%;z-index:999}
.c-follow_cta .c-container{
    align-items:flex-end;
    bottom:0; */
    /* display:flex; */
    /* height:min(8.5vw,222px);
    justify-content:space-between;
    left:50%;
    padding-bottom:min(2.0833333333vw,25px);
    position:fixed;
    transform:translateX(-50%);
    width:min(26.3333333333%,1000px);
    z-index:1000}
.c-follow_cta .c-follow_cta__btn1{height:auto;position:relative;width:48.6%}.c-follow_cta .c-follow_cta__btn1 .c-follow_cta__btn1__img{border-radius:min(2vw,24px);position:relative;z-index:1}.c-follow_cta .c-follow_cta__btn1__ornament{height:auto;left:31.2839506173%;position:absolute;top:min(2.4166666667vw,27px);transform:translateY(-106%);width:37.1358024691%;z-index:2}.c-follow_cta .c-follow_cta__btn2{border-radius:min(2vw,24px);height:auto;position:relative;width:48.6%}@media screen and (min-width:421px) and (max-width:768px){.c-container{width:100%}}@media screen and (min-width:481px) and (max-width:768px){.c-container{width:100%}}@media screen and (min-width:601px) and (max-width:768px){.c-container{width:100%}}@media screen and (min-width:769px){.c-container{width:100%}}@media screen and (min-width:769px) and (max-width:1400px){.c-container{width:100%}}@media screen and (min-width:769px) and (max-width:1300px){.c-container{width:100%}}@media screen and (min-width:769px) and (max-width:1200px){.c-container{width:100%}}@media screen and (min-width:769px) and (max-width:1100px){.c-container{width:100%}}@media screen and (min-width:769px) and (max-width:1024px){.c-container{width:100%}}@media screen and (min-width:769px) and (max-width:900px){.c-container{width:100%}}@media screen and (min-width:769px) and (max-width:800px){.c-container{width:100%}}@media screen and (max-width:768px){.c-container{width:100%}.c-pc_only{display:none!important}.c-pc_only--flex{display:none!important}.c-sp_only{display:block!important}.c-cta.u-fv_next{margin-top:-21.3333333333vw}.c-cta .c-cta__btn1{bottom:10.6666666667vw;left:4.8%;width:42%}.c-cta .c-cta__btn2{bottom:10.6666666667vw;right:4.8%;width:42%}.c-follow_cta::after{height:38.9333333333vw}.c-follow_cta .c-container{height:25.9333333333vw;padding-bottom:2.9333333333vw;width:63.6666666667%;z-index:1001;}.c-follow_cta .c-follow_cta__btn1{width:49.2957746479%}.c-follow_cta .c-follow_cta__btn1 .c-follow_cta__btn1__img{border-radius:3.2vw}.c-follow_cta .c-follow_cta__btn1__ornament{left:17.8571428571%;top:2.9333333333vw;margin-top: 5px;width:60.5714285714%}.c-follow_cta .c-follow_cta__btn2{border-radius:3.2vw;width:49.2957746479%}}@media screen and (max-width:360px){.c-container{width:100%}}@keyframes kirakira{0%{left:-50px;opacity:0}15%{left:120%;opacity:.8}20%{left:120%;opacity:1}30%{left:120%;opacity:1}100%{left:120%;opacity:0}} */

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
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,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	border: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: 400;
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

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

section{max-width: 1200px;
        margin: auto;}

html {
	overflow-y: scroll
}

blockquote,
q {
	quotes: none
}

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

input,
textarea {
	margin: 0;
	padding: 0
}

ol,
ul {
	list-style: none
}

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

caption,
th {
	text-align: left
}

a:focus {
	outline: 0
}

button,
input,
textarea {
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	border-radius: 0
}

body {
	overflow: hidden
}

* {
	box-sizing: border-box
}

.c-container {
	height: auto;
	margin: 0 auto;
	max-width: 1200px;
	width: 100%
}

.fv-banner-wrap {
	height: auto;
	margin: 0 auto;
	max-width: 1200px;
	width: 100%
}

.c-pc_only {
	display: block !important
}

.c-pc_only--flex {
	display: flex !important
}

.c-sp_only {
	display: none !important
}

.c-flex--center {
	align-items: center;
	display: flex;
	justify-content: center
}

.c-flex--spacebetween {
	display: flex;
	justify-content: space-between
}

.c-cta {
	height: auto;
	position: relative;
	width: 100%;
	z-index: 2
}

.c-cta.u-fv_next {
	margin-top: max(-0vw, -0px);
	background-image: url("../img/img-fv-bg.webp");
	background-size: cover;
	background-repeat: repeat-y;
	background-size: 100% auto;
	max-width: 1200px;
	margin: auto;
	padding-bottom: 35px;
}

.c-cta .c-container {
	position: relative;
	width: 80%;
}

.c-cta .c-cta__btn1 {
	bottom: min(9vw, 40px);
	height: auto;
	left: 7.666666666%;
	position: absolute;
	width: 34.8333333333%
}

.c-cta .c-cta__btn2 {
	bottom: min(9vw, 40px);
	height: auto;
	position: absolute;
	right: 6.666667%;
	width: 34.8333333333%
}

.c-btn__animation {
	overflow: hidden;
	border-radius: min(2vw, 24px)
}

.c-btn__animation:after {
	animation: 3s ease 0s infinite normal none running kirakira;
	background: #fff;
	box-shadow: rgba(255, 255, 255, .5) -10px 0 30px;
	content: "";
	height: 100%;
	left: -50px;
	opacity: .8;
	position: absolute;
	top: 0;
	transform: skewX(-24deg);
	width: 50px;
	z-index: 2
}

.c-follow_cta::after {
	background: #8e6621;
	bottom: 0;
	content: "";
	height: min(11.5vw, 222px);
	left: 0;
	mix-blend-mode: multiply;
	position: fixed;
	width: 100%;
	z-index: 999
}

.c-follow_cta .c-container {
	align-items: flex-end;
	bottom: 0;
	/* display:flex; */
	height: min(8.5vw, 222px);
	justify-content: space-between;
	left: 50%;
	padding-bottom: min(2.0833333333vw, 25px);
	position: fixed;
	transform: translateX(-50%);
	width: min(26.3333333333%, 1000px);
	z-index: 1000
}

.c-follow_cta .c-follow_cta__btn1 {
	height: auto;
	position: relative;
	width: 48.6%
}

.c-follow_cta .c-follow_cta__btn1 .c-follow_cta__btn1__img {
	border-radius: min(2vw, 24px);
	position: relative;
	z-index: 1
}

.c-follow_cta .c-follow_cta__btn1__ornament {
	height: auto;
	left: 31.2839506173%;
	position: absolute;
	top: min(2.4166666667vw, 27px);
	transform: translateY(-106%);
	width: 37.1358024691%;
	z-index: 2
}

.c-follow_cta .c-follow_cta__btn2 {
	border-radius: min(2vw, 24px);
	height: auto;
	position: relative;
	width: 48.6%
}

@media screen and (min-width:421px) and (max-width:768px) {
	.c-container {
		width: 100%;
		position: relative;
	}
}

@media screen and (min-width:481px) and (max-width:768px) {
	.c-container {
		width: 100%
	}
}

@media screen and (min-width:601px) and (max-width:768px) {
	.c-container {
		width: 100%
	}
}

@media screen and (min-width:769px) {
	.c-container {
		width: 100%;
	}

	.p-fv__img {
		width: 80%;
		padding: 25px 0px 35px 0px;
		margin: auto;
	}
}

@media screen and (min-width:769px) and (max-width:1400px) {
	.c-container {
		width: 100%
	}
}

@media screen and (min-width:769px) and (max-width:1300px) {
	.c-container {
		width: 100%
	}
}

@media screen and (min-width:769px) and (max-width:1200px) {
	.c-container {
		width: 100%
	}
}

@media screen and (min-width:769px) and (max-width:1100px) {
	.c-container {
		width: 100%
	}
}

@media screen and (min-width:769px) and (max-width:1024px) {
	.c-container {
		width: 100%
	}
}

@media screen and (min-width:769px) and (max-width:900px) {
	.c-container {
		width: 100%
	}
}

@media screen and (min-width:769px) and (max-width:800px) {
	.c-container {
		width: 100%
	}
}

@media screen and (max-width:768px) {
	.c-container {
		width: 100%
	}

	.c-pc_only {
		display: none !important
	}

	.c-pc_only--flex {
		display: none !important
	}

	.c-sp_only {
		display: block !important
	}

	.c-cta.u-fv_next {
		padding-top: calc(30 / 750 * 100vw);
	}

	.c-cta .c-cta__btn1 {
		bottom: 5.6666666667vw;
		left: 3.8%;
		width: 42%
	}

	.c-cta .c-cta__btn2 {
		bottom: 5.6666666667vw;
		right: 3.8%;
		width: 42%
	}

	.c-follow_cta::after {
		height: 38.9333333333vw
	}

	.c-follow_cta .c-container {
		height: auto;
		padding-bottom: 2.9333333333vw;
		width: 63.6666666667%;
		z-index: 1001;
	}

	.c-follow_cta .c-follow_cta__btn1 {
		width: 49.2957746479%;
		height: auto;
	}

	.c-follow_cta .c-follow_cta__btn1 .c-follow_cta__btn1__img {
		border-radius: 3.2vw
	}

	.c-follow_cta .c-follow_cta__btn1__ornament {
		height: auto;
		position: relative;
		left: 17.8571428571%;
		top: 2.9333333333vw;
		margin-top: 5px;
		width: 40.5714285714%
	}

	.c-follow_cta .c-follow_cta__btn2 {
		border-radius: 3.2vw;
		width: 49.2957746479%
	}

	.c-cta .c-container {
		position: relative;
		width: 100%;
	}

	.p-fv__img {
		padding: calc(30 / 750 * 100vw) 0px 0px 0px;
		margin: auto;
	}


}

@media screen and (max-width:360px) {
	.c-container {
		width: 100%
	}
}

@keyframes kirakira {
	0% {
		left: -50px;
		opacity: 0
	}

	15% {
		left: 120%;
		opacity: .8
	}

	20% {
		left: 120%;
		opacity: 1
	}

	30% {
		left: 120%;
		opacity: 1
	}

	100% {
		left: 120%;
		opacity: 0
	}
}

    
.ctabtn-wrap{
  width: 100%;
  display: block;
  background-color: rgba(115, 60, 0, 0.93);
  position: fixed; /* 要素を画面に固定 */
  bottom: 0px;    /* 画面下部から20pxの位置に配置 */
  right: 0px;     /* 画面右部から20pxの位置に配置 */
  z-index: 1000;   /* 他の要素より手前に表示 */
  display: none;   /* 最初は非表示 */
  opacity: 0;
  transition: opacity 0.5s ease; /* 表示・非表示を滑らかにする */
}

/* JavaScriptでクラスを追加し、ボタンを表示する */
.ctabtn-wrap.is-show {
  display: block;
  opacity: 1;
}

.ctabtn-inner a{
    position: relative;
    display: block;
}

.ctabtn-inner{
margin: 0px auto;
/* margin-top: 40px;
margin-bottom: 10px; */
/* position: relative; */
padding: 2% 0px 1% 0px;
}

.ctabtn-yoihi{
    width: 38%;
    margin: auto;
    position: relative;
    
}

.ctabtn-yoihi-ornament{
    width: 9%;
    position: absolute;
    top: -27%;
    left: 50%;
    transform:translateX(-50%);
    z-index: 3;
}

@media screen and (max-width:768px) {
    
.ctabtn-wrap{
    width: 100%;
    display: block;
    background-color: rgba(115, 60, 0, 0.93);
    position: fixed; /* 要素を画面に固定 */
  bottom: 0px;    /* 画面下部から20pxの位置に配置 */
  right: 0px;     /* 画面右部から20pxの位置に配置 */
  z-index: 1000;   /* 他の要素より手前に表示 */
}

.ctabtn-inner{
margin: 0px auto;
/* margin-top: 20px; */
/* margin-bottom: 10px; */
/* position: relative; */
padding: 5% 0px 3% 0px;
}

.ctabtn-yoihi{
    width: 90%;
    margin: auto;
    position: relative;
    
}

.ctabtn-yoihi-ornament{
    width: 22%;
    position: absolute;
    top: -28%;
    left: 50%;
    transform:translateX(-50%);
    z-index: 3;

}
}