@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,400,500,700&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;700&display=swap');
/* Google fonts  ->  Noto Sans JP */
/* Regular 400/Medium 500/Bold 700 */

/*---------------------------------------------------------*/
/* スタイル */
/* last update/ 2024.3.1 */
/*-----------------------------------------------------------*/

/*** フォント基本定義 ***/
html{
	font-size: 10px; /* initial 10px */
}
body{
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:1.6rem; /* default font-size 16px */
	line-height : 1.5;
	font-weight:400;
}

/*---------------------------------------------------------*/
/* リセット */
/*---------------------------------------------------------*/
ul,li{
	padding:0;
	list-style:none;
}

/*---------------------------------------------------------*/
/* 汎用スタイル */
/*---------------------------------------------------------*/
@media (min-width: 768px){
	.sp-inline{
		display: none;
	}
}
@media (max-width: 767px){
	.sp-inline{
		display: inline;
	}
}

/*---------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------*/
	#content-wrapper section{
		padding-top:10px;
		padding-bottom:20px;
	}
@media (max-width: 767px){
}
@media (min-width: 768px){
	#content-wrapper section{
		padding-top:40px;
		padding-bottom:40px;
	}
}

/*---------------------------------------------------------*/
/* 見出し */
/*---------------------------------------------------------*/
section .main-title{
	margin-bottom:25px;
	font-weight:500;
}
@media (max-width: 767px){
	section .main-title{
		font-size:2rem;
	}
}

/*---------------------------------------------------------*/
/* ヘッダー */
/*---------------------------------------------------------*/
#header-inner,
#header-inner .navbar-header{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#header-inner::before,
#header-inner::after,
#header-inner .navbar-header::before,
#header-inner .navbar-header::after{
	content:none;
}
@media (max-width: 767px){
	#header-inner .navbar-header{
		margin:0;
		width:100%;
	}
	#header-inner .navbar-header h1{
		width:70%;
	}
}
@media (min-width: 768px){
	#header-inner .navbar-header{
		width:50%;
	}
	#header-inner .navbar-header h1{
		width:100%;
	}
}

/*---------------------------------------------------------*/
/* メインイメージ部 */
/*---------------------------------------------------------*/
#main-slider{
	background:url('../images/mainimage-202402_sd.jpg') center center /contain no-repeat;
}

#main-slider h2{
	text-transform:none !important;
	background-color:#0006 !important;
	z-index:10 !important;
}
#main-slider .carousel .btn{
	margin-top:15px !important;
	color:#000;
	border:solid 1px #fff !important;
	background-color:#fff;
	z-index:10 !important;
}
/* 写真注釈 */
#main-slider .mainphoto-notes{
	position: absolute;
	right:0;
	bottom:8px;
	margin: 0;
	padding:0 10px;
	width:100%;
	font-size:12px;
	color:#fff;
}

/* はじめにボタン */
.item.active .next-btn{
  display: block;
  position: absolute;
  bottom:30px;
  left:50%;
  transform: translateX(-50%);
}

@media (min-width: 768px){
#main-slider{
	background:url('../images/mainimage-202402_ld.jpg') center center /cover no-repeat;
}
	#main-slider{
		height:100vh !important;
	}
	/* 写真注釈 */
	#main-slider .mainphoto-notes{
		text-align: right;
		font-size:16px;
	}
/* はじめにボタン */
.item.active .next-btn{
  bottom:50px;
}
}
@media (max-width: 767px){
	#main-slider,
	#main-slider .carousel slide,
	#main-slider .carousel-inner,
	#main-slider .carousel .item{
		height:55vh !important;
	}
	#main-slider .carousel-inner .item{
		display:-webkit-box !important;
		display:-ms-flexbox !important;
		display:flex !important;
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important;
	}
	#main-slider .carousel h2{
		line-height:1.4;
		font-size:3rem;
	}
/* スマホでははじめにボタン非表示 */
#main-slider .carousel .btn{
  display: none;
}
}

/*---------------------------------------------------------*/
/* 導入部 */
/*---------------------------------------------------------*/
.intro-sent span{
	display: inline-block;
	margin-bottom:15px;
	font-size:2.4rem;
}

