@charset "UTF-8";
/* CSS Document */
html {
	font-size:62.5%;
}
body {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	letter-spacing: 1px;
	font-weight: 500;
	font-style: normal;
	font-size: 1.6rem;
	line-height:2.1;
	color:#645a5a;
}
/**main{
	margin:0 155px;
}**/
.max-with{
	max-width:1400px;
	margin: 0 auto;
}
h2{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size:32px;
	font-weight: 700;
	text-align: center;
	padding-top:50px;
	padding-bottom:50px;
}
p{
	line-height:28px;
}
footer .copyright{
	font-size:13px;
}
.text-color{
	color: #f0aa1e;
}

/* フォント */
.m-plus-rounded-1c-medium {
	font-family: "M PLUS Rounded 1c", serif;
	font-weight: 500;
	font-style: normal;
  }
  .m-plus-rounded-1c-bold {
	font-family: "M PLUS Rounded 1c", serif;
	font-weight: 700;
	font-style: normal;
  }
  .m-plus-rounded-1c-extrabold {
	font-family: "M PLUS Rounded 1c", serif;
	font-weight: 800;
	font-style: normal;
  }

  summary::-webkit-details-marker{
	display: none
	}/*トップページ[よくある質問]のスマホで見たときの左に現れる三角消す*/


	/*****************
		背景画像
	*****************/
	#top{
		width: 100%;
		height:100%;
		background-image: url(../images/svg/pcback_top.svg);
		background-color: #f1fff0;/*背景画像以外の部分を薄緑に塗りつぶす*/
		background-repeat: no-repeat;/*背景を縦にも横にも繰り返さない*/
		background-position: center;
		background-size: cover;
		margin: 0px;
		padding: 0px;
		background-position-y: 500px;
	  }
	  #about{
		width: 100%;
		height:100%;
		background-image: url(../images/svg/pcback_about.svg);
		background-color: #f0faff;/*背景画像以外の部分を薄水色に塗りつぶす*/
		background-repeat: no-repeat;/*背景を縦にも横にも繰り返さない*/
		background-position: center;
		background-size: cover;
		margin: 0px;
		padding: 0px;
	  }
	  #grow{
		width: 100%;
		height:100%;
		background-image: url(../images/svg/pcback_grow.svg);
		background-color: #fffaf0;/*背景画像以外の部分を薄ピンクに塗りつぶす*/
		background-repeat: no-repeat;/*背景を縦にも横にも繰り返さない*/
		background-position: center;
		background-size: cover;
		margin: 0px;
		padding: 0px;
	  }
	  #share{
		width: 100%;
		height:100%;
		background-image: url(../images/svg/pcback_share.svg);
		background-color: #fffaf0;/*背景画像以外の部分を薄ピンクに塗りつぶす*/
		background-repeat: no-repeat;/*背景を縦にも横にも繰り返さない*/
		background-position: center;
		background-size: cover;
		margin: 0px;
		padding: 0px;
	  }
	  #app{
		width: 100%;
		height:100%;
		background-image: url(../images/svg/pcback_share.svg);
		background-color: #fffaf0;/*背景画像以外の部分を薄ピンクに塗りつぶす*/
		background-repeat: no-repeat;/*背景を縦にも横にも繰り返さない*/
		background-position: center;
		background-size: cover;
		margin: 0px;
		padding: 0px;
	}
	#news,#innews,#contact{
		width: 100%;
		height:100%;
		background-image: url(../images/svg/pcback_nwse.svg);
		background-color: #fffaf0;/*背景画像以外の部分を薄ピンクに塗りつぶす*/
		background-repeat: no-repeat;/*背景を縦にも横にも繰り返さない*/
		background-position: center;
		background-size: cover;
		margin: 0px;
		padding: 0px;
	}


	/*****************
		ボタン矢印
	*****************/
	.dli-chevron-round-right {
		display: inline-block;
		vertical-align: middle;
		color: #fff;
		line-height: 1;
		position: relative;
		width: 12px;
		height: 12px;
		transform: translateX(-25%) rotate(45deg);
		margin-bottom: 5px;
		margin-left: 5px;
	}

	.dli-chevron-round-right::before, .dli-chevron-round-right::after {
		content: '';
		position: absolute;
		background: currentColor;
		border-radius: 0.1em;
	}

	.dli-chevron-round-right::before {
		top: 0;
		left: 0;
		right: 0;
		height: 2px;
	}

	.dli-chevron-round-right::after {
		top: 0;
		right: 0;
		bottom: 0;
		width: 2px;
	}

	/*****************
		headerエリア
	*****************/
	header {
		width: 100%;
		top: 0;
		position: fixed;
		z-index: 99;/*絶対一番上でいてほしいので、数字を999にしている*/
	}
	header ul {
		display:flex;
		padding-left:0
	}
	header li{
		margin:0 0 0 30px;
		list-style:none;
	}
	header li a {
		width:100%;
		font-size: calc(0.5rem + 0.625vw);
		color:#645a5a;
		margin:0px;
		text-decoration: none;
		transition:0.4s;
		font-weight: bold;
	}
	header .header-nav a:hover {
	color:#a0968c;/*マウスオーバーで色が変わる*/
	/*text-decoration:underline;*//*テキストの下に線をつける(これはマウスオーバーでなる)*/
	}
	header .inner {
		width: calc(90% - 80px);
		height:80px;
		display:flex;
		justify-content:space-around;
		align-items:center;
		background-color: #ffffffde;
		border-radius: 50px;
		box-shadow: 4px 4px 20px -4px #f0aa1e41;
		margin: 0 auto;
		margin-top:20px;
		padding: 0 20px;
	}
	#menu-btn-check {
		display: none;
	}

	header h1 {
		height:50px;
	}
	header h1 img {
		width:160px;
		height:auto;
	}

	/*****************
		フッターエリア
	*******************/
	footer{
		margin: 0 auto;
		text-align: center;
	}
	footer h2 {
		font-size: 32px;
		color: #645a5a;
		font-weight: 700;
		text-align: center;
		padding-top: 50px;
		padding-bottom: 0px;
	}
	footer p {
		font-size: 16px;
		color: #645a5a;
		padding-bottom: 30px;
	}
	footer .store_icon{
		display: flex;
   		justify-content: center;
    	align-items: center;
		margin-bottom: 70px;
	}
	/*****************
	ページトップへ行くボタン
	****************/
	#pagetop{
		position:fixed;
		right:30px;
		bottom:30px;
		cursor:pointer;
		z-index: 10;
	}



	/*****************
	アニメーション動画
	*****************/
	.movieback{
		background-color: #FFBC49;
	}
	.aspect-ratio-block{
		width: 100%;
		height: 100%;
		aspect-ratio: 960/480;/*ここにアニメーション比較としていれる*/
	}
	#animation_container {
	  margin:auto;
	  left:0;right:0;
	}





	/******************
		about
	******************/
	#topabout{
		width:970px;
		display: flex;
		align-items: center;
		flex-direction: row;
		margin: 0 auto;
		margin-bottom: 120px;
		padding-top:120px;
		justify-content: space-between;
	}
	#topabout .about{
		width:475px;
		height:10%;
		background-color: #fff;
		border-radius:0px 60px 10px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
	}
	#topabout .about-text{
		width:380px;
		margin: 0 auto;
		padding-top:70px;
	}
	#topabout .about-text p{
		text-align: left;
		line-height:28px;
		margin-bottom:30px;
	}
	#topabout .about-text .komidashi{
		font-size:24px;
		margin-bottom:30px;
	}
	#topabout .about-text span{
		color: #5ab4dc;
	}
	#topabout .about-text .text-color {
		color: #f0aa1e;
	}
	#topabout .about .aboutbtn{
		display: flex;
		justify-content: flex-end;
		margin-top: 22px;
	}

	/**********アバウトボタン**********/
	#topabout .about .button{
		width:160px;
		border-radius:10px;
		border:#f0aa1e;
		background-color: #f0aa1e;
		color: #fff;
		transition: 0.5s;
		font-size:16px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		text-decoration: none;
		font-weight: bold;
		background: #f0aa1e;
		color: #fff;
		transition: 0.5s;
		padding: 13px 0;
		text-align: center;
	}
	#topabout .about .button a{
		color: #fff;
		text-decoration: none;
		font-size: 16px;
		transition: 0.5s;
	}
	#topabout .about .button:hover{
		background-color: #5ab4dc;
		color: #fff;
	}



	/*****************
		親子で育つ
	*****************/
	#oyako{
		width:970px;
		height:100%;
		background-color: #fff;
		border-radius:0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		margin: 0 auto;
		margin-bottom:120px;
		padding-top:20px;
	}
	#oyako p{
		text-align: center;
		padding-bottom:30px;
	}
	#oyako span{
		color: #f0aa1e;
	}
	#oyako .dli-chevron-round-right{
		color: #fff;
	}
	.btn-container{
		display: flex;
		justify-content: center;
	}
	.btn-container2{
		width: 40px;
		height: 40px;
	}
	#oyako button {
		width: 40px;
		height: 40px;
		font-size: 30px;
		font-weight: bold;
		color: #fff;
		background-color: #5ab4dc;
		border-radius:50%;
		padding:0;/*2/18追記 iOS対策*/
		border: none;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		cursor: pointer;/* ボタンにカーソルを当てると、カーソルがポインターに変わる */
		margin-left: 0px;
		text-align: center;
	  }
	  #oyako img{
		margin-left: 0px;
	  }


	/*****************
		知ってる？
	*****************/
	  #question{
		width:970px;
		height:100%;
		background-color: #fff;
		border-radius:0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		margin: 0 auto;
		margin-bottom:120px;
		padding-bottom:70px;
	  }
	  #question p span{
		color: #f0aa1e;
	  }
	  #question h3{
		font-size:24px;
		font-weight:500;
		padding-bottom: 30px;
	  }
	  #question h3 span{
		font-size:36px;
		color: #f0aa1e;
	  }
	  #question .question_box{
		display: flex;
		padding:30px 0 30px 30px;
		margin-bottom: 45px;
		padding-top: 25px;
		flex-wrap: wrap;
		justify-content: flex-end;
		margin-right: 120px;
	  }


