/* おぐらきんなべとは？ */
.page_ttl {
	padding: 50px 20px 0;
}
.bread{
	margin-top: 30px;
	padding: 0 20px;
}
.about01{
	padding: 100px 20px 70px;
	background-image: url(../images/top/top_img01.jpg);
	background-repeat: no-repeat;
	background-position: calc(70% + 300px) top;
}
.about01_wrap{
	margin-top: 50px;
}
.about01_box{
	width: 50%;
	max-width: 510px;
}
.about01_name{
	font-size: 2.5rem;
}
.about01_name_en{
	font-size: 2.2rem;
}
.about_career{
	margin-top: 20px;
}
.about_career_ttl{
	font-size: 1.25rem;
}
.about_career_ttl span{
	flex: 1;
	position: relative;
}
.about_career_ttl span::after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #707070;
	position: absolute;
	top: 50%;
	left: 0;
}
.about_career_txt{
	margin-top: 20px;
	line-height: 1.8;
}
.about01_img{
	width: 50%;
	padding-top: 50px;
}

.about02{
	background: #ece4d0;
	padding: 70px 20px;
}
.about_h2{
	font-size: 1.85rem;
}
.about02_txt{
	background-image: url(../images/about/about02_bk.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 20px;
	line-height: 1.8;
}

.about03{
	padding: 70px 20px 0;
}
.about03_wrap{
	margin-top: 20px;
}
.about03_txt{
	width: 70%;
	line-height: 1.8;
}
.about03_img{
	width: 30%;
}

@media only screen and (max-width:1024px) {
	.about01{
		padding: 50px 20px 50px;
		background-size: 300px;
		background-position: right -40px top 0;
	}
	.about01_wrap{
		flex-wrap: wrap;
		margin-top: 20px;
	}
	.about01_box{
		width: 100%;
		order: 2;
	}
	.about01_img{
		width: 100%;
		order: 1;
		padding: 0;
	}
	.about01_name{
		font-size: 1.5rem;
	}
	.about01_name_en{
		font-size: 1.2rem;
	}

	.about_h2{
		font-size: 1.2rem;
	}
	.about02_txt{
		background-size: contain;
	}

	.about03_wrap{
		flex-wrap: wrap;
		gap: 20px;
	}
	.about03_txt{
		width: 100%;
	}
	.about03_img{
		width: 100%;
	}
}

/* 店舗紹介 */
.store_index{
	margin-top: 40px;
	margin-bottom: 50px;
	justify-content: center;
	gap: 20px;
}
.store_index_btn{
	border: solid 1px #000;
	border-radius: 50px;
	padding: 15px;
	min-width: 300px;
	font-size: 1.25rem;
}
.store_sec{
	padding: 0 20px 150px;
}
.store_slide_item{
	position: relative;
}
.store_slide_txt{
	width: 100%;
	background: rgba(256,256,256,0.8);
	padding: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.store_h2{
	margin-top: 50px;
	font-size: 1.85rem;
}
.store_discri{
	margin-top: 20px;
}
.store_info{
	margin-top: 20px;
}
.store_info_tr{
	justify-content: start;
	gap: 20px;
}
.store_info_tr+.store_info_tr{
	margin-top: 10px;
}
.store_info_th{
	width: 130px;
	border: solid 1px #000;
	border-radius: 30px;
	padding: 5px;
}
.store_info_td{
	flex: 1;
	padding: 5px 0;
}
.store_gmap{
	margin-top: 50px;
	padding-bottom: 30%;
}

@media only screen and (min-width:1025px) {
	.store_index_btn{
		transition: .3s ease-in-out;
	}
	.store_index_btn:hover{
		background: #fd9800;
	}
}

@media only screen and (max-width:1024px) {
	.store_index{
		flex-wrap: wrap;
	}
	.store_index_btn{
		font-size: 1rem;
		padding: 8px 10px;
	}
	.store_sec{
		padding-bottom: 100px;
	}
	.store_slide_txt{
		padding: 5px;
		font-size: 0.8rem;
	}
	.store_h2{
		font-size: 1.2rem;
	}
	.store_info_th{
		width: 90px;
		max-height: 34px;
	}
	.store_gmap{
		padding-bottom: 80%;
	}
}

/* お問い合わせ */
.inq01{
	background: #ece4d0;
	padding: 100px 20px;
	color: #707070;
	margin-top: 50px;
}
.inq_form{
	max-width: 830px;
	margin: auto;
}
.inq_wrap {
	gap: 20px;
}
.inq_box {
	flex: 1;
}
.inq_box02{
	width: 50%;
}
.inq_form_ttl{
	margin-top: 20px;
}
.form_input,
.inq_form_radio{
	width: 100%;
	border: none;
	padding: 10px;
	font-size: 1.1rem;
	line-height: 1.8;
}
.smaller{
	font-size: 0.8em;
}
.inq_form_txt{
	margin-top: 10px;
}
.form_btn_wrap {
	justify-content: center;
	margin-top: 50px;
}
.form_btn{
	border: solid 1px #000;
	border-radius: 50px;
	padding: 10px;
	font-size: 1.25rem;
	background: #fff;
	min-width: 300px;
	cursor: pointer;
}
.inq_note{
	margin-top: 50px;
	font-size: 1.35rem;
	line-height: 1.8;
}
.inq_date{
	padding: 10px;
	font-size: 1.1rem;
}
.inq_form_radio{
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	gap: 5px 20px;
}

.inq_table{
	width: 100%;
	font-size: 1.1rem;
}
.inq_tr{
	border-bottom: 1px solid #707070;
}
.inq_th{
	padding: 5px;
}
.inq_td{
	padding: 5px;
	flex: 1;
}

@media only screen and (min-width:1025px) {
	.form_btn{
		transition: .3s ease-in-out;
	}
	.form_btn:hover{
		background: #fd9800;
	}
}

@media only screen and (max-width:1024px) {
	.inq_wrap{
		flex-wrap: wrap;
		gap: 0;
	}
	.inq_box,.inq_box02{
		flex: none;
		width: 100%;
	}
	.inq_note{
		font-size: 1rem;
	}

	.inq_table{
		font-size: 0.9rem;
	}
}

/* FC加盟店募集 */
.fc01{
	margin-top: 100px;
	padding: 0 20px 100px;
	background-image: url(../images/fc/fc_bk.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.fc01_copy{
	font-size: 3.65rem;
	color: #707070;
	margin-bottom: 80px;
}
.fc01_txt{
	margin-top: 20px;
	font-size: 1.15rem;
	line-height: 2;
}

.fc02,.fc03{
	padding: 0 20px 100px;
}
.fc02_table{
	margin-top: 30px;
	border-top: 1px solid #000;
	font-size: 1.15rem;
}
.fc02_th{
	width: 240px;
	background: #fff7d9;
	padding: 20px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
.fc02_td{
	flex: 1;
	border-bottom: 1px solid #000;
	padding: 20px 40px;
}
.fc02_ul{
	list-style-type: disc;
	padding-left: 25px;
	font-size: 1.15rem;
	margin-top: 40px;
	line-height: 1.8;
}
.fc03_wrap{
	margin-top: 30px;
}
.fc03_box{
	border: 5px solid #faa839;
	border-radius: 50px;
	padding: 10px;
	font-size: 1.25rem;
}
.fc03_box+.fc03_box{
	margin-top: 20px;
}

.fc04{
	padding: 0 20px;
}
.fc04_wrap{
	margin-top: 30px;
	gap: 10px;
}
.fc04_box{
	width: calc((100% - 20px) / 3);
}
.fc04_box_img{
	height: 180px;
	position: relative;
}
.fc04_box_ttl{
	margin-top: 20px;
	background: #e4e4e4;
	padding: 10px;
	font-size: 1.15rem;
}

.fc_flow{
	margin-top: 50px;
	gap: 40px;
}
.fc_flow_wrap{
	width: calc(50% - 20px);
}
.fc_flow_box{
	padding: 20px;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	margin-bottom: 50px;
	position: relative;
}
.fc_flow_box::after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 17.3px 10px 0 10px;
	border-color: #707070 transparent transparent transparent;
	position: absolute;
	bottom: -34px;
	left: calc(50% - 10px);
}
.fc_flow_box_last::after{
	display: none;
}
.fc_step{
	font-size: 13px;
}
.fc_flow_num{
	font-size: 2.8rem;
	line-height: 1;
}
.fc_flow_ttl{
	font-size: 1.85rem;
}

@media only screen and (max-width:1024px) {
	.fc01,.fc02,.fc03{
		padding-bottom: 60px;
	}
	.fc01_copy{
		font-size: 1.8rem;
		margin-bottom: 50px;
	}
	.fc01_txt{
		font-size: 1rem;
		line-height: 1.8;
	}

	.fc02_table{
		font-size: 0.9rem;
	}
	.fc02_th{
		width: 100px;
		padding: 10px 5px;
	}
	.fc02_td{
		padding: 10px;
	}
	.fc02_ul{
		font-size: 1rem;
	}

	.fc04_box_ttl{
		font-size: 0.9rem;
	}

	.fc_flow{
		flex-wrap: wrap;
		gap: 0;
		max-width: 400px;
		margin: 30px auto 0;
	}
	.fc_flow_wrap{
		width: 100%;
	}
	.fc_flow_box{
		padding: 10px;
	}
	.fc_flow_num{
		font-size: 1.5rem;
	}
	.fc_flow_ttl{
		font-size: 1.3rem;
	}
}

/* 商品紹介 */
.pro01{
	margin-top: 100px;
	padding: 0 20px 100px;
	background: #ece4d0;
	position: relative;
	color: #707070;
}
.pro01::after{
	content: "";
	display: block;
	width: 100%;
	height: 200px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
}
.pro01 .page_inner{
	position: relative;
	z-index: 1;
}
.pro01_copy{
	margin-bottom: 30px;
	position: relative;
	z-index: 10;
}
.products_img01{
	position: absolute;
	left: 500px;
	top: 0;
	max-width: calc(100% - 500px);
}
.pro01_item{
	position: relative;
	z-index: 10;
	padding-right: 200px;
}
.pro01_item_copy{
	position: absolute;
	right: 80px;
	top: 50px;
	font-size: 2.5rem;
	writing-mode: vertical-rl;
}
.pro01_item_copy span{
	background: rgba(236,228,208,0.9);
	padding: 10px 5px;
	line-height: 1.8;
}
.pro01_item_info{
	position: absolute;
	left: 0;
	bottom: 100px;
	font-size: 1.85rem;
}
.pro01_item_cold{
	border: 5px solid #f99207;
	padding: 10px 40px;
	border-radius: 10px;
	background: #fff;
	display: inline-block;
}
.pro01_item_volume{
	margin-top: 10px;
}

.pro02{
	padding: 100px 20px;
}
.pro02_time{
	border: 5px solid #f99207;
	border-radius: 10px;
	padding: 10px;
	margin-top: 40px;
	font-size: 1.85rem;
}
.pro_flow_note{
	margin-top: 30px;
}
.pro_flow_txt{
	margin-top: 15px;
	font-size: 1.15rem;
}
.pro_flow_arrow{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #e4e4e4;
	position: absolute;
	right: -30px;
	top: 80px;
}
.pro_flow_arrow_sp{
	display: none;
}

.pro03{
	padding: 0 20px;
}

@media only screen and (max-width:1024px) {
	.pro01{
		margin-top: 50px;
		padding-bottom: 60px;
	}
	.pro01::after{
		height: 120px;
	}
	.products_img01{
		left: unset;
		right: 0;
		max-width: 50%;
	}
	.pro01_txt{
		position: relative;
		z-index: 10;
		background: rgba(236,228,208,0.7);
		padding: 5px;
	}
	.pro01_item{
		padding-right: 50px;
		padding-bottom: 80px;
	}
	.pro01_item_copy{
		font-size: 1.2rem;
		right: 0;
		top: 0;
		height: 300px;
	}
	.pro01_item_info{
		font-size: 1.2rem;
		bottom: 0;
	}
	.pro01_item_cold{
		padding: 5px 20px;
	}

	.pro02{
		padding: 60px 20px;
	}
	.pro02_time{
		font-size: 1.2rem;
	}
	.pro_flow_img{
		padding: 0 15px;
	}
	.pro_flow_arrow{
		right: -15px;
	}
}

@media only screen and (max-width:480px) {
	.pro_flow_wrap{
		flex-wrap: wrap;
		gap: 20px;
	}
	.pro_flow_box{
		width: 100%;
	}
	.pro_flow_arrow{
		display: none;
	}
	.pro_flow_arrow_sp{
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 26px 15px 0 15px ;
		border-color: #e4e4e4 transparent transparent  transparent;
		margin: auto;
	}
}

/* プライバシーポリシー */
.privacy01{
	padding: 50px 20px 100px;
	line-height: 1.8;
}
.privacy_ol{
	padding-left: 30px;
}