@charset "utf-8";

body{
	width: 100%;
  min-width: 1140px;
}
@media screen and (max-width: 750px){
	body{
		min-width: 100%;
	}
}
@media screen and (min-width: 960px){
	#contentsWrap{
		margin-top: 30px !important;
	}
}
#activity #contentsWrap{
	padding: 0 !important;
}
.clearfix{display:inline-block;width:100%;}
.clearfix:after{content: "."; clear: both; display: block; visibility: hidden; height: 0; line-height: 0;}
.contentsWrap{
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	position: relative;
}
.pcOnly{
	display: block;
}
.spOnly{
	display: none;
}
@media screen and (max-width: 750px){
	.spOnly{
		display: block;
	}
	.pcOnly{
		display: none;
	}
	img{
		width: 100%;
		height: auto;
	}
}

.contents{
	width: 100%;
	height: auto;
	text-align: center;
}

/*KV*/
.kvWrap {
	position: relative;
	top: -30px;
	left: 0;
	background: url(/tsunagu/foodloss/img/kvbg_pc.jpg) no-repeat top -105px center/cover;
	width: 100%;
	height: 800px;
}

.nokosanBunner {
	position: absolute;
	bottom: -40px;
	left: 18.75vw;
	z-index: 2;
}

@media screen and (max-width: 750px){
	.kvWrap{
		top: 0;
		background: url(/tsunagu/foodloss/img/kvbg_sp.jpg) no-repeat top center/cover;
		width: 100%;
		height: 100%;
	}
}
@media screen and (max-width: 1023px){
	.kvWrap{
		top: 0;
	}
}
@media screen and (max-width: 750px){
	.kvTtl{
		width: 100%;
	}
}

.foodlossKv{
	position: relative;
	width: 1110px;
	height: 100%;
	margin: 0 auto;
}
@media screen and (max-width: 750px){
	.foodlossKv{
		width: 100%;
	}

	.nokosanBunner {
		max-width: 282px;
		left: 4vw;
		bottom: -50px;
	}
}

@media screen and (max-width: 1040px) and (min-width: 751px){
	.nokosanBunner {
		left: 0;
	}
}

/*白背景付き文言*/
.text_white{
	margin-bottom: 30px;
	font-size: 18px;
}
.text_white.bold{
	font-size: 22px;
	font-weight: bold;
}
.text_white span{
	display: inline-block;
	margin: 5px 0;
	padding: 0 10px;
	background-color: #fff;
}
.foodlossContentsWrap1{
	background: #f0ebce;
	position: relative;
	width: 100%;
	margin: -191px auto 0;
}
.foodlossContentsWrap1 .lineTop{
	background: url(/tsunagu/foodloss/img/brown01_bg_pc.png) no-repeat bottom 87px center /contain;
	position: relative;
	top: -33px;
	z-index: 1;
	text-align: center;
}
.foodlossContentsWrap1 .text_white{
	position: relative;
	top: -49px;
}
.foodlossContentsWrap1 .text_white.mb0{
	margin-bottom: 0;
}
.lineBottom{
	background: url(/tsunagu/foodloss/img/brown02_bg_pc.png) no-repeat top center /contain;
	position: relative;
	top: 0;
	z-index: 1;
	text-align: center;
	padding-bottom: 108px;
}
@media screen and (max-width: 750px){
	.text_white{
		margin-bottom: 5%;
		font-size: 3.733333vw;
	}
	.text_white.bold{
		font-size: 4.733333vw;
		font-weight: bold;
	}
	.text_white span{
		padding: 2px 12px;
	}
	.foodlossContentsWrap1{
		top: 0;
		margin: 0 auto;
	}
	.foodlossContentsWrap1 .text_white{
		position: static;
		top: 0;
	}
	.foodlossContentsWrap1 h3{
		margin-bottom: 2%;
	}
	.foodlossContentsWrap1 .lineTop{
		background: url(/tsunagu/foodloss/img/brown01_bg_sp.png) no-repeat top center /contain;
		top: -2vh;
		padding-bottom: 108px;
	}
	.lineBottom{
		background: url(/tsunagu/foodloss/img/brown02_bg_sp.png) no-repeat bottom 27px center;
    position: relative;
    top: 0;
    z-index: 1;
    text-align: center;
		padding-bottom: 43px;
	}
}
.foodlossContents{
	margin: 0 auto;
	padding: 30px 0 40px;
	z-index: 1;
}
@media screen and (max-width: 750px){
	.foodlossContents{
		margin: 0;
		width: 100%;
		padding: 15px 0 35px;
	}
}