/*****************アレルギーアイコン*****************/
	  .wrapper {
		display: grid;
		grid-template-columns: repeat(8, 1fr);
		row-gap: 30px;
		justify-items: center;
		padding: 0 95px;
		margin-bottom: 45px;
	  }
	  .wrapper div{
		text-align: center;
	  }
	  .wrapper .text_aida{
		letter-spacing: -2px;
	  }
	  .wrapper p {
		font-size:14px;
	  }
	  .gimu .h5{
		width:115px;
		height:30px;
		line-height:30px;/*2/18追記 特殊用途上下中央揃え*/
		background-color: #5ab4dc;
		color: #fff;
		padding-left: 0px;
		border-radius: 15px;
	  }
	  .gimu{
		display: flex;
		padding-left: 95px;
		text-align: center;
		padding-bottom: 20px;
	  }
	  .gimu p{
		height:1px;
		padding-left: 30px;
	  }

	  #question_box .eat_baby div{
		width: 747px;
		text-align: left;
	  }
	  #question_box ul{
		display: flex;
		justify-content: space-between;
    	align-items: center;
	  }
	  #question_box ul li{
		width:200px;
	  }


	  /*****************離乳食*****************/
	  .eat_box {
		padding: 0 95px;
		margin-top: 100px;
	  }
	  .eat_p p{
		margin-bottom: 45px;
	}
	  .eat_box .eat_baby{
    	width: 747px;
	  }
	  .eat_box .eat_baby ul{
		display: flex;
		align-items: flex-start;
		margin-bottom: 30px;
		margin-top: 30px;
	  }
	  .eat_box .eat_baby ul li{
		width: 100%;
		margin:0 auto;
	  }


	  .eat_baby .day{
		width:118px;
		height: 36px;
		text-align: center;
		border-radius:18px;
		margin-bottom:10px;
		align-content: space-evenly;/***背景に対して、テキストを縦横中央**/
	  }
	  .pink{
		background-color: #f0c8c8;
	  }
	  .green{
		background-color: #e6f0be;
	  }
	  .blue{
		background-color: #bee6f0;
	  }
	  .Yellow{
		background-color: #faf0b4;
	  }
	  .orange{
		background-color: #fae6be;
	  }

	 .eat_baby a{
	 	border-radius: 10px;
        color: #f0aa1e;
        font-size: 16px;
        font-family: 'M PLUS Rounded 1c', sans-serif;
        text-decoration: none;
        font-weight: bold;
    }



	.btn-container{
		display: flex;
		justify-content: center;
	}
	#oyako .button {
		width: 40px;
		height: 40px;
		font-size: 30px;
		font-weight: bold;
		color: #fff;
		background-color: #5ab4dc;
		border-radius:100px;
		border: none;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		cursor: pointer;/* ボタンにカーソルを当てると、カーソルがポインターに変わる */
		margin-left: 130px;
	  }
	  #question button {
		width: 40px;
		height: 40px;
		font-size: 30px;
		font-weight: bold;
		color: #fff;
		background-color: #5ab4dc;
		border-radius: 50%;
		padding:0;/*2/18追記 iOS対策*/
		border: none;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		cursor: pointer;
		margin-right: 0px;
		text-align: center;
	}



	/**********************************
	ボタン押したら、上に表示「親子で育つ」
	**********************************/
	.btn-container {
		text-align: center;
	  }

	  button {
		width: 80%;
		height: 50px;
		font-size: 18px;
		font-weight: bold;
		cursor: pointer;/* ボタンにカーソルを当てると、カーソルがポインターに変わる */
	  }

	  /* ボタンにカーソルを当てたとき、ボタンを半透明にする */
	  button:hover {
	   opacity: 0.7;
	  }

	  .hidden {
		display: none;
	  }
	  .hidden2 {
		display: none;
	  }

	  #mask {
		background: #f9bb69ad;
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 99;
	  }

	  #modal {
		background: #fff;
		width: 970px;
		padding: 24px;
		border-radius: 4px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		margin: 0 auto;
		z-index: 99;
		border-radius: 0px 60px 60px 60px;
		padding-bottom: 70px;
	  }
	  #modal .yoko{
		display: flex;
		justify-content: space-evenly;
	  }
	  #modal h3{
		font-size:24px ;
		color: #f0aa1e;
		padding-bottom: 30px;
	  }
	  #modal p{
		width: 245px;
		text-align: left;
	  }
	  #modal .button {
		font-size:16px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		text-decoration: none;
		padding: 13px 20px;
		border-radius: 10px;
		margin: auto;
		font-weight: bold;
		background: #f0aa1e;
		color: #fff;
		transition: 0.5s;
	}
	#modal .button:hover {
		color: #fff;
		background: #5ab4dc;
	}
	/**********************************
	ボタン押したら、上に表示「アレルギー」
	**********************************/
	.btn-container {
		text-align: center;
	  }

	  button {
		width: 80%;
		height: 50px;
		font-size: 18px;
		font-weight: bold;
		cursor: pointer;/* ボタンにカーソルを当てると、カーソルがポインターに変わる */
	  }

	  /* ボタンにカーソルを当てたとき、ボタンを半透明にする */
	  button:hover {
	   opacity: 0.7;
	  }

	  .hidden2 {
		display: none;
	  }
	  .hidden2 {
		display: none;
	  }

	  #mask2 {
		background: #f9bb69ad;
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 99;
	  }

	  #modal2 {
		background: #fff;
		width: 970px;
		border-radius: 4px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		margin: 0 auto;
		z-index: 99;
		border-radius: 0px 60px 60px 60px;
		padding-bottom: 70px;
	  }
	  #modal2 .yoko{
		display: flex;
		justify-content: space-evenly;
	  }
	  #modal2 h3{
		font-size:24px ;
		color: #f0aa1e;
		padding-bottom: 30px;
	  }
	  #modal2 p{
		width: 663px;
		height: 100%;
		text-align: left;
		margin: 0 auto;
		padding-bottom:60px;
	  }
	  #modal2 .button {
		font-size:16px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		text-decoration: none;
		padding: 13px 20px;
		border-radius: 10px;
		margin: auto;
		font-weight: bold;
		background: #f0aa1e;
		color: #fff;
		transition: 0.5s;
	}
	#modal2 .button:hover {
		color: #fff;
		background: #5ab4dc;
	}


	/*****************
		アプリの機能
	*****************/
	  #app_func {
		margin: 0 auto;
		text-align: center;
		display: grid;
		width: fit-content;
		column-gap: 2em;
		margin-bottom: 120px;
	  }
	  #app_func ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		padding-bottom:50px;
	  }
	  #app_func ul li{
		width:220px;
	  }
	  #app_func ul li p{
		padding-top:20px;
	  }

	  #app_func .button{
		font-size:16px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		text-decoration: none;
		padding: 13px 20px;
		border-radius: 10px;
		margin: auto;
		font-weight: bold;
		background: #f0aa1e;
		color: #fff;
		transition: 0.5s;
	}
	#app_func .button:hover {
		color: #fff;
		background: #5ab4dc;
	}

	#app_func .wrapper {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		row-gap: 50px;
		justify-items: center;
		padding: 0px;
		margin-bottom: 50px;
	  }
	#app_func .wrapper div{
		text-align: center;
	  }
	#app_func .wrapper p {
		font-size:16px;
	  }

	/******アプリ画面紹介******/
	  .app_img img{
		margin:120px 40px 50px 40px;
		box-shadow: 4px 4px 20px -4px #f0aa1e41;
	  }
	  .store_icon{
		margin: 0 0 0 auto;
	  }




/********************
    よくある質問
*********************/
/*チェックボックスを非表示にする*/
#qanda{
	margin-bottom: 120px;
}
#qanda input {
	display: none;
  }
  #qanda label {
		width: 600px;
		padding: 1em;
		background: #ffffff00;
		display: block;
		font-weight: bold;
		position: relative;
		cursor: pointer;
		margin: 0 auto;
		font-size: 20px;
  }
  
  /*三角矢印アイコン*/
  #qanda .icon {
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	width: 24px;
	margin-left: 6px;
	flex-shrink: 0;
	transform-origin: center 43%;
	transition: transform 0.5s;
  }
  #qanda .icon::before,
  #qanda .icon::after {
	content: "";
	position: absolute;
	display: block;
	width: 15px;
	height: 3px;
	background-color:#f0aa1e;
  }
  #qanda .icon::before {
	left: 0;
	transform: rotate(45deg);
  }
  #qanda .icon::after {
	right: 0;
	transform: rotate(-45deg);
  }
  
  #qanda .wrap {
	width: 800px;
    border-bottom: 1px solid #f0aa1e;
    margin-bottom: 10px;
    margin: 0 auto;
	padding: 20px 0;
  }
  #qanda .bodertop{
	border-top: 1px solid #f0aa1e;

  }
  
  /*コンテンツ初めは非表示*/
  #qanda .content {
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
	overflow: hidden;
  }
  #qanda p {
    width: 600px;
    margin: 0;
    padding: 1em;
    margin: 0 auto;
  }
  
  /*クリックするとコンテンツ表示*/
  #qanda input:checked ~ .content {
	max-height: 100px;
	opacity: 1;
	visibility: visible;
  }
  
  /* アコーディオン表示の際に三角回転 */
  #qanda input:checked ~ label .icon {
	transform: rotate(180deg);
  }




/********************
    ニュース
*********************/
.news .news-list{
	list-style: none outside;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	padding: 0 155px ;
	margin-bottom: 170px;
  }
  .news .news-list .item img {
	width: 280px;
	height: 160px;
    box-shadow: 4px 4px 20px -4px #f0aa1e41;
	border-radius: 30px;
	margin-bottom: 30px;
}

.news .news-list .item{
	width:100%;
	height:100%;
	margin: 0 auto;
	padding: 0 32px;
	text-align: center;
  }
  .news .news-list .item a{
	display: flex;
	flex-wrap: wrap;
	flex-wrap: nowrap;
	text-decoration: none;
	color: #645a5a;

  }
  .news .news-list .item a p{
	font-weight: bold;
	color: #645a5a;

  }
  .news .news-list .item .date{
	padding-left: 10px;
	font-size: 16px;
	text-align: left;
  }
  .news .news-list .item .category{
	margin: 0;
	min-width: 140px;
	padding: 0 20px 0 0;
  }
  .news .news-list .item .title{
	margin: 0;
	width: 100%;
	text-align: left;
	font-weight: 400;
	margin-top: 20px;
  }
  .news .news-list .item:hover{
	color: #a0968c;
	opacity:0.5;
	transition:0.3s;
  }


  .innews .gorousan{
	width: 260px;
	font-size: 20px;
	font-weight: bold;
	border-bottom:2px solid #5ab4dc;
	text-decoration: none;
	display: block;
	margin: 0 auto;
	color: #5ab4dc;
  }


  /********ごろうさんずリンクの矢印*********/
  #innews .dli-chevron-round-right {
	  display: inline-block;
	  vertical-align: middle;
	  color:#5ab4dc;
	  line-height: 1;
	  position: relative;
	  width: 12px;
	  height: 12px;
	  transform: translateX(-25%) rotate(45deg);
	  margin-bottom: 0px;
	  margin-left: 5px;
  }


