@charset "UTF-8";

#contents_main{}

#whatsSDGs{margin-bottom: 80px; background: #f9f9f9;　padding: 40px;margin-top: 40px;}

/*共通パーツ*/
.flexBox{display: flex; justify-content: space-between; flex-wrap: wrap; }

@media screen and (max-width: 640px){
/*#whatsSDGs{padding: 20px;}	*/
}

.mainTtl {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 15px 30px;
    max-width: 980px;
    color: #555;
    font-size: 16px;
    background: #6fbb5f;
    border-radius: 15px;
	width: 80%;
}

.mainTtl:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #6fbb5f;
}

.mainTtl h3 {
    margin: 0;
    padding: 0;
	text-align: center;
    color: #ffffff;
    font-size: 35px;
    letter-spacing: 5px;
    font-weight: 600;
}
.mainTtl + p{margin: 40px 0 60px; text-align: center;}

#contents_main{/*border-top: 2px solid #388b50;*/ padding-top: 80px; margin-bottom: 80px;}

#contents_main .contents_inner{}
#contents_main .contents_inner .imgTtl{max-width: 980px; margin: 30px auto;}




.contents_ttl{text-align: center; margin: 30px auto; display: block;}

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

}
@media screen and (max-width: 640px){
	.mainTtl {width: 100%;}
	.mainTtl h3{font-size: 18px;}
	
	#contents_main{margin-bottom: 100px;}
	
}


/*-------------------mainWrap-------------------*/

.mainWrap{}
.mainWrap .item_graph{width: 43%;}
.mainWrap .item_text{width: 54%;}


/*ピックアップ*/
#pickup {margin-bottom: 80px;}
#pickup .pickupTtl_txt{display: flex; justify-content: space-between; flex-wrap :wrap; align-items: center; padding:0; width: 100%;}

#pickup .pickupTtl_txt .item01{width: 80%;}
#pickup .pickupTtl_txt .item02{width: 16%;}
#pickup .pickupTtl_txt .item02 {}


#pickup .pickUp_subTtl{align-items: center;}
#pickup .pickUp_subTtl p{width: 48%;text-align: center;font-size: 16px;font-weight: bold;}
#pickup .pickUp_subTtl p + p{border-left: 1px solid #000000;width: 52%;}

#pickup .item01 p.ac{text-align: center; margin: 10px auto 0;}
#pickup .pickupimg01 figure{max-width: 81px; margin: 0 auto !important;}

#pickup .pickupimg02{width: 49%;font-size: 18px;}
#pickup .pickupimg02 li{border-bottom: 1px dashed #333333;font-size: 15px;line-height: 2.5;}
#pickup .pickupimg02 li span{font-size: 12px ;text-align: right;margin-left: 15px;}

/*blueBox*/
#pickup .blueBox{}
#pickup .blueBox .flexBox{align-items: center;justify-content: space-between;}
#pickup .blueBox h3{background: #0d70aa;color: #ffffff;border-radius: 8px;text-align: center;padding: 5px;font-size: 16px;margin: 10px auto 10px; 
    line-height: 1.6;
}
#pickup .blueBox .pickupimg01{width: 48%;border-right: 1px solid #000000;justify-content: space-around;}
#pickup .blueBox .pickupimg01 li{width: 41%;text-align: center;font-size: 12px;font-weight: bold;color: #0d70aa;line-height: 1.4;}


/*greenBox*/
#pickup .greenBox{
    margin: 20px auto 0;
}
#pickup .greenBox .flexBox{align-items: center;justify-content: space-between;}
#pickup .greenBox h3{background: #439e37;color: #ffffff;border-radius: 8px;text-align: center;padding: 5px;font-size: 16px;margin: 10px auto 10px; 
    line-height: 1.6;
}
#pickup .greenBox .pickupimg01{width: 48%;border-right: 1px solid #000000;justify-content: space-around;}
#pickup .greenBox .pickupimg01 li{width: 30%;text-align: center;font-size: 12px;font-weight: bold;color: #439e37;line-height: 1.4;}