/*ナビ*/
.foodlossContents.foodlossMenuWrap{
	padding: 56px 0 0;
}
.foodlossMenu{
	display: flex;
	justify-content: center;
	width: 1000px;
	margin: -47px auto 0;
}
.foodlossMenu li{
	margin: 0 23px 0 0;
	width: 177px;
	position: relative;
}
.foodlossMenu li:last-child{
	margin: 0 ;
}
.foodlossMenu li:hover{
	opacity: 0.9;
}
.foodlossMenu li .new_icon{
	position: absolute;
	top: -5px;
	left: 0;
	background: #e61611;
	border-radius: 50%;
	color: #fff;
	padding: 7px 10px;
}

.foodlossMenu li .new_icon img {
	padding-top: 4px;
}

@media screen and (max-width: 750px){
	.foodlossMenu{
    width: 96%;
		flex-wrap: wrap;
		margin: -72px auto 0;
	}
	.foodlossMenu li {
		margin: 0 13px 0 0;
	}
	.foodlossMenu li:first-child{
		width: 24%;
	}
	.foodlossMenu li:nth-child(2){
		width: 24%;
	}
	.foodlossMenu li:nth-child(3){
		width: 29%;
	}
	.foodlossMenu li:nth-child(4){
    width: 25%;
    margin-right: 20px;
    margin-left: 6px;
		position: relative;
    top: -9px;
	margin-top: 10px;
	}
	.foodlossMenu li:nth-child(5){
		width: 27%;
		position: relative;
    top: -9px;
	margin-top: 10px;
	}
	.foodlossMenu li .new_icon{
    top: 2%;
    padding: 4px 0px;
    font-size: 0.5rem;
	}
	.foodlossMenu li .new_icon img {
		padding-top: 2px;
		width: 65%;
	}
}

/*ご存知ですか？食品ロス（フードロス）
食品ロスについて、聞いてみました*/
.foodlossContents01{
	position: relative;
	top: 0;
	background: url(/tsunagu/foodloss/assets/images/sec01_img01_pc.png) no-repeat top center;
	width: 100%;
	height: 565px;
	max-width: 1008px;
	margin: 30px auto 0;
}
.foodlossContents01 .text{
	position: absolute;
	right: 0;
	top: -20px;
	display: block;
	width: 380px;
	text-align: left;
}
.foodlossContents01 .text .text_white{
	text-align: left;
	margin-top: 27px;
	margin-bottom: 10px;
	top: 0;
}

@media screen and (max-width: 750px){
	.foodlossContents01{
		position: relative;
		top: 0;
		left: 0;
		background: url(/tsunagu/foodloss/assets/images/sec01_img01_sp.png) no-repeat bottom center /contain;
		width: 100%;
		height: 100%;
		padding-top: 215%;
	}
	.foodlossContents01{
		text-align: left;
	}
	.foodlossContents01 .text{
		left: 0;
		top: 0;
		width: 100%;
	}
	.foodlossContents01 .text p{
		margin: 0;
		font-size: 3.733333vw;
		text-align: center;
	}
	.foodlossContents01 .text .text_white{
		text-align: center;
		margin-top: 15px;
		margin-left: 0;
	}
}

.foodlossContents02{
	position: relative;
	margin-top: 115px;
	top: 0;
	right: 0;
	background: url(/tsunagu/foodloss/img/sec01_img02_pc.png) no-repeat top center;
	max-width: 1008px;
	height: 464px;
	margin: 100px auto 0;
}
.foodlossContents02 .text{
	position: absolute;
	left: 15px;
	top: 149px;
	display: block;
	width: 488px;
}
.foodlossContents02 .text .text_white{
	text-align: left;
	margin-top: 27px;
	top: 0;
}
@media screen and (max-width: 750px){
	.foodlossContents02{
		position: relative;
    margin-top: 0;
    top: 0;
    right: 0;
    background: url(/tsunagu/foodloss/img/sec01_img02_sp.png) no-repeat bottom right 2px/contain;
    width: 100%;
    padding-top: 104%;
    height: 100%;
	}
	.foodlossContents02 .text{
		position: absolute;
		left: 0;
		top: -9px;
		display: block;
		width: 100%;
	}
	.foodlossContents02 .text .text_white{
		margin: 10px auto 0;
    width: 86%;
	}
}
@media screen and (max-width: 320px){
	.foodlossContents02{
		padding-top: 110%;
	}
}