/*****************
	SNS
*******************/
#sns{
	width: 970px;
    height: 100%;
	display: flex;
	margin:0 auto;
	justify-content: space-evenly;
    background-color: #fff;
    border-radius: 0px 60px 60px 60px;
    box-shadow: 0 5px 25px 0 #f9bb696a;
    margin-bottom: 120px;
    padding: 50px 0px;
	text-align: center;
	align-items: center;
}
#sns img{
	padding: 0 10px ;
}
#sns .snsh2{
	font-size:30px;
	font-weight: bold;
	padding-bottom: 10px;
}
#sns img:hover{
	opacity:0.5;
	transition:0.3s;
  }







	/**********************************
	*********************************
			アバウトページ
	*********************************
	**********************************/

	/******************
		アバウト
	*******************/
	.towa{
		text-align: center;
		margin-bottom: 90px;
		margin-top:120px;
	}
	.towa p {
		padding-bottom: 30px;
	}
	.towa p span{
		color: #5ab4dc;
	}
	.towa .text-color {
		color: #f0aa1e;
	}

	/******************
		〜のための
	*******************/
	.tameno{
		display: flex;
		width: 970px;
		height: 100%;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		margin: 0 auto;
		margin-bottom: 120px;
		padding: 70px 0;
		justify-content: space-evenly;
	}
	.tameno div{
		width: 210px;
	}
	.tameno p{
		height: 90px;
	}
	.tameno h3{
		text-align: center;
		font-size: 24px;
		padding-bottom: 30px;
	}
	.tameno img{
		display: block;
		margin: 0 auto;
		padding-top: 30px;
	}

	/******************
			目的
	*******************/
	.mokuteki{
		width:100%;
		height:100%;
		margin: 0 auto;
	}
	.mokuteki h3{
		font-size: 24px;
		font-weight: bold;
		color: #f0aa1e;
		padding-bottom: 50px;
	}
	.mokuteki p{
		padding-bottom: 30px;
	}
	.kyoumi{
		width: 100%;
		height: 100%;
		padding-bottom:50px;
		display: flex;
		align-items: center;
		justify-content: center;
		position:relative;
	}
	.kyoumi div{
		width: 465px;
		height: 100%;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		padding:70px 55px 40px 55px;
	}
	.kyoumi img{
		width: 400px;
		height: auto;
	}

	.kanri{
		width: 100%;
		height: 100%;
		padding-bottom: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: row-reverse;
		position:relative;
	}
	.kanri div{
		width: 465px;
		height: 100%;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		padding:70px 55px 40px 55px;
	}
	.kanri img{
		width: 300px;
		height: auto;
	}

	.syoku{
		width: 100%;
		height: 100%;
		padding-bottom: 0px;
		display: flex;
		display: flex;
		align-items: center;
		justify-content: center;
		position:relative;
	}
	.syoku div{
		width: 465px;
		height: 100%;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		margin-bottom: 120px;
		padding:70px 55px 40px 55px;
	}
	.syoku img{
		width: 400px;
		height: auto;
	}


	/*****************
		親子で育つページ
	*****************/
	.oyakotext{
		width: 100%;
		height: 100%;
		margin-top: 120px;
	}
	.oyakotext .text02{
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: center;
		margin-bottom: 120px;
	}
	.oyakotext p{
		width: 490px;
		background-color: #fff;
		border-radius:60px 60px 0px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		margin-bottom: 70px;
		margin-top: 20px;
		padding: 30px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.oyakotext img{
		width:190px;
		height: auto;
		margin-left: 20px;
	}


	/*縦に伸びる棒と早見表*/
/*========= バー表示のためのCSS ===============*/
.scrollgress {
	z-index: 3; /*他のposition指定しているエリアより前に出すためz-indexの数字を大きく*/
	top: 70px !important; /* fixedで設置しているheaderの高さよりも下にバーを出す*/
  }

	.hyou {
		width:100%;
	}

  /*タイムライン全体の設定*/
  .timeline {
	display: flex;
	width: 1000px;
	width:930px;
	height: auto;
	margin: 0 auto;
	flex-wrap: wrap;
  }

  .timeline li {
	/*線の起点とするためrelativeを設定*/
	display: flex;
	position: relative;
	list-style: none;
	padding: 0 0 20px 50px;
	justify-content: center;
  }
.timeline li p{
	width: 460px;
	height: auto;
}
.timeline .komidashi{
	width: 100%;
}
.timeline .ImgHyou {
	width:360px;
}
div .point{
	background-color: #fff;
    border-radius: 0px 60px 60px 60px;
    box-shadow: 0 5px 25px 0 #f9bb696a;
    margin-bottom: 70px;
    margin-top: 20px;
	padding: 30px 30px 0 30px;
}
.text02 p{
	padding-bottom: 30px;
}
.text02 .tukaikata{
	color: #f0aa1e;
	font-size:20px;
	font-weight: bold;
	padding-bottom: 15px;
}
.text02 span{
	color: #f0aa1e;
}

.last{
	padding-bottom: 50px;
	margin-top: 0px;
}
.last p{
	padding-bottom: 30px;
}

.timeline .button {
    font-size: 16px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    text-decoration: none;
    padding: 13px 20px;
    border-radius: 10px;
    margin: auto;
    font-weight: bold;
    background: #f0aa1e;
    color: #fff;
    transition: 0.5s;
}
.timeline .button:hover{
	background-color: #5ab4dc;
	color: #fff;
}

  /*縦棒*/
  /*絶対配置で線を設定*/
  .border-line {
	/*線の位置*/
	position: absolute;
	left: 0.2em;
	top: 0;
	width: 10px; /*線の太さ*/
	height: 0; /*はじめは高さを0に*/
	background: #a0968c;
	transition: 1s;
  }

  /*タイムラインの見出し横の丸の位置と形状*/
  .timeline li::after {
	content: "";
	position: absolute;
	top: -13px;
	left: -17px;
	width: 50px;
	height: 50px;
	background: #f0aa1e;
	border-radius: 50%;
  }
  .hyou .endhyou{
	height:35px;
	padding-bottom: 0px;
  }


/*********アレルギーについて**********/
#grow #question {
    width: 970px;
    height: 100%;
    background-color: #fff;
    border-radius: 0px 60px 60px 60px;
    box-shadow: 0 5px 25px 0 #f9bb696a;
    margin: 0 auto;
    margin-bottom: 120px;
    padding-bottom: 0px;
	margin-top: 240px;
}
  #grow .question_box {
    padding: 0px;
    margin-bottom: 45px;
    width: 600px;
    margin: 0 auto;
    padding-bottom: 70px;
}
#grow p .tyuui{
	font-size: 20px;
    color: #645a5a;
	padding-top: 30px;
}
#grow .houritu p{
	padding-top: 30px;
}





	/**********************************
	*********************************
			園・学校の先生ページ
	*********************************
	**********************************/

	/******************
		teacher
	*******************/
	.teacher{
		display:block;
		width: 970px;
		height: 100%;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		margin:120px auto 120px auto;
		padding-bottom: 70px;
		justify-content: space-evenly;
	}
	.teacher h2 {
		width: 500px;
		text-align: left;
		font-size: 32px;
		font-weight: 700;
		padding: 70px 100px 30px 100px;
	}
	.teacher .tyuui {
		text-align: end;
		font-size: 14px;
		font-weight: 700;
		padding-top: 50px;
		padding-bottom: 50px;
		padding: 0px 100px;
	}
	.teacher div{
		padding: 0px 100px;
	}


	.teacher01{
		display: flex;
		width: 970px;
		height: 100%;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		margin:0px auto 120px auto;
		padding-bottom: 70px;
		justify-content: space-evenly;
		align-items: flex-end;
	}
	.teacher01 h2 {
		text-align: left;
		font-size: 32px;
		font-weight: 700;
		padding: 70px 100px 50px 0px;
		line-height: normal;
	}
	.teacher01 h2 span {
		text-align: left;
		font-size: 24px;
		font-weight: 700;
		padding:0px;
	}
	.teacher01 .benri {
		margin:0px 0px 0px 100px;
	}
	.teacher01 div {
		margin:0px;
	}
	.teacher01 img{
		padding:0px 20px;
	}
	.teacher02{
		display: flex;
		width: 970px;
		height: 100%;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		margin:0px auto 120px auto;
		padding-bottom: 70px;
		justify-content: space-evenly;
		align-items: flex-end;
	}
	.teacher02 h2 {
		text-align: left;
		font-size: 32px;
		font-weight: 700;
		padding: 70px 70px 50px 0px;
		line-height: normal;
	}
	.teacher02 h2 span {
		text-align: left;
		font-size: 24px;
		font-weight: 700;
		padding:0px;
	}
	.teacher02 .benri {
		margin:0px 0px 0px 100px;
	}
	.teacher02 div {
		margin:0px;
	}
	.teacher02 img{
		padding:0px 20px;
	}





	/**********************************
	*********************************
			アプリページ
	*********************************
	**********************************/
	#app h2{
        width: 561px;
        margin: 0 auto;
        margin-top: 120px;
        text-align: center;
	}
	#app .swiper{
		margin-top: 120px;
	}

	/* 画像 */
	#app .swiper img {
		width: 250px;
		height: auto;
		padding-top:30px;
	  }
	  .swiper-wrappe{
		width: 240px;
	  }

	  /* スライド全体 */
	  #app .swiper .swiper-slide {
		width: 200px;
		height: 100%;
		transition: transform 0.6s;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
	  }

	  /*テキスト*/
	  #app .swiper h3 {
		width: 250px;
		margin: 10px auto;
		text-align: left;
		font-weight: bold;
		font-size: 24px;
	}
	#app .swiper p {
		width: 254px;
		margin: 0 auto;
		padding-bottom: 50px;
		text-align: left;
	  }
	  #app .swiper .nannkome{
		font-size: 24px;
		padding-top: 10px;
		padding-bottom: 0px;
	}
	#app .swiper .nannkome span{
		color: #f0aa1e;
	}

	  /* 左右のスライド */
	  #app .swiper-slide-prev,
	  .swiper-slide-next,
	  .swiper-slide-duplicate-prev,
	  .swiper-slide-duplicate-next {
		transform: scale(0.85);
		color: #a0968c;
		opacity: 0.5;
	  }

	  /* 検証で見た設定 */
	  #app .swiper-button-next:after, .swiper-button-prev:after {
		font-family: swiper-icons;
		/*font-size: var(--swiper-navigation-size);*//*cssチェックで警告になる記述*/
		text-transform: none !important;
		letter-spacing: 0;
		text-transform: none;
		font-variant: initial;
		line-height: 1;
		color:#5ab4dc;
	}
	#app .swiper-slide {
		flex-shrink: 0;
		width: 100%;
		height: 100%;
		position: relative;
		transition-property: transform;
		text-align: center;
	}
	#app .swiper {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		/* overflow: hidden; */
		list-style: none;
		padding: 0;
		z-index: 1;
	}






	/**********************************
	*********************************
			ニュースページ
	*********************************
	**********************************/
	/******************
		appbox
	*******************/
	#news .news{
		padding-top: 120px;
	}
	#news .news-list {
		width:100%;
		list-style: none outside;
		margin: 0;
		padding: 0;
		display: flex;
		margin-bottom: 120px;
		flex-wrap: wrap;
	}
	#news .news-list .item {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		padding:0 0 80px 0;
		text-align: center;
		display: flex;
		justify-content: center;
	}
	#news .news-list div{
		width: 427px;
		padding-left: 30px;
	}
	#news .news-list .item img {
		margin-bottom: 0px;
	}

	/**********************************
		お知らせの中身
	**********************************/
	.innews{
		width: 855px;
		height: 100%;
		padding-top: 240px;
		padding-bottom: 90px;
		margin: 0 auto;
	}
	.innews div{
		text-align: center;
	}
	.innews p{
		text-align: left;
		padding-bottom: 30px;
	}
	.innews img{
		margin-bottom: 50px;
		box-shadow: 4px 4px 20px -4px #f0aa1e41;
		border-radius: 60px;
	}
	.innews .button{
	width: 160px;
    display: flex;
    font-size: 16px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    text-decoration: none;
    padding: 13px 20px;
    border-radius: 10px;
    font-weight: bold;
    background: #f0aa1e;
    color: #fff;
    transition: 0.5s;
    justify-content: center;
	}
	.innews .button a{
		color: #fff;
		text-decoration: none;
		font-size: 16px;
		transition: 0.5s;
	}
	.innews .button:hover{
		background-color: #5ab4dc;
		color: #fff;
	}
	.pagination-1 {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0 8px;
		list-style-type: none;
		padding: 0;
		margin-top: -70px;
		margin-bottom: 120px;
	}

	.pagination-1 a {
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 2em;
		height: 2em;
		font-weight: bold;
		border-radius: 25px;
		color: #645a5a;
	}

	.pagination-1 a:not(:hover) {
		text-decoration: none;
	}

	.pagination-1 .current a {
		background-color: #f0aa1e;
		color: #fff;
		pointer-events: none;
	}



	/**********************************
	*********************************
			お問い合わせページ
	*********************************
	**********************************/
	/******************
		お問い合わせ
	*******************/
	#contact h2{
		margin-top: 120px;
	}
	#contact .button{
		width: 120px;
		font-size: 16px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		text-decoration: none;
		padding: 13px 20px;
		border-radius: 10px;
		margin: auto;
		font-weight: bold;
		background: #f0aa1e;
		color: #fff;
		transition: 0.5s;
		display: flex;
    	justify-content: center;
		margin-top: 26px;
	}
	#contact .button:hover{
		background-color: #5ab4dc;
		color: #fff;
	}
	.contact-text{
		width: 552px;
		margin: 0 auto;
	}
	.Form {
		margin-top: 80px;
		margin-left: auto;
		margin-right: auto;
		max-width: 720px;
	  }
	  .Form-Item {
		height: 65px;
		padding-top: 24px;
		padding-bottom: 24px;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		align-items: center;
	  }
	  .Form-Item-Label {
		width: 100%;
		max-width: 248px;
		letter-spacing: 0.05em;
		font-weight: normal;
		font-size: 16px;
		margin-right: 180px;
	  }
	  .Form-Item-Label.isMsg {
		margin-top: 8px;
		margin-bottom: auto;
	  }
	  .Form-Item-Label-Required {
    display: inline-block;
    text-align: center;
    color: #f0aa1e;
    font-size: 14px;
	  }
	  .Form-Item-Input {
		border: 1px solid #f0aa1e;
		border-radius: 6px;
		padding-left: 1em;
		padding-right: 1em;
		height: 48px;
		flex: 1;
		width: 100%;
		max-width: 410px;
		background: #fff;
		font-size: 16px;
	  }
	  .Form-Item-Textarea {
		border: 1px solid #f0aa1e;
		border-radius: 6px;
		padding-left: 1em;
		padding-right: 1em;
		height: 160px;
		flex: 1;
		width: 100%;
		max-width: 410px;
		background: #fff;
		font-size: 18px;
	  }