.pickupTtl {display: flex;justify-content:space-between;flex-wrap :wrap;align-items: center;}
.pickupTtl .pickupTtl_txt p {}
.pickupTtl .pickupTtl_txt p span{font-size: 12px;font-weight: bold;background: #6fbb5f;color: #ffffff;letter-spacing: 2px;padding: 0px 10px;display: block;max-width: 100px;border-radius: 5px;text-align: center;}
.pickupTtl .pickupTtl_txt h3{font-size: 30px;color: #6fbb5f;letter-spacing: 2px;line-height: 1.5;}
.pickupTtl .pickupTtl_txt h3 sup{vertical-align:super; font-size:0.5em;}

.pickupTxt {margin-top: 30px;}
.pickupTxt h4{font-size: 18px; color: #388b50; line-height: 2; letter-spacing: 2px; margin-bottom: 20px; }
.pickupTxt p{}

#pickup .pickup_inner .item02 .present-ion{margin-bottom: 15px;position: absolute; top: -15px; left: -15px} 

@media screen and (max-width: 960px){
	#pickup .pickup_inner .item02 figure{margin-top: 30px !important; text-align: center;}

#pickup {margin-bottom: 120px;}	
	#pickup .pickup_inner .item01,
#pickup .pickup_inner .item02{width: 100%;}
	
	.pickupTxt h4 {
    font-size: 16px;
    line-height: 1.5;
		letter-spacing: 0px;}
	#pickup .pickup_inner .item02{margin-top: 40px;}	
	#pickup .pickup_inner .item02 p {
    text-align: left;
}
}
@media screen and (max-width: 640px){
	#pickup .pickup_inner{padding: 0 ;}

#pickup .pickUp_subTtl p {width: 30%; font-size: 12px;}
#pickup .pickUp_subTtl p + p{width: 70%;}
#pickup .blueBox .pickupimg01, 
#pickup .greenBox .pickupimg01{width: 30%;}
#pickup .blueBox .pickupimg01 li,
#pickup .greenBox .pickupimg01 li{width: 100%; font-size: 10px;margin: 5px auto 0;}
#pickup .pickupimg02 {width: 65%;}	
	.pickupTtl{justify-content: center;}
	.pickupTtl figure {
    margin-bottom: 40px !important;
	text-align: center;	
}
#pickup .pickupimg02 li {line-height: 1.8; padding: 15px 0;}
	.pickupTtl .pickupTtl_txt{width: 100%;}
.pickupTtl .pickupTtl_txt p {
    font-size: 16px;
}
	.pickupTtl .pickupTtl_txt h3 {
		font-size: 24px;text-align: center;}
	.pickupTxt {margin-top: 20px;}	
	#pickup .pickupimg02 li span { display: block;}
	
	#pickup .pickup_inner .pickupTtl_txt p,
	#pickup .pickup_inner .pickupTtl_txt p span{text-align: center; margin: 0 auto;}
	
}

/*-------------------------
ポップアップ、横スクロールの調整
-------------------------*/
.mfp-bg{background: #ffffff !important;}
@media screen and (max-width:640px){

  .p-zoomPositionitem {
    /*overflow-y: auto;*/
		max-width: 780px;
		width:100%;
    margin: 0 auto;
    overflow-x: scroll;
    position: relative;
    /*-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;*/
		padding: 0 0 15px 15px;
  }
	/*.p-locationPositionMap figure{
		-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	}*/
  .p-zoomPositionitem img{
    max-width: 780px;
  }
}
@media screen and (max-width: 640px) {
	.pinIcon{text-align: right;}
  .p-zoomPositionitem.js-swipeIcon .p-swipeIcon {
    display: block;
  }
}
.js-swipeIcon  {
  position: relative;
}
.js-swipeIcon .p-swipeIcon {
  display: none;
  background: url("../../img/pages/worker/common/swipeIcon.png") no-repeat center center;
  background-size: 110px auto;
  width: 108px;
  height: 118px;
  content: '';
  position: absolute;
  top:50%;
  left: 50%;
  animation: horizontal 1s ease-in-out infinite alternate;
  z-index: 100;
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
@keyframes horizontal {
  0% { transform:translate(-30%,-50%); }
  100% { transform:translate(-70%,-50%); }
}

.mfp-close-btn-in .mfp-close {
    color: #fff !important;
    background: #000000;
}

/* 92号コンテンツ */
.food_tech_lead{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 40px;}
.food_tech_lead_text{width: calc(100% - 430px); border-top: 2px dotted #6fbb5f; border-bottom: 2px dotted #6fbb5f; padding: 20px 0;}
.food_tech_lead_text h4 span{font-size: 22px; background:linear-gradient(transparent 60%, #bddeaf 60%);}
.food_tech_lead_img{width: 400px;}

.food_tech_content{margin-bottom: 50px;}
.food_tech_content h4{text-align: center; margin-bottom: 20px;}
.food_tech_content h4 span{font-size: 22px; font-weight: bold; padding: 0 20px; position: relative;}
.food_tech_content h4 span::before,
.food_tech_content h4 span::after{content: ""; width: 1px; height: 30px; background: #000; display: block; position: absolute; bottom: 0;}
.food_tech_content h4 span::before{left: 0; transform: rotate(-20deg);}
.food_tech_content h4 span::after{right: 0; transform: rotate(20deg);}

.food_tech_wrap{display: flex; flex-wrap: wrap; justify-content: space-between;
  margin-left: -20px; margin-right: -20px;}
.food_tech_box{width: calc(100% / 3); padding: 0 20px;}
.food_tech_box figure img{width: 100%;}
.food_tech_box h5{position: relative; font-size: 22px; text-align: center; background:linear-gradient(transparent 60%, #e2beda 60%); margin: 10px 0;}
.food_tech_box h5 span{width: 50px; display: block; position: absolute; top: 0; left: 0; z-index: 2; transform: translateY(-100%);}

.food_tech_goal{text-align: center;}
.food_tech_goal p{font-size: 20px; font-weight: bold;}

@media screen and (max-width: 960px){
  .food_tech_lead_text{width: calc(100% - 330px);}
  .food_tech_lead_img{width: 300px;}
  .food_tech_box h5{font-size: 18px; line-height: 1.5;}
}

@media screen and (max-width: 640px){
  .food_tech_lead_text{width: 100%; margin-bottom: 10px;}
  .food_tech_lead_img{width: 100%; padding: 0 30px;}
  .food_tech_lead_text h4{text-align: center;}
  .food_tech_lead_text h4 span{font-size: 18px;}

  .food_tech_content h4 span{font-size: 18px; line-height: 1.5; display: inline-block; padding: 0 20px;}
  .food_tech_box{width: 100%; padding: 0 40px; margin-bottom: 20px;}

  .food_tech_goal p{font-size: 18px; letter-spacing: 0; margin-top: 20px;}
}