/* 家の食品ロスを減らすと、世界の飢餓も減らせます。 */
.foodlossHunger {
	margin-top: 110px;
}

.hungerWrap {
	max-width: 1008px;
	height: 100%;
	min-height: 582px;
	margin: 0 auto;
	background-image: url("../assets/images/hunger_background.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}

.hunger_lead {
	display: flex;
	justify-content: center;
	padding-top: 75px;
}

.hunger_text {
	text-align: left;
	max-width: 580px;
	font-size: 1.7rem;
	margin-right: 12px;
}

.hunger_text p {
	font-weight: bold;
}

.hunger_text_red {
	color: #df5364;
	font-weight: bold;
}

.hunger_text p:not(:first-child) {
	margin-top: 24px;
}

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

.hunger_btn_item:first-child {
	margin-right: 17px;
}

@media screen and (max-width: 1010px) {
	.hungerWrap {
		background-image: none;
		background: #f9f7eb;
		border-radius: 80px;
		margin: 20px 0 50px;
	}

	.hunger_lead {
		display: block;
	}

	.hunger_text {
		font-size: 1.4rem;
		max-width: initial;
		margin: 0 30px;
	}

	.hunger_illust {
		width: 233px;
		margin: 10px auto 0;
	}

	.hunger_btn {
		display: block;
		padding:12px 0 25px;
	}

	.hunger_btn_item:first-child {
		margin: 0;
	}

	.hunger_btn_item a {
		display: block;
		max-width: 285px;
		margin: 0 auto 7px;
	}
}

/*ちょっとコマーシャル*/
.foodlossCm{
	margin: 85px 0 72px;
}
.foodlossCm h4{
	margin-bottom: 35px;
}
.foodlossCmList li {
	display: inline-block;
	margin: 0 18px;
}
@media screen and (max-width: 750px){
	.foodlossCm{
		margin: 45px 0 30px;
	}
	.foodlossCm h4{
		margin-bottom: 25px;
	}
	.foodlossCmList li{
		margin: 0 20px 25px;
	}
}
/*調査レポート：食品ロスについて*/
.reportWrap{
	text-align: center;
	margin: 0 auto;
	max-width: 1000px;
	position: relative;
	top: -59px;
	overflow: hidden;
}
.reportWrap .report_btn{
	position: absolute;
	left: 50%;
	transform: translateX(-49%);
	bottom: 30px;
	z-index: 10;
	display: flex;
	justify-content: center;
}
.reportWrap .report_btn > div + div{
	margin-left: 50px;
}
.report_btn > div:hover{
	opacity: 0.9;
}
@media screen and (min-width: 751px){
	.reportWrap .report_btn {
		display: flex!important;
		justify-content: center;
	}
	.reportWrap .report_btn > div{
		width: 40.4%;
	}
}
@media screen and (max-width: 750px){
	.reportWrap{
		width: 100%;
		top: 0;
	}
	.reportWrap > p {
		width: 91.86%;
		margin: 0 auto;
	}
	.reportWrap .report_btn {
		top: -125px;
		left: 0;
		position: relative;
		margin: 0 auto;
		width: 100%;
		flex-direction: column;
		transform: translateX(0);
		width: 66.66%;
	}
	.reportWrap .report_btn > div + div{
		margin-left: 0;
		margin-top: 15px;
	}
	.foodlossCmList li{
		margin: 0 20px 25px;
	}
}

@media screen and (max-width: 320px){
	.reportWrap .report_btn {
		top: -105px;
	}
}

/*ついつい食品ロスになりがちな食材もカレーでおいしく！*/
.foodlossContentsWrap2{
	background: url(/tsunagu/foodloss/img/recipe_bg_pc.png) no-repeat center /contain;
	background-size: contain;
	width: 100%;
	margin: 0 auto 100px;
}
.foodlossContentsWrap2 h3{
	margin-bottom: 71px;
}
.foodlossContentsWrap2 h4{
	margin-bottom: 40px;
}
.recipeList{
	margin-bottom: 92px;
}
.recipeList li:hover {
  opacity: 0.9;
}
.recipeList.col1 img {
	width: 100%;
}
.recipeList.col2{
	margin-bottom: 69px;
}
.recipeList.col1 li:first-child{
	margin-right: 80px;
}
.recipeList.col3{
	margin-bottom: 68px;
}
.recipeList.col3 li:first-child{
	margin-left: -9px;
}
.recipeList.col3 li:first-child,
.recipeList.col3 li:nth-child(2){
	margin-right: 23px;
}
.recipeList.col2 .moyashi{
	width: 378px;
	margin-right: 72px;
}
.recipeList.col2 .tohu{
	margin-right: 53px;
}
.recipeList.col2 .meat{
	width: 353px;
	margin-right: 27px;
}
.recipeList li{
	display: inline-block;
}
.recipeList.spOnly{
	display: none;
}

.recipeList.pcOnly{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.recipeList-more {
	width: 25%;
}

@media screen and (max-width: 750px){
	.foodlossContentsWrap2{
		background: url(/tsunagu/foodloss/img/recipe_bg_sp.png) no-repeat;
		background-position: bottom;
		background-size: cover;
		width: 100%;
		min-width: 100%;
		margin: 0 auto 30px;
	}
	.foodlossContentsWrap2 h3{
		margin-bottom: 50px;
	}
	.foodlossContentsWrap2 h4{
		width: 90%;
    margin: 0 auto 30px;
	}
	.recipeList{
		margin-bottom: 40px;
	}
	.recipeList.tandai{
		margin-bottom: 20px;
	}
	.recipeList.col1 li:first-child{
		margin-right: 0;
	}
	.recipeList.col1 li{
    width: 60%;
    margin-bottom: 40px;
	}
	.recipeList.col1 li:last-child{
		margin-bottom: 20px;
	}
	.recipeList.col2 li{
		width: 40%;
		vertical-align: bottom;
	}
	.recipeList.col2 .mt40{
		margin-top: 40px;
	}
	.recipeList.col2 li:nth-child(odd){
		margin-right: 20px;
	}
	.recipeList.col2 .moyashi{
		width: 40%;
		margin-right: 0;
		padding-left: 0;
	}
	.recipeList.col2 .tohu{
		width: 40%;
		margin-right: 0;
	}
	.recipeList.col2 .meat{
		width: 40%;
		margin-right: 0;
	}
	.recipeList.col2.bottom li:nth-child(odd){
		margin-right: 20px;
	}
	.recipeList.col3 li{
		width: 40%;
	}
	.recipeList.col3 li:first-child{
		margin-right: 20px;
	}
	.recipeList.col3 li:nth-child(2){
		margin: 0;
	}
	.recipeList li{
		display: inline-block;
	}
	.recipeList.spOnly{
		display: block;
	}
	.recipeList.pcOnly{
		display: none;
	}

	.recipeList.col3 li.mr23{
		margin-right: 23px !important;
	}
}


/*ついつい食品ロスになりがちな食材もカレーでおいしく！*/
.new-recipe {
	display: inline-block;
	position: relative;
}

.new-recipe::after {
	content: "";
	background: url("../assets/images/new-icon.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	width: 5vw;
	max-width: 80px;
	height: 5vw;
	max-height: 80px;
}

.col1 .new-recipe::after {
	top: 5%;
	left: 5%;
}

@media screen and (max-width: 750px) {
	.new-recipe::after {
		top: 1vw;
		left: 1vw;
		width: 5vw;
		min-width: 40px;
		height: 5vw;
		min-height: 40px;
		background-size: contain;
	}
}

.onePointArea{
	background: #f0ebce;
}
.onePointWrap{
	position: relative;
	height: 1680px;
	max-width: 1000px;
	margin: 0 auto;
}
.onePointList .onePoint01,
.onePointList .onePoint02,
.onePointList .onePoint03,
.onePointList .onePoint04,
.onePointList .onePoint05,
.onePointList .onePoint06,
.onePointList .onePoint07,
.onePointList .onePoint08,
.onePointList .onePoint09,
.onePointList .onePoint10,
.onePointList .onePoint11,
.onePointList .onePoint12,
.onePointList .onePoint13,
.onePointList .onePoint14,
.onePointList .onePoint15,
.onePointList .onePoint16,
.onePointList .onePoint17,
.onePointList .onePoint18,
.onePointList .onePoint19{
	cursor: pointer;
	position: absolute;
	display: block;
}
.onePointList .onePoint01{
	top: 1.45%;
	left: 4.76%;
}
.onePointList .onePoint02{
	top: 2.8%;
	left: 40.4%;
}
.onePointList .onePoint03{
	top: 4.2%;
	right: 4%;
}
.onePointList .onePoint04{
	top: 16.4%;
	left: 21.1%;
}
.onePointList .onePoint05{
	top: 17.6%;
	left: 58.3%;
}
.onePointList .onePoint06{
	top: 27.4%;
	left: 1.2%;
}
.onePointList .onePoint07{
	top: 30.1%;
	left: 41.7%;
}
.onePointList .onePoint08{
	top: 31.6%;
	right: 0.7%;
}
.onePointList .onePoint09{
	top: 40%;
	left: 21.9%;
}
/* .onePointList .onePoint10{
	top: 49.4%;
	left: 62.7%;
} */
.onePointList .onePoint11{
	top: 42.4%;
	left: 62.7%;
}
.onePointList .onePoint12{
	top: 52.95%;
	left: 1.8%;
}
.onePointList .onePoint13{
	top: 54.56%;
	right: 38.3%;
}
.onePointList .onePoint14{
	top: 57.4%;
	right: 4%;
}
.onePointList .onePoint15{
	top: 67.2%;
	left: 23.1%;
}
.onePointList .onePoint16{
	top: 69.7%;
	left: 65.2%;
}
.onePointList .onePoint17{
	top: 80.4%;
	left: 4.7%;
}
.onePointList .onePoint18{
	top: 81.4%;
	left: 42.3%;
}
.onePointList .onePoint19{
	top: 85.2%;
	right: 4.3%;
}
.foodlossContentsWrap3 .lineTop{
	background: url(/tsunagu/foodloss/img/brown03_bg_pc.png) no-repeat top 110px center /cover;
	position: relative;
	top: 0;
	z-index: 1;
	text-align: center;
}
.foodlossContentsWrap3 .lineBottom{
	background: url(/tsunagu/foodloss/img/brown02_bg_pc.png) no-repeat top center /contain;
	position: relative;
	top: 0;
	z-index: 1;
	text-align: center;
	padding-bottom: 108px;
}
@media screen and (max-width: 750px){
	.foodlossContentsWrap3{
		padding-top: 0;
		position: relative;
	}
	.onePointWrap{
		position: static;
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 415%;
	}
	.onePointArea{
		/* padding-bottom: 47%; */
	}
	.onePointList{
		padding-top: 5%;
		margin: 0 5%;
	}
	.onePointList .onePoint01,
	.onePointList .onePoint02,
	.onePointList .onePoint03,
	.onePointList .onePoint04,
	.onePointList .onePoint05,
	.onePointList .onePoint06,
	.onePointList .onePoint07,
	.onePointList .onePoint08,
	.onePointList .onePoint09,
	.onePointList .onePoint10,
	.onePointList .onePoint11,
	.onePointList .onePoint12,
	.onePointList .onePoint13,
	.onePointList .onePoint14,
	.onePointList .onePoint15,
	.onePointList .onePoint16,
	.onePointList .onePoint17,
	.onePointList .onePoint18,
	.onePointList .onePoint19{
		position: static;
		width: 50%;
		height: auto;
		float: left;
		top: 0;
		left: 0;
		right: 0;
	}
	/*.onePointList .onePoint11{
		width: 47%;
	}
	.onePointList .onePoint13{
		width: 45%;
	}*/
	.foodlossContentsWrap3 .lineTop{
		background: url(/tsunagu/foodloss/img/brown03_bg_sp.png) no-repeat bottom center /contain;
		position: relative;
		top: 0;
		z-index: 1;
		text-align: center;
	}
	.foodlossContentsWrap3 .lineBottom{
		background: url(/tsunagu/foodloss/img/brown02_bg_sp.png) no-repeat top center;
		position: relative;
		top: 0;
		z-index: 1;
		text-align: center;
		padding-bottom: 108px;
	}
}

.modalWindow{
	border: #ffd70d solid 12px;
	border-radius: 80px;
	background: #fff;
	width: 576px;
	margin: 0 auto;
}
.onePointeModalContentsArea{
	width: 460px;
	margin: 0 auto;
}
.onePointeModalContents span{
	background-color:#fff3b6;
	line-height: 2;
}
@media screen and (max-width: 750px){
	.modalWindow{
		border: #ffd70d solid 6px;
		border-radius: 80px;
		background: #fff;
		width: 100%;
		margin: 0 auto;
	}
	.onePointeModalContentsArea{
		width: 100%;
		margin: 0 auto;
	}
}
.modalContentInner{
	position: relative;
	padding: 45px 60px 80px;
}
@media screen and (max-width: 750px){
	.modalContentInner{
		padding: 10% 10% 15%;
	}
}
.onePointeModalTtl{
	margin: 0 auto 20px;
	text-align: center;
}
@media screen and (max-width: 750px){
	.onePointeModalTtl{
		width: 30%;
		margin: 0 auto 20px;
	}
}
.fondueModalContentsArea{
	display: flex;
	justify-content: space-between;
	text-align: left;
}
@media screen and (max-width: 750px){
	.fondueModalContentsArea{
		display: block;
	}
}


/* modal
--------------------------------------- */
.js_modal {
  display: block;
  cursor: pointer;
}

.js_modal:hover {
  opacity: 0.9;
}

.js_modal_wrap {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999999;
  position: fixed;
  overflow-y: auto;
}

.js_modal_overlay {
  width: 100%;
  height: 100vh;
  position: fixed;
  overflow: hidden;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999998;
}

.modal_inner.movie {
	width: 700px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.modal_inner {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.modal_inner.type_howtomake {
  width: 700px;
}

.howtomake {
  position: relative;
}

.modal_video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.modal_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal_close {
	width: 30px;
	height: 30px;
	background: url(/tsunagu/foodloss/img/btn_close.png) no-repeat;
	background-size: 100% auto;
	display: block;
	position: absolute;
	z-index: 9999999;
	top: 40px;
	right: -40px;
	margin: -40px 0 0 320px;
	cursor: pointer;
}

.modal_close2 {
	position: absolute;
	right: 50%;
    transform: translate(50%,0);
    bottom: 10%;
    background: 0;
    border: 0;
    width: 14%;
    cursor: pointer;
}

figure {
  margin: 0;
}

@media (max-width: 769px) {
	.modal_inner.movie {
    width: 86%;
	}
  .modal_inner {
		width: 90%;
		left: 48%;
  }

  .modal_inner.type_howtomake {
    width: 90%;
    margin-top: 60px;
  }

	.modal_close {
    left: 100%;
    margin: -78px 0 0 -30px;
}

  .modal_close2 {
		width: 20%;
		bottom: 5%;
  }
}

.sponsoringList.flex {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.sponsoringList.flex li {
	margin-top: 0 !important;
}

.sponsoringList.flex li:first-child .btn {
	margin-top: 10px;
}

.sponsoringList {
	max-width: 1008px;
	margin-right: auto;
	margin-left: auto;
}

.sponsoringList li{
	display: inline-block;
	border: #dddddd solid 2px;
	border-radius: 20px;
	background: #fff;
	width: 37.5%;
	padding: 30px 40px;
	margin: 0 20px;
}

.sponsoringList.noBorder li{
	border: none;
}

.sponsoringList li.listItem-large {
	width: 88%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}
.sponsoringList li:not(:first-child) {
	margin-top: 20px;
}
.sponsoringList li.listItem-large .logo,
.sponsoringList li.listItem-large .text_area {
	width: 48%;
}
.sponsoringList li.listItem-large .logo img {
	width: 90%;
}
.sponsoringList li .ttl{
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
	padding: 10px 0;
}
.sponsoringList li .text{
	line-height: 1.5;
	text-align: left;
	padding: 0 0 20px;
}
.sponsoringList li .logo:hover,
.sponsoringList li .btn:hover{
  opacity: 0.9;
}
.remakeBnr h3{
	margin: 100px auto 20px;
}
.remakeBnr a :hover{
	opacity: 0.9;
}
@media screen and (max-width: 750px){
	.sponsoringList {
		width: 100%;
	}
	.sponsoringList.flex {
		margin-top: 0;
		flex-direction: column;
		align-items: center;
	}
	.sponsoringList.flex li:first-child .btn {
		margin-top: 0;
	}
	.sponsoringList li{
		width: 80%;
		height: 100%;
		padding: 20px;
		margin: 0 0 25px;
	}
	.sponsoringList li.listItem-large {
		width: 80%;
		margin: 0 auto 25px;
		display: block;
	}
	.sponsoringList li.listItem-large .logo,
	.sponsoringList li.listItem-large .text_area {
		width: 100%;
	}
	.sponsoringList li .ttl{
		font-size: 4vw;
		padding: 10px 0;
	}
	.sponsoringList li .text{
		line-height: 1.5;
		text-align: left;
		padding: 0 0 20px;
	}
	.sponsoringList li .btn{
		width: 70%;
		margin: 0 auto;
	}
	.remakeBnr h3{
		margin: 30px auto 20px;
	}
	.remakeBnr{
		margin: 0 20px;
	}
}
.sns_wrap {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 160px;
	margin: 40px auto 0;
}
	.sns_wrap li:hover{
		opacity: 0.9;
	}

@media screen and (max-width: 750px){
	.sns_wrap {
		margin: 40px auto 60px;
		width: 55%;
	}
	.sns_wrap li{
		width: 45%;
		margin-right: 30px;
	}
	.sns_wrap li:last-child{
    margin-right: 0;
	}
}

.mt150{
	margin-top: 150px;
}

.bnr_item_list {
	display: flex;
    margin-top: 60px;
    justify-content: center;
}

.bnr_item_list li + li {
	margin-left: 50px;
}
.bnr_item:hover {
	opacity: 0.9;
}
@media screen and (max-width: 750px){
	.bnr_item_list {
		margin-top: 0;
		flex-direction: column;
		padding: 0 20px;
	}

	.bnr_item_list li + li {
		margin-left: 0;
		margin-top: 20px;
	}
}

.foodlossContentsWrap1,
.foodlossContentsWrap2,
.foodlossContentsWrap4,
.onePointWrap {
	padding-left: 15px;
	padding-right: 15px;
}

.foodlossContentsWrap4 .bnr_block {
	max-width: 1020px;
	margin: 0 auto;
}

.expand_collapse {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.l-header__logo {
	width: 100%;
}

/* ホテルメトロポリタン考案レシピ */

.bg_beigeWave{
	background-color: #fbf4ee;
	margin-bottom: 80px;
}
.bg_beigeWave::before,
.bg_beigeWave::after{
	content: '';
	display: block;
	width: 100%;
	padding-bottom: 2%;
}

.bg_beigeWave::before{
	background: url(/tsunagu/foodloss/assets/images/bg-wave-top3.png) no-repeat center / 100%;
}

.bg_beigeWave::after{
	background: url(/tsunagu/foodloss/assets/images/bg-wave-bottom3.png) no-repeat center / 100%;
}

.new_recipe_sec{
	padding: 60px 0 85px;
}

@media screen and (max-width: 750px) {
	.new_recipe_sec{
		padding: 60px 15px;
	}
}

.new_recipe_sec:first-of-type{
	padding-bottom: 0;
}
.new_recipe_sec:nth-of-type(2){
	padding-top: 45px;
}
@media screen and (max-width: 750px) {
	.new_recipe_sec h4{
		width: 90%;
		margin: 0 auto;
	}
}


.metro_link{
	display: inline-block;
	margin-top: 40px;
}

@media screen and (max-width: 750px) {
	.metro_link{
		width: 75.3%;
		margin: 40px auto 0;
	}
}

.metropolitanList{
	margin-top: 37px;
}

.new_recipe_sec .new_recipe_heading > span {
	position: relative;
	display: inline-block;
	max-width: 80%;
}

.new_recipe_heading .new_recipe_new_icon01,
.new_recipe_heading .new_recipe_new_icon02 {
	display: block;
	width: 7vw;
	height: 7vw;
	max-width: 80px;
	max-height: 80px;
	background: url(/tsunagu/foodloss/assets/images/new-icon-02.png) top/100% 100% no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-120%,-25%);
}
@media screen and (max-width: 750px) {
	.new_recipe_sec .new_recipe_heading > span {
		max-width: 100%;
	}

	.new_recipe_heading .new_recipe_new_icon01 {
		width: 11vw;
		height: 11vw;
		transform: translate(15%,-70%);
	}
	.new_recipe_heading .new_recipe_new_icon02 {
		width: 11vw;
		height: 11vw;
		transform: translate(-50%,-85%);
	}
}