/****************************************************************************************************************
		***********************************************************************************************
		*************************************************************************************************
												スマホ
		*************************************************************************************************
		*************************************************************************************************
******************************************************************************************************************/
/*****************forSP*****************************************************/
@media screen and (min-width:0) and (max-width:560px){

	h2{
		font-size:24px;
		font-weight: 700;
		text-align: center;
		padding-top: 50px;
		padding-bottom: 30px;
	}
	p{
		font-size: 15px;
	}
	.pc-disabled {
		display: none;/*スマホのとき改行なくす*/
	}


	/*リッチコンテンツ*/
	.movieback {
		background-color: #FFBC49;
		padding-top: 60px;
	}

	/*ヘッダー*/
	header {
		width: 100%;
		height: 60px;
		top: 0;
		position: fixed;
		z-index: 99;
		background-color: #ffffffde;
	}
	header h1 img {
		width: 150px;
		height: auto;
		margin-left: -40px;
		margin-top: -13px;
	}
	header .inner {
        height: 100%;
        display: block;
        justify-content: space-around;
       background-color: rgba(255, 255, 255, 0);
        border-radius: 50px;
        box-shadow: none;
        margin-top: 20px;
        align-items: flex-start;
	}

	/*ヘッダーロゴ*/
	/*header h1 img {
		display: none;
	}*/
	header h1 {
		height: 0px;
		margin: 0 auto;
	}

	/*メニューボタンエリア*/
	.menu-btn {
		position: fixed;
		top: 5px;
		right: 10px;
		display: flex;
		height: 50px;
		width: 50px;
		justify-content: center;
		align-items: center;
		z-index: 100;
		border-radius:100px;
	  }
	  .menu-btn span, .menu-btn span:before, .menu-btn span:after {
		content: '';
		display: block;
		height: 5px;
		width: 40px;
		border-radius: 3px;
		position: absolute;
		transition: all 0.5s; /*アニメーション設定*/
	  }
	  .menu-btn span{
		background-color: #f0aa1e;/*線の色*/
	  }
	  .menu-btn span::before{
		background-color: #5ab4dc;/*線の色*/
	  }
	  .menu-btn span:after {
		background-color: #fc839d;/*線の色*/
	  }
	  .menu-btn span:before {
		bottom: 12px;
	  }
	  .menu-btn span:after {
		top: 12px;
	  }
	  #menu-btn-check {
		display: none;
	  }
	  #menu-btn-check:checked ~ .menu-btn span {
		background-color: rgba(255, 255, 255, 0); /*メニューオープン時は真ん中の線を透明にする*/
		transition: all 0.5s; /*アニメーション設定*/
	  }
	  #menu-btn-check:checked ~ .menu-btn span::before {
		bottom: 0;
		transform: rotate(45deg);
		transition: all 0.2s; /*アニメーション設定*/
	  }
	  #menu-btn-check:checked ~ .menu-btn span::after {
		top: 0;
		transform: rotate(-45deg);
		transition: all 0.5s; /*アニメーション設定*/
	  }

	.header-nav {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 100%;/*leftの値を変更してメニューを画面外へ*/
		z-index: 80;
		background-color:#ffbc49;
		transition: all 0.5s; /*アニメーション設定*/
	  }
		.header-nav ul {
			display:block;
			margin-top: 100px;
		}
		.header-nav ul li {
			width: 300px;
			border-bottom: dashed 1px #fff;
			list-style: none;
			margin: 0 auto;
		}
		.header-nav ul li a {
			display: block;
			width: 100%;
			font-size: 20px;
			box-sizing: border-box;
			color: #fff;
			text-decoration: none;
			padding: 20px 0 ;
			margin: 0 auto;
			position: relative;
			text-align: center;
			font-weight: bold;
		}

		.header-nav ul li a::before {
			content: "";
			width: 10px;
			height: 10px;
			border-top: solid 2px #fff;
			border-right: solid 2px #fff;
			transform: rotate(45deg);
			position: absolute;
			right: 40px;
			top: 35px;
		}
		  #menu-btn-check:checked ~ .header-nav {
		left: 0; /*メニューを画面内へ*/
		}


		/*****************
			トップページ
		*******************/
		  /*topアバウト*/
		  #topabout {
			width: 100%;
			display: flex;
			margin: 0 auto;
			margin-bottom: 120px;
			padding-top: 120px;
			justify-content: space-between;
			flex-direction: column-reverse;
			align-items: center;
		}
		#topabout .about-text .komidashi {
			font-size: 20px;
			margin-bottom: 30px;
		}
		#topabout img {
			position: absolute;
			width: 130px;
			height: auto;
			margin: -15px 0px 0 70px;
		}
		#topabout .about {
			width: 320px;
			height: 10%;
			background-color: #fff;
			border-radius: 0px 60px 10px 60px;
			box-shadow: 0 5px 25px 0 #f9bb696a;
			margin: 0 auto;
		}
		#topabout .about-text {
			width: 260px;
			margin: 0 auto;
			padding-top: 70px;
		}

		#topabout .about .button {
			width: 130px;
			border-radius: 10px;
			border: #f0aa1e;
			background-color: #f0aa1e;
			color: #fff;
			transition: 0.5s;
			font-size: 15px;
			font-family: 'M PLUS Rounded 1c', sans-serif;
			text-decoration: none;
			font-weight: bold;
			background: #f0aa1e;
			color: #fff;
			transition: 0.5s;
			padding: 13px 13px;
			text-align: center;
		}

		/*top親子*/
		#oyako {
			width:320px;
			height: 100%;
			background-color: #fff;
			border-radius: 0px 60px 60px 60px;
			box-shadow: 0 5px 25px 0 #f9bb696a;
			margin: 0 auto;
			margin-bottom: 120px;
			padding-top: 0px;
		}
		#oyako p {
			width: 260px;
			text-align: left;
			padding-bottom: 0px;
			margin: 0 auto;
		}
		#oyako button {
			width: 40px;
			height: 40px;
			font-size: 30px;
			font-weight: bold;
			color: #fff;
			background-color: #5ab4dc;
			/*border-radius: 100px;*/
			border-radius:50%;
			padding:0;/*2/18 iOS対策*/
			border: none;
			font-family: 'M PLUS Rounded 1c', sans-serif;
			cursor: pointer;
			margin-left: 0px;
		}
		#oyako img {
			margin-left: 0px;
			width: 110px;
			height: 104px;
			padding-bottom: 50px;
		}

		/*しってる？「アレルギー」*/
		#question {
			width: 320px;
			height: 100%;
			background-color: #fff;
			border-radius: 0px 60px 60px 60px;
			box-shadow: 0 5px 25px 0 #f9bb696a;
			margin: 0 auto;
			margin-bottom: 70px;
			padding-bottom: 50px;
		}
		#question h3 {
			width: 170px;
			font-size: 15px;
			font-weight: 500;
			padding-bottom: 30px;
		}
		#question h3 span {
			font-size: 20px;
			color: #f0aa1e;
		}
		#question .question_box {
			width: 260px;
			display: flex;
			padding: 0px;
			padding-top: 0px;
			padding-bottom: 45px;
			flex-wrap: wrap;
			margin: 0 auto;
			justify-content: flex-end;
		}
		#question button {
			width: 40px;
			height: 40px;
			font-size: 30px;
			font-weight: bold;
			color: #fff;
			background-color: #5ab4dc;
			/*border-radius: 100px;*/
			border-radius:50%;
			padding:0;/*2/18追記 iOS対策*/
			border: none;
			font-family: 'M PLUS Rounded 1c', sans-serif;
			cursor: pointer;
			margin-right: 0px;
		}
		.gimu {
			display: flex;
			padding-left: 47px;
			text-align: center;
			padding-bottom: 30px;
		}
		.wrapper {
			width: 250px;
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			row-gap: 20px;
			justify-items: center;
			padding-bottom: 45px;
			padding-left: 0px;
			padding-right: 0px;
			margin: 0 auto;
		}
		.wrapper img{
			width: 40px;
			height: 40px;
		}
		.wrapper div p{
			margin-top: -10px;
			font-size: 14px;
		}
		.wrapper .text_aida {
			letter-spacing: -3px;
		}


		/* ?_1 */
		#modal {
			background: #fff;
			width: 320px;
			height: auto;
			padding: 0px;
			border-radius: 4px;
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-align: center;
			margin: 0 auto;
			z-index: 100;
			border-radius: 0px 60px 60px 60px;
			padding-bottom: 50px;
		}
		#modal h2 {
			font-size: 24px;
			font-weight: 700;
			text-align: center;
			padding-top: 30px;
			padding-bottom: 20px;
		}
		#modal h3 {
			font-size: 20px;
			color: #f0aa1e;
			padding-bottom: 10px;
		}
		#modal .yoko {
			display: flex;
			justify-content: space-evenly;
			flex-wrap: wrap;
		}
		/* ?_2 */
		#modal2 {
			background: #fff;
			width: 320px;
			height: auto;
			padding: 24px;
			border-radius: 4px;
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-align: center;
			margin: 0 auto;
			z-index:100;
			border-radius: 0px 60px 60px 60px;
			padding-bottom: 70px;
		}
		#modal2 p {
			width: 100%;
			height: 100%;
			text-align: left;
			margin: 0 auto;
			padding-bottom: 60px;
		}
		#modal2 h2 {
			font-size: 24px;
			font-weight: 700;
			text-align: center;
			padding-top: 30px;
			padding-bottom: 20px;
		}
		#modal2 h3 {
			font-size: 20px;
			color: #f0aa1e;
			padding-bottom: 10px;
		}
		#modal2 .yoko {
			display: flex;
			justify-content: space-evenly;
			flex-wrap: wrap;
		}


		/*しってる？「離乳食」*/
		.eat_box {
			width: 260px;
			padding: 0px;
			padding-top: 70px;
			margin-top: 100px;
			margin: 0 auto;
		}
		.eat_box h3 {
			width: 170px;
		}
		#question p span {
			color: #f0aa1e;
			font-size: 14px;
			padding-bottom: 0px;
		}
		#question p br{
			 display: none;
		}

		.eat_baby .day {
			width: 83px;
			height: 30px;
			text-align: center;
			border-radius: 18px;
			margin-bottom: 10px;
			align-content: space-evenly;
			margin-right: 10px;
		}
		.eat_box .eat_baby {
			width: 269px;
		}
		.eat_box .eat_baby ul {
			display: flex;
			align-items: flex-start;
			margin-bottom: 0px;
			margin-top: 0px;
			flex-wrap: wrap;
		}
		.eat_box .eat_baby ul li {
			width: 100%;
			height: 65px;
			margin: 0 auto;
			display: flex;
			padding-bottom: 15px;
			justify-content:center;
		}
		.eat_baby .sumaho {
			display:none;
		}
		.eat_box a{
			border-radius: 10px;
			color: #f0aa1e;
			font-size: 16px;
			font-family: 'M PLUS Rounded 1c', sans-serif;
			text-decoration: none;
			font-weight: bold;
			padding: 13px 0;
			text-align: center;
			margin-left: 0px;
		}
		.eat_baby p{
			width:250px;
		}
		.eat_baby .pink{
			width:80px;
			background-color: #f0c8c8;
		  }
		  .eat_baby .green{
			background-color: #e6f0be;
			width:80px;
		  }
		  .eat_baby .blue{
			background-color: #bee6f0;
			width:80px;
		  }
		  .eat_baby .Yellow{
			background-color: #faf0b4;
			width:80px;
		  }




		/*アプリ機能*/
		#app_func {
			margin: 0 auto;
			text-align: center;
			display: grid;
			width: fit-content;
			column-gap: 2em;
			margin-bottom: 70px;
		}
		#app_func .wrapper {
			width: 300px;
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			row-gap: 50px;
			justify-items: center;
			padding: 0px;
			margin-bottom: 45px;
			justify-content: center;
		  }
		#app_func .wrapper div{
			text-align: center;
		  }
		#app_func .wrapper p {
			font-size: 15px;
        width: 160px;
		  }
		 #app_func .wrapper img {
			width: 80px;
			height: 72px;
		}

		#app_func .button {
			width: 130px;
			font-size: 14px;
			font-family: 'M PLUS Rounded 1c', sans-serif;
			text-decoration: none;
			padding: 13px 20px;
			border-radius: 10px;
			margin: auto;
			font-weight: bold;
			background: #f0aa1e;
			color: #fff;
			transition: 0.5s;
		}
		#app_func .app_img{
			width:100%;
		}
		#app_func .app_img img{
			width: 148px;
			height: 315px;
		}
		#app_func .store_icon{
			margin: 0 auto;
		}
		#app_func .store_icon img{
			width: 160px;
			height: auto;
		}



		/*スマホのときスライド*/
		.app_img{
			display: none;/*スマホのとき消す*/
		}
		.css-carousel-slider3 {
			width: 100%;
			overflow: hidden;
			position: relative;
			margin: 70px 0 50px 0;
		}
		.css-carousel-slider3 img {
			width: 50%;
			height: auto;
			vertical-align: top;
		}
		/* スライド設定 */
		.css-carousel-slider3 .slide-wrap {
			width: 300%;
			position: absolute;
			display: flex;
			top: 0;
			left: 0;
			z-index: 0;
			animation: css-carousel-slider3 10s infinite;
			animation-delay: 2s;
		}
		.css-carousel-slider3 .slide-wrap-main {
			width: 100%;
			z-index: 1;
			animation: css-carousel-slider-main3 10s infinite;
			animation-delay: 2s;
		}
		.css-carousel-slider3 .slide {
			width: 100%;
		}
		/* スライダーアニメーションの設定 */
		@keyframes css-carousel-slider3 {
			0% { transform: translateX(0); }

			27.3% { transform: translateX(calc(1 / 3 * -100%)); }
			33.3% { transform: translateX(calc(1 / 3 * -100%)); }

			60.6% { transform: translateX(calc(2 / 3 * -100%)); }
			66.6% { transform: translateX(calc(2 / 3 * -100%)); }

			94% { transform: translateX(calc(3 / 3 * -100%)); }
			100% { transform: translateX(calc(3 / 3 * -100%)); }
		}

		@keyframes css-carousel-slider-main3 {
			0% { transform: translateX(100%); }
			66.6% { transform: translateX(100%); }
			94% { transform: translateX(0%);}
		}


		/*Q&A*/
        /*Q&A*/
        /*チェックボックスを非表示にする*/
        #qanda{
            margin-bottom: 120px;
        }
        #qanda input {
            display: none;
        }
        #qanda label {
			width: 300px;
			padding: 1em;
			background: #ffffff00;
			display: block;
			font-weight: bold;
			position: relative;
			cursor: pointer;
			margin: 0 auto;
			font-size: 16px;
        }
        
        /*三角矢印アイコン*/
        #qanda .icon {
            display: block;
            position: absolute;
            right: 20px;
            top: 50%;
            width: 24px;
            margin-left: 6px;
            flex-shrink: 0;
            transform-origin: center 43%;
            transition: transform 0.5s;
        }
        #qanda .icon::before,
        #qanda .icon::after {
            content: "";
            position: absolute;
            display: block;
            width: 15px;
            height: 3px;
            background-color:#f0aa1e;
        }
        #qanda .icon::before {
            left: 0;
            transform: rotate(45deg);
        }
        #qanda .icon::after {
            right: 0;
            transform: rotate(-45deg);
        }
        
        #qanda .wrap {
            width: 360px;
            border-bottom: 1px solid #f0aa1e;
            margin-bottom: 10px;
            margin: 0 auto;
            padding: 10px 0;
        }
        #qanda .bodertop{
            border-top: 1px solid #f0aa1e;
        }
        

        /*コンテンツ初めは非表示*/
        #qanda .content {
            max-height: 0;
            opacity: 0;
            visibility: hidden;
            transition: 0.5s;
            overflow: hidden;
        }
        #qanda p {
            width: 320px;
            margin: 0;
            padding: 1em;
            margin: 0 auto;
        }
        
        /*クリックするとコンテンツ表示*/
        #qanda input:checked ~ .content {
            max-height: 100px;
            opacity: 1;
            visibility: visible;
        }
        
        /* アコーディオン表示の際に三角回転 */
        #qanda input:checked ~ label .icon {
            transform: rotate(180deg);
        }







		/*ニュース*/
		.news .news-list {
			list-style: none outside;
			margin: 0;
			display: flex;
			justify-content: center;
			margin-bottom: 70px;
			flex-wrap: wrap;
		}
		.news .news-list .item .title {
			margin: 0;
			text-align: left;
			font-weight: 400;
			margin-top: 10px;
			margin-bottom: 30px;
		}
		.news .news-list .item {
			width: auto;
			height: 100%;
			margin: 0 auto;
			padding: 0px;
			text-align: center;
		}
		.news .news-list .item img {
			width: 260px;
			height: 140px;
			box-shadow: 4px 4px 20px -4px #f0aa1e41;
			border-radius: 30px;
			margin-bottom: 10px;
		}


		/*SNS*/
		#sns {
			width: 320px;
			height: 100%;
			display: flex;
			margin: 0 auto;
			justify-content: space-evenly;
			background-color: #fff;
			border-radius: 0px 60px 60px 60px;
			box-shadow: 0 5px 25px 0 #f9bb696a;
			margin-bottom: 70px;
			padding: 30px 0px;
			text-align: center;
			align-items: center;
			flex-direction: column;
		}
		#sns .snsh2 {
			font-size: 24px;
			font-weight: bold;
			padding-bottom: 0px;
		}
		#sns p{
			font-weight: bold;
		}
		#sns img {
			width: 69px;
			height: auto;
			padding: 20px 10px 0px 10px;
		}

		/*フッター*/
		footer .store_icon {
			margin-bottom: 50px;
			display: flex;
    		justify-content: center;
   			align-items: center;
		}
		footer .store_icon img{
			width:160px;
			height: auto;
		}
		footer .img02{
			width: 180px;
			margin-left: -9px;
		}
		footer h2 {
			font-size: 24px;
			color: #645a5a;
			font-weight: 700;
			text-align: center;
			padding-top: 50px;
			padding-bottom: 0px;
		}
		footer p {
			font-size: 15px;
			color: #645a5a;
			padding-bottom: 30px;
		}
		footer .spsize img{
			width: 100px;
			height: auto;
			padding-top: 10px;
		}

		/*ページトップボタン*/
		#pagetop img{
			width: 50px;
			height: auto;
		}




	/*****************
		アバウトページ
	*****************/
		.towa {
			text-align: center;
			margin-bottom: 60px;
			margin-top: 70px;
			margin-bottom: 20px;
		}
		.tameno div {
			width: 230px;
		}
		.tameno p {
			height: 70px;
		}
		.tameno h3 {
			text-align: center;
			font-size: 18px;
			padding-bottom: 0px;
		}
		.tameno img {
			display: block;
			margin: 0 auto;
			padding-top: 0px;
			margin-bottom: 30px;
		}
		.tameno {
			display: flex;
			width: 320px;
			height: 100%;
			background-color: #fff;
			border-radius: 0px 60px 60px 60px;
			box-shadow: 0 5px 25px 0 #f9bb696a;
			margin: 0 auto;
			margin-bottom: 120px;
			padding: 50px 0;
			justify-content: space-evenly;
			flex-direction: column;
			align-items: center;
		}

	/*目的３つ*/
	.mokuteki .kyoumi h3 {
		font-size: 16px;
		font-weight: bold;
		color: #f0aa1e;
		padding-bottom: 30px;
		padding-top:50px;
		padding-left: 40px;
	}
	.mokuteki .kanri h3 {
		font-size: 16px;
		font-weight: bold;
		color: #f0aa1e;
		padding-bottom: 30px;
		padding-top:50px;
		padding-left: 120px;
	}
	.mokuteki .syoku h3 {
		font-size: 16px;
		font-weight: bold;
		color: #f0aa1e;
		padding-bottom: 30px;
		padding-top:50px;
		padding-left: 40px;
	}
	.mokuteki p {
		width: 230px;
		padding-bottom: 30px;
		margin: 0 auto;
	}
	.kyoumi div {
		width: 320px;
		height: 100%;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		padding: 0px;
	}
	.kyoumi img {
		width: 130px;
        height: auto;
        position: absolute;/*2/18追記 親要素.kyoumiにposition:relative;追加。またposition:absolute;はmarginじゃなく位置を英記指定*/
        top:-30px;
        left:260px;
        /*margin-bottom: 1000px;*/
        /*margin-left: 270px;*/
        transform: rotateZ(30deg);
    }
	.kanri div {
		width: 320px;
		height: 100%;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		padding: 0px;
	}
	.kanri img {
		width: 100px;
        height: auto;
        position: absolute;/*2/18追記 親要素.kyoumiにposition:relative;追加。またposition:absolute;はmarginじゃなく位置を英記指定*/
        top:-35px;
        left:20px;
        /*margin-bottom: 1000px;*/
        /*margin-left: 270px;*/
        transform: rotateZ(30deg);
    }
	.syoku div {
		width: 320px;
		height: 100%;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		padding: 0px;
	}
	.syoku img {
		width: 130px;
        height: auto;
        position: absolute;/*2/18追記 親要素.kyoumiにposition:relative;追加。またposition:absolute;はmarginじゃなく位置を英記指定*/
        top:-35px;
        left:270px;
        /*margin-bottom: 1000px;*/
        /*margin-left: 270px;*/
        transform: rotateZ(30deg);
    }
	.syoku {
		width: 100%;
		height: 100%;
		padding-bottom: 0px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/*****************
		親子で育つページ
	*****************/
	.oyakotext {
		width: 100%;
		height: 100%;
		margin-top: 70px;
	}
	.oyakotext p {
		width: 320px;
		background-color: #fff;
		border-radius: 60px 60px 0px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		margin-bottom: 70px;
		margin-top: 20px;
		padding: 30px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.oyakotext .text02 {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: center;
		margin-left: 0px;
		margin-bottom: 120px;
	}
	.oyakotext .text02 img{
		width: 23%;
        height: auto;
        position: absolute;
        margin: 300px 0 0 330px;
        transform: rotateZ(10deg);
	}

	/******早見表*********/
	.timeline li {
		width:100%;
		display: flex;
		position: relative;
		list-style: none;
		padding: 0 0 20px 0px;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.timeline .ImgHyou {
		width:180px;
		margin:0 auto;
	}
	.timeline img{
		width: 180px;
		height: auto;
	}
	.timeline {
		display: flex;
		width: 100%;
		height: auto;
		margin: 0 auto;
		flex-wrap: wrap;
		flex-direction: column;
	}
	/*2/18追記 サイズ記述なしにつき追加*/
	.timeline div:first-child {
		width:100%;
		text-align:center;
	}/*ここまで*/
	.timeline li p {
		width: 235px;
		height: auto;
		margin: 0 auto;
	}
	#grow #question {
		width: 320px;
		height: 100%;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		margin: 0 auto;
		margin-bottom: 120px;
		padding-bottom: 0px;
		margin-top: 240px;
	}
	.timeline li::after {
		content: "";
		position: absolute;
		top: 0;
		left: 8px;
		width: 30px;
		height: 30px;
		background: #f0aa1e;
		border-radius: 50%;
	}
	.border-line {
		position: absolute;
		left: 20px;
		top: 0;
		width: 5px;
		height: 0;
		background: #a0968c;
		transition: 1s;
	}
	.last {
		padding-bottom: 50px;
		margin-top: 150px;
	}



	/*****************
		先生ページ
	*****************/
	.teacher h2 {
		width: 270px;
        text-align: left;
        font-size: 24px;
        font-weight: 700;
        padding: 0px;
		padding-bottom: 30px;
		padding-top: 50px;
        margin: 0 auto;
        line-height: normal;
	}
	.teacher p {
        width: 260px;
        margin: 0 auto;
        padding-bottom: 30px;
    }
	.teacher {
		display: block;
		width: 320px;
		height: 100%;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		margin: 120px auto 120px auto;
		justify-content: space-evenly;
	}
	.teacher div {
		padding: 0px;
	}
	.teacher .tyuui {
		text-align:center;
		font-size: 14px;
		font-weight: 700;
		padding: 0px;
		margin-bottom: 30px;
	}

	.teacher01 {
		display: block;
        width: 320px;
        height: 100%;
        background-color: #fff;
        border-radius: 0px 60px 60px 60px;
        box-shadow: 0 5px 25px 0 #f9bb696a;
        margin: 0px auto 120px auto;
        justify-content: space-evenly;
		padding: 20px 0 50px 0;
    }
	.teacher01 h2 {
		width: 220px;
		text-align: left;
		font-size: 20px;
		font-weight: 700;
		padding: 30px;
		line-height: normal;
	}
	.teacher01 p {
        width: 260px;
        margin: 0 auto;
        padding-bottom: 30px;
    }
	.teacher01 .benri {
		margin: 0px;
	}
	.teacher01 h2 span {
		text-align: left;
		font-size: 16px;
		font-weight: 700;
		padding: 0px;
	}
	.teacher01 img {
		height: 100%;
		margin: 0 auto;
		text-align: center;
		display: block;
	}

	.teacher02 {
		display: block;
        width: 320px;
        height: 100%;
        background-color: #fff;
        border-radius: 0px 60px 60px 60px;
        box-shadow: 0 5px 25px 0 #f9bb696a;
        margin: 0px auto 120px auto;
        justify-content: space-evenly;
		padding: 20px 0 50px 0;
    }
	.teacher02 h2 {
		width: 220px;
		text-align: left;
		font-size: 20px;
		font-weight: 700;
		padding: 30px;
		line-height: normal;
	}
	.teacher02 p {
        width: 260px;
        margin: 0 auto;
        padding-bottom: 30px;
    }
	.teacher02 .benri {
		margin: 0px;
	}
	.teacher02 h2 span {
		text-align: left;
		font-size: 16px;
		font-weight: 700;
		padding: 0px;
	}
	.teacher02 img {
		height: 100%;
		margin: 0 auto;
		text-align: center;
		display: block;
	}



	/*****************
		アプリページ
	*****************/
	#app h2{
        width: 325px;
        margin: 0 auto;
        margin-top: 120px;
        text-align: left;
	}

	#app .swiper{
		margin-top: 120px;
	  }

	/* 画像 */
	#app .swiper img {
		width: 170px;
		height: auto;
		padding-top:30px;
	}
	#app .swiper-wrappe{
		width: 180px;
	}

	/* スライド全体 */
	#app .swiper .swiper-slide {
		width: 230px;
		height: 100%;
		/*margin: px;*/
		transition: transform 0.6s;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
	}
	#app .swiper-slide{
		margin-right: 0px;
	}
	#app .swiper-slide-active{
		margin-right: 0px;
	}
	/*テキスト*/
	#app .swiper h3 {
		width: 260px;
		margin: 10px auto;
		text-align: left;
		font-weight: bold;
		font-size: 18px;
	}
	#app .swiper p {
		width: 260px;
		margin: 0 auto;
		padding-bottom: 50px;
		text-align: left;
	}
	#app .swiper .nannkome{
		font-size: 18px;
		padding-top: 10px;
		padding-bottom: 0px;
	}
	#app .swiper .nannkome span{
		color: #f0aa1e;
	}


	/* 左右のスライド */
	#app .swiper-slide-prev,
	.swiper-slide-next,
	.swiper-slide-duplicate-prev,
	.swiper-slide-duplicate-next {
		transform: scale(0.85);
		color: #a0968c;
		opacity: 0.5;
	}

	/* 検証で見た設定 */
	#app .swiper-button-next:after, .swiper-button-prev:after {
		font-family: swiper-icons;
		/*font-size: var(--swiper-navigation-size);/*cssチェックで警告になる記述*/
		text-transform: none !important;
		letter-spacing: 0;
		text-transform: none;
		font-variant: initial;
		line-height: 1;
		color:#5ab4dc;
	}
	#app .swiper-slide {
		flex-shrink: 0;
		width: 100%;
		height: 100%;
		position: relative;
		transition-property: transform;
		text-align: center;
	}
	#app .swiper {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		/* overflow: hidden; */
		list-style: none;
		padding: 0;
		z-index: 1;
	}


	/*****************
		ニュースページ
	*****************/
	#news .news {
		padding-top: 120px;
	}
	#news .news-list .item {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		padding: 0 0 50px 0;
		text-align: center;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	#news .news-list div {
		width: 427px;
		padding-left: 0px;
	}
	#news .news-list .item a{
			flex-wrap: wrap;
		  }
	#news .news-list .item .date{
			min-width: 100px;
		  }
	#news .news-list .item .title{
			margin-top: 10px;
		  }
	#news .news-list {
			width: 100%;
			list-style: none outside;
			margin: 0;
			padding: 0;
			display: flex;
			margin-bottom: 90px;
			flex-wrap: wrap;
		}
		#news .news .news-list {
			list-style: none outside;
			margin: 0;
			display: flex;
			justify-content: center;
			margin-bottom: 70px;
			flex-wrap: wrap;
		}
		#news .news .news-list .item .title {
			width: 300px;
			margin: 0;
			text-align: left;
			font-weight: 400;
			margin-top: 10px;
			margin-bottom:0px;
		}
		#news .news .news-list .item {
			width: 100%;
			height: auto;
			margin: 0 auto;
			padding: 0px;
			text-align: center;
			margin-bottom: 30px;
		}
		#news .news .news-list .item img {
			width: 260px;
			height: 140px;
			box-shadow: 4px 4px 20px -4px #f0aa1e41;
			border-radius: 30px;
			margin-bottom: 10px;
			
		}
		#news .news .news-list .item a {
			display: flex;
			flex-wrap: wrap;
			flex-wrap: nowrap;
			text-decoration: none;
			color: #645a5a;
			justify-content: center;
		}
		.pagination-1 {
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 0 8px;
			list-style-type: none;
			padding: 0;
			margin-top: -70px;
		}


	/*****************ニュースの中身ページ*****************/
	.innews {
		width: 100%;
		height: 100%;
		padding-top: 120px;
		padding-bottom: 90px;
		margin: 0 auto;
	}
	.innews img {
		width: 360px;
		height: auto;
		margin-bottom: 50px;
		box-shadow: 4px 4px 20px -4px #f0aa1e41;
		border-radius: 40px;
	}
	.innews p{
		width: 300px;
		margin: 0;
		text-align: left;
		font-weight: 400;
		margin-top: 10px;
		margin-bottom: 0px;
		margin: 0 auto;
	}
	.innews .button {
		width: 60px;
        display: flex;
        font-size: 15px;
        font-family: 'M PLUS Rounded 1c', sans-serif;
        text-decoration: none;
        padding: 8px 20px;
        border-radius: 10px;
        font-weight: bold;
        background: #f0aa1e;
        color: #fff;
        transition: 0.5s;
        justify-content: center;
		margin-left: 30px;
	}
	/*****************
	お問い合わせページ
	*****************/
		#contact h2 {
			margin-top: 140px;
		}
		.Form {
			width: 320px;
			margin-top: 80px;
			margin-left: auto;
			margin-right: auto;
			max-width: 720px;
		}
		.Form-Item-Label {
			width: 100%;
			max-width: 248px;
			letter-spacing: 0.05em;
			font-weight: normal;
			font-size: 16px;
			margin-right: 100px;
		}
		.contact-text {
			width: 320px;
			margin: 0 auto;
		}



}/*****************
	スマホ終わり
*******************/



