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

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

/*** フォント基本定義 ***/
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;
	}
}

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

/*---------------------------------------------------------*/
/* 見出し */
/*---------------------------------------------------------*/
section .main-title{
	margin-bottom:25px;
	font-weight:500;
}

/* 2022.1.22 アーカイブ年見出し */
.archives-year-md{
	padding-bottom:2px;
	text-align: center;
	font-size:2.2rem;
	border-bottom:solid 2px #000;
}
@media (max-width: 767px){
	section .main-title{
		font-size:2rem;
	}
	.archives-year-md{
		font-size:1.6rem;
	}
}


/*---------------------------------------------------------*/
/* ヘッダー */
/*---------------------------------------------------------*/
#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/kinder-caravan-2022main.jpg') center center /cover 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;
}
@media (min-width: 768px){
	#main-slider{
		height:100vh !important;
	}
}
@media (max-width: 767px){
	#main-slider,
	#main-slider .carousel slide,
	#main-slider .carousel-inner,
	#main-slider .carousel .item{
		height:68vh !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:2.8rem;
	}
}

/*---------------------------------------------------------*/
/* 導入部 */
/*---------------------------------------------------------*/
.intro-sent span{
	display: inline-block;
	margin-bottom:15px;
	font-size:2.4rem;
}
#intro-sec .clearboth{
	clear:both;
}
@media (min-width: 768px){
	#intro-sec .intro-inner > div:nth-of-type(n+3){
		margin-top:15px;
	}
}
@media (max-width: 767px){
	#intro-sec .intro-inner > div:nth-of-type(1){
		margin-bottom:20px;
	}
	#intro-sec .intro-inner > div:nth-of-type(n+2){
		margin-top:10px;
	}
}



/*---------------------------------------------------------*/
/* 活動紹介部 */
/*---------------------------------------------------------*/
#intro-sec{
	margin:0 auto 0;
	padding:40px 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;
	}
}

/*---------------------------------------------------------*/
/* 賛同企業紹介部 */
/*---------------------------------------------------------*/
#corpolate-sec{
	padding:20px 0 !important;
	background-color:#fff;
	z-index:10;
}
#corpolate-banner-wrap > div{
	padding:0 15px;
}
@media (min-width: 768px){
	#corpolate-banner-wrap > div:nth-of-type(n+5){
		margin-top:15px;
	}
}
@media (max-width: 767px){
	#corpolate-banner-wrap > div:nth-of-type(n+3){
		margin-top:15px;
	}
}

/*---------------------------------------------------------*/
/* 実施報告紹介部 */
/*---------------------------------------------------------*/
#report-sec{
	padding:20px 0 !important;
	background-color:#fff;
	z-index:10;
}
#report-sec a img{
	margin:0 auto;
}
@media (min-width: 768px){
	#report-sec a img{
		width:75%;
	}
}
@media (max-width: 767px){
	#report-sec a img{
		width:100%;
	}
}

/*---------------------------------------------------------*/
/* アーカイブ紹介部 */
/*---------------------------------------------------------*/
#archives-sec{
	padding:20px 0 !important;
	background-color:#fff;
	z-index:10;
}
#archives-sec a img{
	margin:0 auto;
}
@media (min-width: 768px){
	#archives-sec a img{
		width:75%;
	}
}
@media (max-width: 767px){
	#archives-sec a img{
		width:100%;
	}
}

/*---------------------------------------------------------*/
/* 協賛募集部 */
/*---------------------------------------------------------*/
#kyosanbosyu-sec{
	padding:30px 0 30px 0 !important;
	background-color:#f5f5f5;
	z-index:10;
}
#kyosanbosyu-sec .intro{
	margin-bottom:15px;
	font-size:1.6rem;
}
#kyosanbosyu-sec .contact-box{
	margin:0 auto 0;
	padding:15px 20px;
	border:solid 1px #000;
}
#kyosanbosyu-sec .contact-box > p{
	line-height:1.3;
}
#kyosanbosyu-sec .contact-box > p:nth-child(n+2){
	margin:8px 0 0 0;
}
@media (min-width: 768px){
	#kyosanbosyu-sec .intro{
		text-align: center;
	}
	#kyosanbosyu-sec .contact-box{
		width:50%;
	}
}
@media (max-width: 767px){
	#kyosanbosyu-sec .contact-box{
		width:100%;
	}
}


/*---------------------------------------------------------*/
/* 最下層／ロゴエリア */
/*---------------------------------------------------------*/
.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;
	}
}