/*---------------------------------------------------------*/
/* 活動紹介部 */
/*---------------------------------------------------------*/
#intro-sec{
	margin:0 auto 0;
	background-color:#fff;
	z-index:10;
}
#intro-sec h2{
	margin-bottom:20px;
}
@media (min-width: 768px){
	#intro-sec h2 span{
		font-size:2rem;
	}
}
@media (max-width: 767px){
	#intro-sec h2{
		font-size:2.6rem !important;
	}
	#intro-sec h2 span{
		font-size:1.6rem;
	}
}

/*---------------------------------------------------------*/
/* 実施報告紹介部 */
/*---------------------------------------------------------*/
#report-sec{
	margin:0 auto 0;
	background-color:#fff;
	z-index:10;
}

  .fooddrive-report .report-box .detail-box .meta{
    margin: 0 0 5px 0;
    line-height: 1.6;
    font-size:1.4rem;
  }
  .fooddrive-report .report-box .detail-box .meta span{
    font-size:2rem;
  }
  .fooddrive-report .report-box .detail-box .result-data{
    margin: -10px 0 0 0;
    padding-bottom: 2px;
    text-align: right;
    font-size:1.8rem;
    font-weight: bold;
    border-bottom: solid 4px #ccc;
  }
  .fooddrive-report .report-box .detail-box .result-data span{
    display: inline-block;
    margin-right: 10px;
    font-size:5rem;
    font-weight: bold;
    color:#193076;
    font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  }


@media (max-width: 767px){
  .fooddrive-report > div:nth-of-type(n+2){
    margin-top: 20px;
  }
  .fooddrive-report .report-box .photo-box{
    margin: 0 auto 10px;
  }

}
@media (min-width: 768px){
}

/*---------------------------------------------------------*/
/* 賛同企業紹介部 */
/*---------------------------------------------------------*/
#support-sponsor-sec{
	margin:0 auto 0;
	background-color:#eee;
	z-index:10;
}
.kyosan-kigyo-list{
  margin: 0 auto 0;
  width:100%;
}
.kyosan-kigyo-list > li{
  padding:0 10px;
}
@media (max-width: 767px){
  .kyosan-kigyo-list > li:nth-of-type(n+2){
    margin-top: 10px;
}

}
@media (min-width: 768px){
.kyosan-kigyo-list{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto 0;
  width:100%;
}
  .kyosan-kigyo-list > li{
    width:50%;
}
  .kyosan-kigyo-list > li:nth-of-type(n+3){
    margin-top: 10px;
}

}
@media (min-width: 1200px){
  .kyosan-kigyo-list > li{
    width:25%;
}
  .kyosan-kigyo-list > li:nth-of-type(n+3){
    margin-top: 0;
}
  .kyosan-kigyo-list > li:nth-of-type(n+5){
    margin-top: 10px;
}

}


/*---------------------------------------------------------*/
/* 最下層／ロゴエリア */
/*---------------------------------------------------------*/
.kizunalogo-vegaltalogo-area{
	text-align:center;
}
.kizunalogo-vegaltalogo-area img{
	margin:0 15px;
}
@media (min-width: 768px){
	.kizunalogo-vegaltalogo-area{
		padding-top:60px;
		padding-bottom:60px;
	}
	.kizunalogo-vegaltalogo-area img{
		width:180px;
		height:auto;
	}
}
@media (max-width: 767px){
	.kizunalogo-vegaltalogo-area{
		padding-top:30px;
		padding-bottom:30px;
	}
	.kizunalogo-vegaltalogo-area img{
		width:30%;
		height:auto;
	}
}

/*---------------------------------------------------------*/
/* フッター */
/*---------------------------------------------------------*/
#footer{
	margin-top:0 !important;
}
#gototop{
	font-size:4rem;
}
@media (max-width: 767px){
	#footer-wrapper{
		padding-top:0 !important;
	}
	.kizunalogo-vegaltalogo-area{
		margin-bottom:0 !important;
	}
	#footer .pull-right{
		float:none !important;
		text-align: center;
	}
	#footer .pull-right li{
		margin:0;
	}
}