/****************************************************************************************************************
		***********************************************************************************************
		*************************************************************************************************
											タブレット
		*************************************************************************************************
		*************************************************************************************************
******************************************************************************************************************/
/*****************forTab*****************/
@media screen and (min-width:561px) and (max-width:960px){


	.css-carousel-slider3{
		display: none;
	}


	h2{
		font-size:24px;
		font-weight: 700;
		text-align: center;
		padding-top: 50px;
		padding-bottom: 30px;
	}
	p{
		font-size: 15px;
	}
	.pc-disabled {
		display: none;/*スマホのとき改行なくす*/
	}

	/****リッチコンテンツ****/
	.movieback {
		background-color: #FFBC49;
		padding-top: 70px;
	}

		/*********ヘッダーエリア*********/
			/*ヘッダー*/
			header {
				width: 100%;
				max-width: 834px;
				top: 0;
				position: fixed;
				z-index: 99;
				background-color: #ffffffde;
			}
			header h1 img {
				width: 160px;
				height: auto;
				margin-top: -10px;
				margin-left: -30px;
			}
			header .inner {
				height: 100%;
				display: flex;
				justify-content: space-around;
				align-items: center;
				background-color: rgba(255, 255, 255, 0);
				border-radius: 50px;
				box-shadow:none;
				margin-top: 20px;
				justify-content: flex-start;
			}

			/*ヘッダーロゴ*/


			/*メニューボタンエリア*/
			.menu-btn {
				position: fixed;
				top: 10px;
				right: 10px;
				display: flex;
				height: 50px;
				width: 50px;
				justify-content: center;
				align-items: center;
				z-index: 100;
				border-radius: 100px;
			  }
			  .menu-btn span, .menu-btn span:before, .menu-btn span:after {
				content: '';
				display: block;
				height: 5px;
				width: 40px;
				border-radius: 3px;
				position: absolute;
				transition: all 0.5s; /*アニメーション設定*/
			  }
			  .menu-btn span{
				background-color: #f0aa1e;/*線の色*/
			  }
			  .menu-btn span::before{
				background-color: #5ab4dc;/*線の色*/
			  }
			  .menu-btn span:after {
				background-color: #fc839d;/*線の色*/
			  }
			  .menu-btn span:before {
				bottom: 12px;
			  }
			  .menu-btn span:after {
				top: 12px;
			  }
			  #menu-btn-check {
				display: none;
			  }
			  #menu-btn-check:checked ~ .menu-btn span {
				background-color: rgba(255, 255, 255, 0); /*メニューオープン時は真ん中の線を透明にする*/
				transition: all 0.5s; /*アニメーション設定*/
			  }
			  #menu-btn-check:checked ~ .menu-btn span::before {
				bottom: 0;
				transform: rotate(45deg);
				transition: all 0.2s; /*アニメーション設定*/
			  }
			  #menu-btn-check:checked ~ .menu-btn span::after {
				top: 0;
				transform: rotate(-45deg);
				transition: all 0.5s; /*アニメーション設定*/
			  }

			.header-nav {
				width: 100%;
				height: 100%;
				position: fixed;
				top: 0;
				left: 100%;/*leftの値を変更してメニューを画面外へ*/
				z-index: 80;
				background-color: #ffbc49;
				transition: all 0.5s; /*アニメーション設定*/
			  }
				.header-nav ul {
					display:block;
					margin-top: 100px;
				}
				.header-nav ul li {
					width: 300px;
					border-bottom: dashed 1px #fff;
					list-style: none;
					margin: 0 auto;
				}
				.header-nav ul li a {
					display: block;
					width: 100%;
					font-size: 20px;
					box-sizing: border-box;
					color: #fff;
					text-decoration: none;
					padding: 20px 0 ;
					margin: 0 auto;
					position: relative;
					text-align: center;
					font-weight: bold;
				}

				.header-nav ul li a::before {
					content: "";
					width: 10px;
					height: 10px;
					border-top: solid 2px #fff;
					border-right: solid 2px #fff;
					transform: rotate(45deg);
					position: absolute;
					right: 40px;
					top: 35px;
				}
				  #menu-btn-check:checked ~ .header-nav {
				left: 0; /*メニューを画面内へ*/
				}



		/*****************
			トップページ
		*******************/
		  /*topアバウト*/
		  #topabout {
			width: 100%;
			display: flex;
			margin: 0 auto;
			margin-bottom: 120px;
			padding-top: 120px;
			justify-content: space-between;
			flex-direction: column-reverse;
			align-items: center;
		}
		#topabout .about-text .komidashi {
			font-size: 20px;
			margin-bottom: 30px;
		}
		#topabout img {
			position: absolute;
			width: 180px;
			height: auto;
			margin: -60px 0px 0 100px;
		}
		#topabout .about {
			width: 500px;
			height: 10%;
			background-color: #fff;
			border-radius: 0px 60px 10px 60px;
			box-shadow: 0 5px 25px 0 #f9bb696a;
			margin: 0 auto;
		}
		#topabout .about-text {
			width: 360px;
			margin: 0 auto;
			padding-top: 70px;
		}

		#topabout .about .button {
			width: 130px;
			border-radius: 10px;
			border: #f0aa1e;
			background-color: #f0aa1e;
			color: #fff;
			transition: 0.5s;
			font-size: 15px;
			font-family: 'M PLUS Rounded 1c', sans-serif;
			text-decoration: none;
			font-weight: bold;
			background: #f0aa1e;
			color: #fff;
			transition: 0.5s;
			padding: 13px 13px;
			text-align: center;
		}

		/*top親子*/
		#oyako {
			width:500px;
			height: 100%;
			background-color: #fff;
			border-radius: 0px 60px 60px 60px;
			box-shadow: 0 5px 25px 0 #f9bb696a;
			margin: 0 auto;
			margin-bottom: 120px;
			padding-top: 0px;
		}
		#oyako p {
			width: 360px;
			text-align: left;
			padding-bottom: 30px;
			margin: 0 auto;
		}
		#oyako button {
			width: 40px;
			height: 40px;
			font-size: 30px;
			font-weight: bold;
			color: #fff;
			background-color: #5ab4dc;
			border-radius: 50%;
			padding:0;/*2/18追記 iOS対策*/
			border: none;
			font-family: 'M PLUS Rounded 1c', sans-serif;
			cursor: pointer;
			margin-left: 0px;
		}
		#oyako img {
			margin-left: 0px;
			width: 110px;
			height: 104px;
			padding-bottom: 50px;
		}

		/*しってる？「アレルギー」*/
		#question {
			width: 500px;
			height: 100%;
			background-color: #fff;
			border-radius: 0px 60px 60px 60px;
			box-shadow: 0 5px 25px 0 #f9bb696a;
			margin: 0 auto;
			margin-bottom: 70px;
			padding-bottom: 50px;
		}
		#question h3 {
			width: 170px;
			font-size: 15px;
			font-weight: 500;
			padding-bottom: 30px;
		}
		#question h3 span {
			font-size: 20px;
			color: #f0aa1e;
		}
		#question .question_box {
			width: 360px;
			display: flex;
			padding: 0px;
			padding-top: 0px;
			padding-bottom: 45px;
			flex-wrap: wrap;
			margin: 0 auto;
			justify-content: flex-end;
		}
		#question button {
			width: 40px;
			height: 40px;
			font-size: 30px;
			font-weight: bold;
			color: #fff;
			background-color: #5ab4dc;
			border-radius: 50%;
			padding:0;/*2/18追記 iOS対策*/
			border: none;
			font-family: 'M PLUS Rounded 1c', sans-serif;
			cursor: pointer;
			margin-right: 0px;
		}
		.gimu {
			display: flex;
			padding-left: 47px;
			text-align: center;
			padding-bottom: 30px;
		}
		.wrapper {
			width: 380px;
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			row-gap: 20px;
			justify-items: center;
			padding-bottom: 45px;
			padding-left: 0px;
			padding-right: 0px;
			margin: 0 auto;
		}
		.wrapper img{
			width: 40px;
			height: 40px;
		}
		.wrapper div p{
			margin-top: -10px;
			font-size: 14px;
		}
		.wrapper .text_aida {
			letter-spacing: -3px;
		}


		/* ?_1 */
		#modal {
			background: #fff;
			width: 500px;
			height: auto;
			padding: 0 24px;
			border-radius: 4px;
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-align: center;
			margin: 0 auto;
			z-index: 100;
			border-radius: 0px 60px 60px 60px;
			padding-bottom: 50px;
		}
		#modal h3 {
			font-size: 20px;
			color: #f0aa1e;
			padding-bottom: 10px;
		}
		#modal .yoko {
			display: flex;
			justify-content: space-evenly;
			flex-wrap: wrap;
		}
		/* ?_2 */
		#modal2 {
			background: #fff;
			width: 500px;
			height: auto;
			padding: 24px;
			border-radius: 4px;
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-align: center;
			margin: 0 auto;
			z-index:100;
			border-radius: 0px 60px 60px 60px;
			padding-bottom: 70px;
		}
		#modal2 p {
			width: 100%;
			height: 100%;
			text-align: left;
			margin: 0 auto;
			padding-bottom: 60px;
		}
		#modal2 h3 {
			font-size: 20px;
			color: #f0aa1e;
			padding-bottom: 10px;
		}
		#modal2 .yoko {
			display: flex;
			justify-content: space-evenly;
			flex-wrap: wrap;
		}


		/*しってる？「離乳食」*/
		.eat_box {
			width: 360px;
			padding: 0px;
			padding-top: 70px;
			margin-top: 100px;
			margin: 0 auto;
		}
		.eat_box h3 {
			width: 170px;
		}
		#question p span {
			color: #f0aa1e;
			font-size: 14px;
			padding-bottom: 0px;
		}
		#question p br{
			 display: none;
		}

		.eat_baby p{
			width:300px;
		}
		.eat_baby .day {
			width: 83px;
			height: 30px;
			text-align: center;
			border-radius: 18px;
			margin-bottom: 10px;
			align-content: space-evenly;
			margin-right: 10px;
		}
		.eat_baby .pink{
			width:120px;
			background-color: #f0c8c8;
		  }
		  .eat_baby .green{
			background-color: #e6f0be;
			width:120px;
		  }
		  .eat_baby .blue{
			background-color: #bee6f0;
			width:120px;
		  }
		  .eat_baby .Yellow{
			background-color: #faf0b4;
			width:120px;
		  }
		  .eat_baby .orange{
			background-color: #fae6be;
			width:120px;
		  }
		.eat_box .eat_baby {
			width: 269px;
		}
		.eat_box .eat_baby ul {
			display: flex;
			align-items: flex-start;
			margin-bottom: 0px;
			margin-top: 0px;
			flex-wrap: wrap;
		}
		.eat_box .eat_baby ul li {
			width: 100%;
			height: 65px;
			margin: 0 auto;
			display: flex;
			padding-bottom: 15px;
			justify-content: center;
		}
		.eat_box a{
			border-radius: 10px;
			color: #f0aa1e;
			font-size: 16px;
			font-family: 'M PLUS Rounded 1c', sans-serif;
			text-decoration: none;
			font-weight: bold;
			padding: 13px 0;
			text-align: center;
			margin-left: 90px;
		}




		/*アプリ機能*/
		#app_func {
			margin: 0 auto;
			text-align: center;
			display: grid;
			width: fit-content;
			column-gap: 2em;
			margin-bottom: 70px;
		}
		#app_func .wrapper {
			width: 500px;
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			row-gap: 50px;
			justify-items: center;
			padding: 0px;
			margin-bottom: 45px;
			justify-content: center;
		  }
		#app_func .wrapper div{
			text-align: center;
		  }
		#app_func .wrapper p {
			font-size:14px;
		  }
		 #app_func .wrapper img {
			width: 80px;
			height: 72px;
		}

		#app_func .button {
			width: 130px;
			font-size: 14px;
			font-family: 'M PLUS Rounded 1c', sans-serif;
			text-decoration: none;
			padding: 13px 20px;
			border-radius: 10px;
			margin: auto;
			font-weight: bold;
			background: #f0aa1e;
			color: #fff;
			transition: 0.5s;
		}
		#app_func .app_img{
			width:100%;
		}
		#app_func .app_img img{
			width: calc(25% - 5px);
			height: auto;
			margin: 0px 10px;
			margin-top: 70px;
		}
		#app_func .store_icon{
			margin: 0 auto;
			padding-top: 50px;
		}
		#app_func .store_icon img{
			width: 160px;
			height: auto;
		}



		/*スマホのときスライド*/

		.css-carousel-slider3 {
			width: 100%;
			overflow: hidden;
			position: relative;
			margin: 70px 0 50px 0;
		}
		.css-carousel-slider3 img {
			width: 50%;
			height: auto;
			vertical-align: top;
		}
		/* スライド設定 */
		.css-carousel-slider3 .slide-wrap {
			width: 300%;
			position: absolute;
			display: flex;
			top: 0;
			left: 0;
			z-index: 0;
			animation: css-carousel-slider3 10s infinite;
			animation-delay: 2s;
		}
		.css-carousel-slider3 .slide-wrap-main {
			width: 100%;
			z-index: 1;
			animation: css-carousel-slider-main3 10s infinite;
			animation-delay: 2s;
		}
		.css-carousel-slider3 .slide {
			width: 100%;
		}
		/* スライダーアニメーションの設定 */
		@keyframes css-carousel-slider3 {
			0% { transform: translateX(0); }

			27.3% { transform: translateX(calc(1 / 3 * -100%)); }
			33.3% { transform: translateX(calc(1 / 3 * -100%)); }

			60.6% { transform: translateX(calc(2 / 3 * -100%)); }
			66.6% { transform: translateX(calc(2 / 3 * -100%)); }

			94% { transform: translateX(calc(3 / 3 * -100%)); }
			100% { transform: translateX(calc(3 / 3 * -100%)); }
		}

		@keyframes css-carousel-slider-main3 {
			0% { transform: translateX(100%); }
			66.6% { transform: translateX(100%); }
			94% { transform: translateX(0%);}
		}


		/*Q&A*/
        /*Q&A*/
        /*チェックボックスを非表示にする*/
        #qanda{
            margin-bottom: 120px;
        }
        #qanda input {
            display: none;
        }
        #qanda label {
                width: 500px;
                padding: 1em;
                background: #ffffff00;
                display: block;
                font-weight: bold;
                position: relative;
                cursor: pointer;
                margin: 0 auto;
                font-size: 16px;
        }
        
        /*三角矢印アイコン*/
        #qanda .icon {
            display: block;
            position: absolute;
            right: 20px;
            top: 50%;
            width: 24px;
            margin-left: 6px;
            flex-shrink: 0;
            transform-origin: center 43%;
            transition: transform 0.5s;
        }
        #qanda .icon::before,
        #qanda .icon::after {
            content: "";
            position: absolute;
            display: block;
            width: 15px;
            height: 3px;
            background-color:#f0aa1e;
        }
        #qanda .icon::before {
            left: 0;
            transform: rotate(45deg);
        }
        #qanda .icon::after {
            right: 0;
            transform: rotate(-45deg);
        }
        
        #qanda .wrap {
            width: 630px;
            border-bottom: 1px solid #f0aa1e;
            margin-bottom: 10px;
            margin: 0 auto;
            padding: 10px 0;
        }
        #qanda .bodertop{
            border-top: 1px solid #f0aa1e;

        }
        
        /*コンテンツ初めは非表示*/
        #qanda .content {
            max-height: 0;
            opacity: 0;
            visibility: hidden;
            transition: 0.5s;
            overflow: hidden;
        }
        #qanda p {
            width: 600px;
            margin: 0;
            padding: 1em;
            margin: 0 auto;
        }
        
        /*クリックするとコンテンツ表示*/
        #qanda input:checked ~ .content {
            max-height: 100px;
            opacity: 1;
            visibility: visible;
        }
        
        /* アコーディオン表示の際に三角回転 */
        #qanda input:checked ~ label .icon {
            transform: rotate(180deg);
        }


		/*ニュース*/
		.news .news-list {
			list-style: none outside;
			margin: 0;
			display: flex;
			justify-content: center;
			margin-bottom: 70px;
			flex-wrap: wrap;
		}
		.news .news-list .item .title {
			margin: 0;
			text-align: left;
			font-weight: 400;
			margin-top: 10px;
			margin-bottom: 30px;
		}
		.news .news-list .item {
			width: auto;
			height: 100%;
			margin: 0 auto;
			padding: 0px;
			text-align: center;
		}
		.news .news-list .item img {
			width: 260px;
			height: 140px;
			box-shadow: 4px 4px 20px -4px #f0aa1e41;
			border-radius: 30px;
			margin-bottom: 30px;
		}

		/*お知らせ*/
		.news .news-list .item {
			width: auto;
			height: 100%;
			margin: 0 auto;
			padding: 0px;
			text-align: center;
			display: flex;
			align-items: flex-start;
		}
		.news .news-list .item a {
			display: flex;
			flex-wrap: wrap;
			flex-wrap: nowrap;
			text-decoration: none;
			color: #645a5a;
			justify-content: flex-start;
			padding: 0 0 0 10px;
		}
		


		/*SNS*/
		#sns {
			width: 500px;
			height: 100%;
			display: flex;
			margin: 0 auto;
			justify-content: space-evenly;
			background-color: #fff;
			border-radius: 0px 60px 60px 60px;
			box-shadow: 0 5px 25px 0 #f9bb696a;
			margin-bottom: 70px;
			padding: 30px 0px;
			text-align: center;
			align-items: center;
			flex-direction: column;
		}
		#sns .snsh2 {
			font-size: 24px;
			font-weight: bold;
			padding-bottom: 0px;
		}
		#sns p{
			font-weight: bold;
		}
		#sns img {
			width: 69px;
			height: auto;
			padding: 20px 10px 0px 10px;
		}

		/*フッター*/
		footer .store_icon {
			margin-bottom: 50px;
			display: flex;
    		justify-content: center;
   			align-items: center;
		}
		footer .store_icon img{
			width:160px;
			height: auto;
		}
		footer .img02{
			width: 180px;
			margin-left: -9px;
		}
		footer h2 {
			font-size: 24px;
			color: #645a5a;
			font-weight: 700;
			text-align: center;
			padding-top: 50px;
			padding-bottom: 0px;
		}
		footer p {
			font-size: 15px;
			color: #645a5a;
			padding-bottom: 30px;
		}
		footer .spsize img{
			width: 100px;
			height: auto;
			padding-top: 10px;
		}

		/*ページトップボタン*/
		#pagetop img{
			width: 50px;
			height: auto;
		}




	/*****************
		アバウトページ
	*****************/
		.towa {
			text-align: center;
			margin-bottom: 60px;
			margin-top: 70px;
			margin-bottom: 20px;
		}
		.tameno div {
			width: 230px;
		}
		.tameno p {
			height: 70px;
		}
		.tameno h3 {
			text-align: center;
			font-size: 18px;
			padding-bottom: 0px;
		}
		.tameno img {
			display: block;
			margin: 0 auto;
			padding-top: 0px;
			margin-bottom: 30px;
		}
		.tameno {
			display: flex;
			width: 500px;
			height: 100%;
			background-color: #fff;
			border-radius: 0px 60px 60px 60px;
			box-shadow: 0 5px 25px 0 #f9bb696a;
			margin: 0 auto;
			margin-bottom: 120px;
			padding: 50px 0;
			justify-content: space-evenly;
			flex-direction: column;
			align-items: center;
		}


	/*目的３つ*/
	.mokuteki .kyoumi h3 {
		font-size: 18px;
		font-weight: bold;
		color: #f0aa1e;
		padding-bottom: 30px;
		padding-top:50px;
		padding-left: 40px;
	}
	.mokuteki .kanri h3 {
		font-size: 18px;
		font-weight: bold;
		color: #f0aa1e;
		padding-bottom: 30px;
		padding-top:50px;
		padding-left: 40px;
	}
	.mokuteki .syoku h3 {
		font-size: 18px;
		font-weight: bold;
		color: #f0aa1e;
		padding-bottom: 30px;
		padding-top:50px;
		padding-left: 40px;
	}
	.mokuteki p {
		width: 360px!important;
		padding-bottom: 30px;
		margin: 0 auto;
	}
	.kyoumi div {
		width: 500px;
		height: 100%;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		padding: 0px;
	}
	.kyoumi img {
		width: 160px;
        height: auto;
        position: absolute;/*2/18追記 親要素.kyoumiにposition:relative;追加。またposition:absolute;はmarginじゃなく位置を英記指定*/
        top:-35px;
        right: 80px!important;
		left:400px;
        /*margin-bottom: 1000px;*/
        /*margin-left: 270px;*/
        transform: rotateZ(30deg);
    }
	.kanri div {
		width: 500px;
		height: 100%;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		padding: 0px;
	}
	.kanri img {
		width: 130px;
        height: auto;
        position: absolute;/*2/18追記 親要素.kyoumiにposition:relative;追加。またposition:absolute;はmarginじゃなく位置を英記指定*/
        top:-35px;
        right: 80px!important;
        /*margin-bottom: 1000px;*/
        /*margin-left: 270px;*/
		right: 500px;
        transform: rotateZ(30deg);
    }
	.syoku div {
		width: 500px;
		height: 100%;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		padding: 0px;
	}
	.syoku img {
		width: 160px;
        height: auto;
        position: absolute;/*2/18追記 親要素.kyoumiにposition:relative;追加。またposition:absolute;はmarginじゃなく位置を英記指定*/
        top:-35px;
        left:400px;
        /*margin-bottom: 1000px;*/
        /*margin-left: 270px;*/
        transform: rotateZ(30deg);
    }
	.syoku {
		width: 100%;
		height: 100%;
		padding-bottom: 0px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	

	/*****************
		親子で育つページ
	*****************/
	.oyakotext {
		width: 100%;
		height: 100%;
		margin-top: 70px;
	}
	.oyakotext p {
		width: 360px;
		background-color: #fff;
		border-radius: 60px 60px 0px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		margin-bottom: 70px;
		margin-top: 20px;
		padding: 30px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.oyakotext .text02 {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: center;
		margin-left: 0px;
		margin-bottom: 120px;
	}
	.oyakotext .text02 img{
		width: 150px;
        height: auto;
        position: absolute;
        margin: 200px 0 0 490px;
        transform: rotateZ(8deg);
	}

	/******早見表*********/
	.timeline li {
		width:100%;
		display: flex;
		position: relative;
		list-style: none;
		padding: 0 0 20px 0px;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.timeline li div:first-child {
		width:100%;
		text-align:center;
	}
	.timeline .ImgHyou {
		width:240px;
		margin:0 auto;
	}
	.timeline img{
		width: 240px;
		height: auto;
	}
	.timeline {
		display: flex;
		width: 100%;
		height: auto;
		margin: 0 auto;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.timeline li p {
		width: 360px;
		height: auto;
		margin: 0 auto;
	}
	#grow #question {
		width: 500px;
		height: 100%;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		margin: 0 auto;
		margin-bottom: 120px;
		padding-bottom: 0px;
		margin-top: 240px;
	}
	.timeline li::after {
		content: "";
        position: absolute;
        top: -1px;
        left: 54px;
        width: 40px;
        height: 40px;
        background: #f0aa1e;
        border-radius: 50%;
	}
	.border-line {
		position: absolute;
		left: 70px;
		top: 0;
		width: 8px;
		height: 0;
		background: #a0968c;
		transition: 1s;
	}

	.last {
		padding-bottom: 50px;
		margin-top: 150px;
	}




	/*****************
		先生ページ
	*****************/
	.teacher h2 {
		width: 380px;
        text-align: left;
        font-size: 24px;
        font-weight: 700;
        padding: 0px;
		padding-bottom: 30px;
		padding-top: 50px;
        margin: 0 auto;
        line-height: normal;
	}
	.teacher p {
        width: 360px;
        margin: 0 auto;
        padding-bottom: 30px;
    }
	.teacher {
		display: block;
		width: 500px;
		height: 100%;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
		margin: 120px auto 120px auto;
		justify-content: space-evenly;
	}
	.teacher div {
		padding: 0px;
	}
	.teacher .tyuui {
		text-align:center;
		font-size: 14px;
		font-weight: 700;
		padding: 0px;
		margin-bottom: 30px;
	}

	.teacher01 {
		display: block;
        width: 500px;
        height: 100%;
        background-color: #fff;
        border-radius: 0px 60px 60px 60px;
        box-shadow: 0 5px 25px 0 #f9bb696a;
        margin: 0px auto 120px auto;
        justify-content: space-evenly;
		padding: 20px 0 50px 0;
    }
	.teacher01 h2 {
		width: 220px;
		text-align: left;
		font-size: 20px;
		font-weight: 700;
		padding: 30px 0;
        padding-left: 66px;
		line-height: normal;
	}
	.teacher01 p {
        width: 360px;
        margin: 0 auto;
        padding-bottom: 30px;
    }
	.teacher01 .benri {
		margin: 0px;
	}
	.teacher01 h2 span {
		text-align: left;
		font-size: 16px;
		font-weight: 700;
		padding: 0px;
	}
	.teacher01 img {
		height: 100%;
		margin: 0 auto;
		text-align: center;
		display: block;
	}

	.teacher02 {
		display: block;
        width: 500px;
        height: 100%;
        background-color: #fff;
        border-radius: 0px 60px 60px 60px;
        box-shadow: 0 5px 25px 0 #f9bb696a;
        margin: 0px auto 120px auto;
        justify-content: space-evenly;
		padding: 20px 0 50px 0;
    }
	.teacher02 h2 {
		width: 220px;
		text-align: left;
		font-size: 20px;
		font-weight: 700;
		padding: 30px 0;
        padding-left: 66px;
		line-height: normal;
	}
	.teacher02 p {
        width: 360px;
        margin: 0 auto;
        padding-bottom: 30px;
    }
	.teacher02 .benri {
		margin: 0px;
	}
	.teacher02 h2 span {
		text-align: left;
		font-size: 16px;
		font-weight: 700;
		padding: 0px;
	}
	.teacher02 img {
		height: 100%;
		margin: 0 auto;
		text-align: center;
		display: block;
	}



/*****************
		アプリページ
	*****************/
	#app h2{
		width: 428px;
        margin: 0 auto;
        margin-top: 120px;
        text-align: center;
	}
	#app .swiper{
		margin-top: 120px;
	  }

	/* 画像 */
	#app .swiper img {
		width: 170px;
		height: auto;
		padding-top:30px;
	}
	#app .swiper-wrappe{
		width: 240px;
	}

	/* スライド全体 */
	#app .swiper .swiper-slide {
		width: 200px;
		height: 100%;
		margin: -20px;
		transition: transform 0.6s;
		background-color: #fff;
		border-radius: 0px 60px 60px 60px;
		box-shadow: 0 5px 25px 0 #f9bb696a;
	}
	#app .swiper-slide,
	.swiper-slide-active{
			width: 120px;
			height: 100%;
			padding: 10px;
	}
	/*テキスト*/
	#app .swiper h3 {
		width: 300px;
		margin: 10px auto;
		text-align: left;
		font-weight: bold;
		font-size: 24px;
	}
	#app .swiper p {
		width: 300px;
		margin: 0 auto;
		padding-bottom: 50px;
		text-align: left;
	}
	#app .swiper .nannkome{
		font-size: 24px;
		padding-top: 10px;
		padding-bottom: 0px;
	}
	#app .swiper .nannkome span{
		color: #f0aa1e;
	}

	/* 左右のスライド */
	#app .swiper-slide-prev,
	.swiper-slide-next,
	.swiper-slide-duplicate-prev,
	.swiper-slide-duplicate-next {
		transform: scale(0.85);
		color: #a0968c;
		opacity: 0.5;
	}

	/* 検証で見た設定 */
	#app .swiper-button-next:after, .swiper-button-prev:after {
		font-family: swiper-icons;
		/*font-size: var(--swiper-navigation-size);*//*cssチェックで警告になる記述*/
		text-transform: none !important;
		letter-spacing: 0;
		text-transform: none;
		font-variant: initial;
		line-height: 1;
		color:#5ab4dc;
	}
	#app .swiper-slide {
		flex-shrink: 0;
		width: 100%;
		height: 100%;
		position: relative;
		transition-property: transform;
		text-align: center;
	}
	#app .swiper {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		/* overflow: hidden; */
		list-style: none;
		padding: 0;
		z-index: 1;
	}





	/*****************
		ニュースページ
	*****************/
	#news .news {
		padding-top: 120px;
	}
    #news h2 {
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        padding-top: 50px;
        padding-bottom: 50px;
    }
	#news .news-list .item {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		padding: 0 0 30px 0;
		text-align: center;
		display: flex;
		justify-content: center;
	}
	.pagination-1 {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0 8px;
		list-style-type: none;
		padding: 0;
		margin-top: -70px;
	}

	/*****************ニュースの中身ページ*****************/
	.innews {
		width: 100%;
		height: 100%;
		padding-top: 120px;
		padding-bottom: 90px;
		margin: 0 auto;
	}
	.innews img {
		width: 460px;
		height: auto;
		margin-bottom: 50px;
		box-shadow: 4px 4px 20px -4px #f0aa1e41;
		border-radius: 50px;
	}
	.innews p{
		width: 500px;
		margin: 0;
		text-align: left;
		font-weight: 400;
		margin-top: 10px;
		margin-bottom: 0px;
		margin: 0 auto;
	}
	.innews .button {
		width: 60px;
        display: flex;
        font-size: 15px;
        font-family: 'M PLUS Rounded 1c', sans-serif;
        text-decoration: none;
        padding: 8px 20px;
        border-radius: 10px;
        font-weight: bold;
        background: #f0aa1e;
        color: #fff;
        transition: 0.5s;
        justify-content: center;
		margin-left: 30px;
	}
	/*****************
	お問い合わせページ
	*****************/
		.Form {
			width: 320px;
			margin-top: 80px;
			margin-left: auto;
			margin-right: auto;
			max-width: 720px;
		}
		.Form-Item-Label {
			width: 100%;
			max-width: 248px;
			letter-spacing: 0.05em;
			font-weight: normal;
			font-size: 16px;
			margin-right: 100px;
		}
		.contact-text {
			width: 320px;
			margin: 0 auto;
		}
		#contact h2 {
			margin-top: 90px;
		}
		#contact h2{
			padding-top: 0px;
			margin-top: 190px;
		}









}



