/* =================================
   基本設定
================================= */

body{
margin:0;
font-family:"Hiragino Kaku Gothic ProN", sans-serif;
background:#fafafa;
}


/* =================================
   セクション全体
================================= */

.voice-section{
padding:80px 20px;
max-width:1000px;
margin:auto;
}


/* =================================
   タイトル
================================= */

.voice-title{
display:flex;
align-items:center;
justify-content:center;
gap:12px;

font-size:30px;
font-weight:bold;
letter-spacing:0.05em;

margin-bottom:60px;
text-align:center;
}

.voice-title img{
width:80px;
}


/* =================================
   お客様の声レイアウト
================================= */

.voice-wrap{
display:flex;
flex-direction:column;
gap:40px;
}

.voice-box{
display:flex;
align-items:flex-start;
gap:20px;
}

/* 右配置 */

.voice-box.reverse{
flex-direction:row-reverse;
}


/* =================================
   お客様アイコン
================================= */

.voice-icon img{
width:200px;
height:200px;
border-radius:50%;
object-fit:cover;
}


/* =================================
   吹き出しコメント
================================= */

.voice-comment{
padding:20px 25px;
border-radius:15px;
position:relative;

max-width:500px;

background:#fff;

border:5px solid #ffa257;

box-shadow:0 5px 15px rgba(0,0,0,0.08);
}


/* 吹き出し三角 */

.voice-comment::before{
content:"";
position:absolute;
top:20px;
left:-40px;

border-width:20px;
border-style:solid;
border-color:transparent #ffa257 transparent transparent;
}

/* 右側吹き出し */

.reverse .voice-comment::before{
left:auto;
right:-40px;
border-color:transparent transparent transparent #ffa257;
}


/* =================================
   お客様名前
================================= */

.voice-name{
font-weight:bold;
margin-bottom:10px;
color:#333;
}


/* =================================
   ボタン
================================= */

.week-btn-wrap{
text-align:center;
margin:40px 0;
}

.week-btn{
display:inline-flex;
align-items:center;
gap:8px;

background:#ffa257;
color:#000;

font-weight:bold;
font-size:16px;

padding:14px 28px;

border-radius:30px;

box-shadow:0 4px 0 #FF5900;

transition:0.2s;
}

.week-btn:hover{
transform:translateY(2px);
box-shadow:0 2px 0 #FF5900;
}

.week-btn .arrow{
font-size:18px;
}


/* =================================
   上カーブデザイン
================================= */

.curve-top{
background:#ffa257;
position:relative;
padding:80px 0 80px;
margin-top:100px;
}

.curve-top::before{
content:"";
position:absolute;

top:-100px;
left:0;

width:100%;
height:100px;

background:#ffa257;

border-top-left-radius:50% 100%;
border-top-right-radius:50% 100%;
}


/* =================================
   下カーブデザイン
================================= */

.curve-bottom{
background:#ffa257;
position:relative;
padding:80px 0 80px;
margin-bottom:100px;
}

.curve-bottom::after{
content:"";
position:absolute;

bottom:-120px;
left:0;

width:100%;
height:120px;

background:#ffa257;

border-bottom-left-radius:50% 100%;
border-bottom-right-radius:50% 100%;
}


/* =================================
   お米型セクション
================================= */

.rice-shape{
	background:#ffa257;
	border-radius:140% / 40%;
	max-width:1100px;
	box-shadow:0 10px 30px rgba(0,0,0,0.05);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 150px;
	margin-left: auto;
	padding-top: 50px;
	padding-right: 60px;
	padding-bottom: 180px;
	padding-left: 60px;
}

/* ===============================
お弁当へのこだわり セクション
=============================== */

.kodawari-section{

max-width:1100px;
margin:120px auto;
padding:0 20px;

display:flex;
flex-direction:column;
align-items:center;
gap:35px;

}


/* ===============================
1ブロック
=============================== */

.kodawari-item{

display:flex;
align-items:center;
gap:20px;

}


/* 交互配置 */

.kodawari-item.reverse{

flex-direction:row-reverse;

}


/* ===============================
画像
=============================== */

.kodawari-item img{

width:280px;
height:auto;

}


/* ===============================
文章
=============================== */

.kodawari-text{

flex:1;
line-height:1.9;
padding:5px;


}

.kodawari-text h2{

font-size:21px;
margin-bottom:15px;

}


/* ===============================
スマホ
=============================== */

@media (max-width:768px){

.kodawari-item{
flex-direction:column;
text-align:center;
}

.kodawari-item.reverse{
flex-direction:column;
}

.kodawari-item img{
width:200px;
}

}

/* =================================
   レスポンシブ対応
================================= */

@media (max-width:768px){

.voice-box{
flex-direction:column;
}

.voice-box.reverse{
flex-direction:column;
}


}

@media (max-width:700px){

.rice-shape{
padding:80px 30px;
border-radius:300px / 150px;
}

}