/****************************************************************************************************************
***********************************************************************************************
										パソコン
*************************************************************************************************
******************************************************************************************************************/
/*****************forPC*****************/
@media screen and (min-width:961px) and (max-width:1260px){

	.css-carousel-slider3{
		display: none;
	}


	.tyousei {
		padding-top: 45px;
	}/*トップページ、離乳食の詳しく見るボタン調整*/

}


/*****************for fix**************/
@media screen and (min-width:1261px){


	/*****************
		背景画像
	*****************/
	#top{
		width: 100%;
		height:100%;
		background-image: url(../images/svg/pcback_top.svg);
		background-color: #f1fff0;/*背景画像以外の部分を薄緑に塗りつぶす*/
		background-repeat: no-repeat;/*背景を縦にも横にも繰り返さない*/
		background-position: center;
		background-size: cover;
		margin: 0px;
		padding: 0px;
		background-position-y: 500px;
	  }
	  #about{
		width: 100%;
		height:100%;
		background-image: url(../images/svg/pcback_about.svg);
		background-color: #f0faff;/*背景画像以外の部分を薄水色に塗りつぶす*/
		background-repeat: no-repeat;/*背景を縦にも横にも繰り返さない*/
		background-position: center;
		background-size: cover;
		margin: 0px;
		padding: 0px;
	  }
	  #grow{
		width: 100%;
		height:100%;
		background-image: url(../images/svg/pcback_grow.svg);
		background-color: #fffaf0;/*背景画像以外の部分を薄ピンクに塗りつぶす*/
		background-repeat: no-repeat;/*背景を縦にも横にも繰り返さない*/
		background-position: center;
		background-size: cover;
		margin: 0px;
		padding: 0px;
	  }
	  #share{
		width: 100%;
		height:100%;
		background-image: url(../images/svg/pcback_share.svg);
		background-color: #fffaf0;/*背景画像以外の部分を薄ピンクに塗りつぶす*/
		background-repeat: no-repeat;/*背景を縦にも横にも繰り返さない*/
		background-position: center;
		background-size: cover;
		margin: 0px;
		padding: 0px;
	  }
	  #app{
		width: 100%;
		height:100%;
		background-image: url(../images/svg/pcback_share.svg);
		background-color: #fffaf0;/*背景画像以外の部分を薄ピンクに塗りつぶす*/
		background-repeat: no-repeat;/*背景を縦にも横にも繰り返さない*/
		background-position: center;
		background-size: cover;
		margin: 0px;
		padding: 0px;
	}
	#news,#innews,#contact{
		width: 100%;
		height:100%;
		background-image: url(../images/svg/pcback_nwse.svg);
		background-color: #fffaf0;/*背景画像以外の部分を薄ピンクに塗りつぶす*/
		background-repeat: no-repeat;/*背景を縦にも横にも繰り返さない*/
		background-position: center;
		background-size: cover;
		margin: 0px;
		padding: 0px;
	}

	.css-carousel-slider3{
		display: none;
	}

	.tyousei {
		padding-top: 45px;
	}/*トップページ、離乳食の詳しく見るボタン調整*/

}