@charset "utf-8" ;

/*	お楽しみコンテンツ
------------------------------------------------ */

.mainvisual-forchildren{
	background-color:#fff;}

.mainvisual-forchildren .bg{
	background-image: url(../images/forchildren/forchildren_header_img.png);
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center;
	width:100%;
	padding:120px;
}
.mainvisual-forchildren .title{
	font-size:6rem;
	font-weight:700;
	text-align:center;
	letter-spacing: 1.3rem;
	color:#fff;
	line-height:1.2;
	}
.mainvisual-forchildren .title span{
	display:block;
	font-size:2rem;
	margin:3rem 0;
	letter-spacing: .3rem;}
	
.mainvisual-forchildren .copy01{
	width:800px;
	text-align:center;
	margin:0 auto ;
	padding: 4rem  4rem 4rem  4rem;}
	
.forchildren{}
.forchildren-content-area {
	background: #fff;
	margin: 0;
	padding: 0;
}
.forchildren-content-area .wrapper {
	width: 900px;
	margin: auto;
	padding: 6rem 0;
}
.forchildren-content-area .flex{
	display:flex;
	justify-content: space-between ;
	flex-wrap: wrap;
	text-align:center;
	}
.forchildren-content-area .flex .box{
	width:50%;
	padding:1.8rem;
	position:relative;
	margin-bottom:3rem;
	}
.forchildren-content-area .flex .border-box{
	border:solid 6px #ed8075;
	padding:1rem 2rem;
	border-radius:20px;
	margin-bottom:1rem;
}
.forchildren-content-area .flex .quiz .border-box{
	background-color:#fcf9dd;
	}
.forchildren-content-area .flex .border-box h4{
	background-color:#ed8075;
	color:#fff;
	margin:-4rem 0rem 1rem 0rem;
	border-radius:20px;
	font-size:2rem;
	padding:1rem;
}
.forchildren-content-area .flex .box .dl-link a{
	color:#7d7d7f;
	border-bottom:solid 1px #7d7d7f;
	text-decoration: none;
	font-weight:bold;
}




/*	クイズ
------------------------------------------------ */
.quize{
	background:#fff;}
.quize-content-area {
	text-align:center;
	margin: 0;
	padding: 0;
}
.quize-content-area .wrapper-pc {
	width: 900px;
	margin:  auto;
	padding: 6rem 0;
}
.quize-content-area .wrapper {
	background-image: url(../images/forchildren/quiz_bg.png) ;
	background-size:cover;
	width: 1000px;
	margin:  auto;
	padding: 6rem 0;
}

.quize-content-area .wrapper2 {
		width:500px;
		margin:auto;
}
.quize-content-area .box{
	margin-bottom: 10rem;
}
.quize-content-area .q-box{
	border:solid 15px #543b38;
	border-radius: 50px 50px 0 0;
	background-color: #fff;
	padding:1rem;
}
.quize-content-area .num-list{
	width:20%;
	float: left;
}
.quize-content-area .q-text{
	margin-top: 1rem;
	margin-left:25%;
	font-size:2.3rem;
	font-weight: bold;
	color:#543b38;
	text-align: left;
	line-height: 1.5;
}
.quize-content-area .quize-list{
	clear:both;
	text-align: left;
	padding: 2rem;
	font-size:2.3rem;
	font-weight: bold;
	color:#e0a850;
}
.quize-content-area .a-wrap{
	border-left:solid 15px #543b38;
	border-right:solid 15px #543b38;
	padding:3rem 0;
	font-size:2.3rem;
	font-weight: bold;
	color:#f2a193;
}
.quize-content-area .ans-area p.detail-ans{
	font-size:2.3rem;
	text-align: left;
}
.quize-content-area .obi-ans{
	display: inline-block;
	background-color: #f2a193;
	color: #fff;
	padding:2rem;
	font-weight: bold;
	border-radius: 30px;
	width:80%;
	margin-bottom: 4rem;
	font-size:2.6rem;
}

.quize-content-area .obi-ans{
	display: inline-block;
	background-color: #f2a193;
	color: #fff;
	padding:2rem;
	font-weight: bold;
	border-radius: 30px;
	width:80%;
	margin-bottom: 4rem;
	font-size:2.6rem;
}
.quize .btn-ans1{
	display: block;
	width:300px;
	margin: 4rem auto; 
	}



/*	クイズ 動作　*/
.quize-content-area #ans01,
.quize-content-area #ans02,
.quize-content-area #ans03,
.quize-content-area #ans04,
.quize-content-area #ans05,
.quize-content-area #ans06,
.quize-content-area #ans07,
.quize-content-area #ans08,
.quize-content-area #ans09,
.quize-content-area #ans10{
	display: none;
	}
.quize-content-area .btn-ans{
	display:block;
	cursor: pointer!important;
}
.quize-content-area .ans-area{
	max-height: 0;
	overflow-y: hidden;
	padding:0 1rem;
	line-height:1.4;
	font-size:1.4rem;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.quize-content-area #ans01:checked ~ .ans-area,
.quize-content-area #ans02:checked ~ .ans-area,
.quize-content-area #ans03:checked ~ .ans-area,
.quize-content-area #ans04:checked ~ .ans-area,
.quize-content-area #ans05:checked ~ .ans-area,
.quize-content-area #ans06:checked ~ .ans-area,
.quize-content-area #ans07:checked ~ .ans-area,
.quize-content-area #ans08:checked ~ .ans-area,
.quize-content-area #ans09:checked ~ .ans-area,
.quize-content-area #ans10:checked ~ .ans-area{
	display: block;
	opacity: 1;
	max-height: 500px;
}














/*	思い出
------------------------------------------------ */
.mainvisual-memories{
	background: #fff;
	margin-bottom:4rem;}

.mainvisual-memories .bg{
	background-image: url(../images/memories/memories_header2_img.png);
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center;
	width:100%;
	padding:120px;
}
.mainvisual-memories .title{
	color:#fff;
	font-size:6rem;
	font-weight:700;
	text-align:center;
	letter-spacing: 1rem;
	line-height:1.4;
	}
.mainvisual-memories .title span{
	display:block;
	font-size:2rem;
	margin:3rem 0;
	letter-spacing: .3rem;}

.mainvisual-memories .title span.icon_entry{
	margin: 0;
	vertical-align: bottom;
	width: 100px;
	display: inline-block;
}

.mainvisual-memories .copy01{
	line-height:1.5;
	width:800px;
	text-align:center;
	margin:0 auto ;
	padding: 4rem  4rem 4rem  4rem;}
.mainvisual-memories .copy01 span{
	font-size:4rem;
	font-weight:bold;
	display:block;}
	
.memories{}
.memories-content-area {
	text-align:center;
	margin: 0;
	padding: 0;
}
.memories-content-area h4.htxt{
	color:#ed8075;
	font-size:2.4rem;
	text-align:center;
	margin:  1rem 0 3rem 0;
}
.memories-content-area .text01{
	font-size:2.4rem;
	text-align:center;
	font-weight:bold;
	margin:  1rem 1rem 8rem 1rem ;
}
.memories-content-area .wrapper {
	background: #fff;
	width: 900px;
	margin:  auto;
	padding: 6rem 0;
}
.memories-content-area .flex{
	display:flex;
	justify-content: space-between ;
	flex-wrap: wrap;
	text-align:center;
	width: 800px;
	margin:1rem auto 8rem auto;
	text-align:left;
	}
.memories-content-area .flex .box01{
	width:30%;}
.memories-content-area .flex .box01 h4{
	text-align:center;}
.memories-content-area .flex .box-arrow{
	margin-top:30%;
	width:5%;}
.memories-content-area .flex .yellow{
	background:#ffdb46;
}
.memories-content-area .flex .box01 .pink.font-big{
	color:#ed8075;
	font-size:2rem;}
	
.memories-content-area .f-copy{
	margin: 0  auto 4rem;
	font-size:2rem;
	font-weight:bold;}

.memories-content-area  .flex .box01 a:hover{
	text-decoration: none;
}
.memories-content-area .f-copy .pink.font-big{
	color:#ed8075;
	font-size:2.7rem;}
.memories-content-area .cap01{
	margin: 0  auto 4rem;}
.memories-content-area .btn a {
	width: 500px;
	display: block;
	margin: 4rem auto;
	text-align: center;
	border-radius: 20px;
	background: #004097;
	padding: 2rem;
	font-size: 2rem;
	color: #fff;
	position:relative;
}
.memories-content-area .btn.insta a{
	padding-left: 10rem;}
.memories-content-area .btn.insta a span {
	position:absolute;
	width:60px;
	top:20%;
	left:20px;
}

.memories-content-area .insta-area {
	margin:10rem auto;
}
.memories-content-area .insta-area .htxt{
	padding:2rem;
}
.memories-content-area .insta-area .flex{
	display:flex;
	justify-content: space-around ;
	flex-wrap: wrap;
	text-align:center;
	text-align:left;
	}

.memories-content-area .insta-area .flex .insta-box{
	width:50%;
	padding:2rem;
}

/*	利用規約
------------------------------------------------ */
.kiyaku-content-area {
	margin: 0;
	padding: 0;
}

.kiyaku-content-area .wrapper {
	background: #fff;
	width: 900px;
	margin: auto;
	padding: 6rem 3rem;
}
.kiyaku-content-area  h3{
	text-align:center;
	margin:4rem auto;
	color:#ed8075;
	font-size:2.4rem;}
.kiyaku-content-area  ul{
	list-style:disc;
	padding-left:3rem;}


/*	スタッフの思い出
------------------------------------------------ */
.mainvisual-staffmemories{
	background: #fff;
	margin-bottom:0;}

.mainvisual-staffmemories .bg{
	background-image: url(../images/staffmemories/staff_header_img.png);
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center;
	width:100%;
	padding:120px;
}
.mainvisual-staffmemories .title{
	color:#fff;
	font-size:6rem;
	font-weight:700;
	text-align:center;
	letter-spacing: 1rem;
	line-height:1.4;
	}
.mainvisual-staffmemories .title span{
	display:block;
	font-size:2rem;
	margin:3rem 0 0 0;
	letter-spacing: .3rem;}
.mainvisual-staffmemories .title span.sub{
	font-size:3rem;
	margin:1rem 0 0 0;}


.mainvisual-staffmemories .copy01{
	line-height:1.5;
	width:900px;
	text-align:center;
	margin:0 auto ;
	padding: 4rem  4rem 4rem  4rem;}

	
.staffmemories{}
.staffmemories-content-area {
	background-image: url(../images/staffmemories/bg.jpg);
	margin: 0;
	padding: 0;
}
.staffmemories-content-area .wrapper{
	width:100%;
	background-image: url(../images/staffmemories/illust_paint.png),
										url(../images/staffmemories/illust_watch.png),
										url(../images/staffmemories/illust_1book.png),
										url(../images/staffmemories/illust_paint.png),
										url(../images/staffmemories/illust_2book.png),
										url(../images/staffmemories/illust_camera.png),
										url(../images/staffmemories/illust_tree.png),
										url(../images/staffmemories/illust_cafe.png),
										url(../images/staffmemories/illust_paint.png);
	background-position: top left,
												top 9% left calc(50% + 450px),
												top 22% left 53%,
												top 36% right,
												top 49.5% right calc(50% + 450px),
												top 60% left calc(50% + 450px),
												top 71% left,
												top 91% left calc(50% + 450px),
												bottom right;
	background-size: 30% auto,
										150px,
										150px,
										30% auto,
										120px,
										120px,
										25%,
										300px,
										30% auto;
	background-repeat: no-repeat;
}
.staffmemories-content-area .flex{
	width:900px;
	padding:8rem 0;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.staffmemories-content-area .flex .box{
	width:30%;
	margin-bottom: 5rem;
}
.staffmemories-content-area .flex .box p{
	margin:1rem 0;
	line-height: 1.6;
}
.staffmemories-content-area .flex .box img{
	border: solid 6px #f7f9fa;	
}













	
/* ------------------------------------------------------------------------------------------------------- */
/* ---------------------スマホ用---------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:750px){


/*	お楽しみ
------------------------------------------------ */
.mainvisual-forchildren{}

.mainvisual-forchildren .bg{
	padding:100px 1rem 50px 1rem;
}
.mainvisual-forchildren .title{
	letter-spacing: 0.1rem;
	font-size:3rem;}
.mainvisual-forchildren .title span{
	font-size:1.5rem;
	margin:2rem 0;}
	
.mainvisual-forchildren .copy01{
	width:100%;
	padding:3rem;}
	
.forchildren{}
.forchildren-content-area {}
.forchildren-content-area .wrapper {
	width: 100%;
}
.forchildren-content-area .flex{	}
.forchildren-content-area .flex .box{
	width:100%;
	padding:2rem;
	}
.forchildren-content-area .flex .border-box{
}
.forchildren-content-area .flex .border-box h4{
	font-size:1.6rem;
}
.forchildren-content-area .flex .box .dl-link a{
}

/*	クイズ
------------------------------------------------ */
.quize{}
.quize-content-area {}
.quize-content-area .wrapper {
	width: 100%;
	background-size: 100%;
}
.quize-content-area .wrapper2 {
		width:100%;
		padding: 0 3rem;
}
.quize-content-area .box{
	margin-bottom: 5rem;
}
.quize-content-area .q-box{
}
.quize-content-area .num-list{
}
.quize-content-area .q-text{
	margin-left:25%;
	font-size:2rem;
}
.quize-content-area .quize-list{
	font-size:2rem;
	padding:2rem 1rem;
}
.quize-content-area .a-wrap{
	font-size:2rem;
}
.quize-content-area .ans-area p.detail-ans{
	font-size:2rem;
}
.quize-content-area .obi-ans{
	font-size:2rem;
}


/*	思い出
------------------------------------------------ */
.mainvisual-memories{}
.mainvisual-memories .bg{
	padding:100px 1rem 80px 1rem;
}
.mainvisual-memories .title{
	letter-spacing: 0.1rem;
	font-size:3rem;}
.mainvisual-memories .title span{
	font-size:1.5rem;
	margin:0 0 0 0;}
.mainvisual-memories .title span.icon_entry{
	margin:1rem 0 0 auto;
	width: 80px;
	display: block;
	text-align:right;
}
.mainvisual-memories .copy01{
	width:100%;
	padding: 4rem  1rem;}
.mainvisual-memories .copy01 span{
	font-size:2.4rem;}
	
.memories{}
.memories-content-area {
	padding: 1rem;
}
.memories-content-area h4.htxt{
	font-size:1.8rem;
}
.memories-content-area .text01{
	font-size:1.8rem;
}
.memories-content-area .wrapper {
	width: 100%;
}
.memories-content-area .flex{
	width: 100%;
	}
.memories-content-area .flex .box01{
	 text-align:center;
	width:100%;
	padding:0 3rem;} 
.memories-content-area .flex .box-arrow{
	margin:0  auto;
	width:5%;}
.memories-content-area .flex p{
	 text-align:left;
} 
.memories-content-area .flex .box01 .illust-sp{
	width:50%;
	margin:auto;}
.memories-content-area .flex .box-arrow{
	margin:2rem auto;
	width:10%;}
	
.memories-content-area .f-copy{
	margin: 0  2rem 4rem;
	font-size:2rem;}
.memories-content-area .f-copy .pink.font-big{
	color:#ed8075;
	font-size:2.7rem;}
.memories-content-area .cap01{
	margin: 0  1rem 4rem;}
.memories-content-area .btn a {
	width: 90%;
	display: block;
	margin: 4rem auto;
	text-align: center;
	border-radius: 20px;
	background: #004097;
	padding: 2rem;
	font-size:1.6rem;
	color: #fff;
	position:relative;
}
.memories-content-area .btn.insta a{
	padding-left: 8rem;}
.memories-content-area .btn.insta a span {
	position:absolute;
	width:40px;
	top:28%;
	left:20px;
}

.memories-content-area .insta-area {
	margin:8rem auto;
}
.memories-content-area .insta-area .flex{
	}

.memories-content-area .insta-area .flex .insta-box{
	width:100%;
	padding:2rem;
}

/*	利用規約
------------------------------------------------ */
.kiyaku-content-area {}
.kiyaku-content-area .wrapper {
	width: 100%;
	padding: 6rem 2rem;
}



/*	スタッフの思い出
------------------------------------------------ */
.mainvisual-staffmemories{}

.mainvisual-staffmemories .bg{
	padding:100px 1rem 80px 1rem;
	background-position: left;
}
.mainvisual-staffmemories .title{
	letter-spacing: 0.1rem;
	font-size:3rem;
	}
.mainvisual-staffmemories .title span{
	font-size:1.5rem;
	margin: 2rem 0;}
.mainvisual-staffmemories .title span.sub{
	font-size:2rem;
	margin:1rem 0 0 0;}
.mainvisual-staffmemories .copy01{
	width:100%;
	padding: 4rem  1rem;}

	
.staffmemories{}
.staffmemories-content-area {
}
.staffmemories-content-area .wrapper{
	width:100%;
	padding:0 2rem;
	background-position: top left,
												top  -100%,
												top  -100%,
												top  -100%,
												top  -100%,
												top  -100%,
												top  -100%,
												top  -100%,
												bottom right;
	background-size: 80%,
										0,
										0,
										0,
										0,
										0,
										0,
										0,
										80%;
}
.staffmemories-content-area .flex{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.staffmemories-content-area .flex .box{
	width:90%;
	margin:0 auto 4rem auto;
}
.staffmemories-content-area .flex .box p{
	margin:1rem 0;
	line-height: 1.5;;
}
.staffmemories-content-area .flex .box img{
	border: solid 6px #f7f9fa;	
}




}

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

.mainvisual-memories .title span.icon_entry{
	margin:2rem auto 0 auto;
	display: block;
}
.mainvisual-memories .title span{
	margin:0 0 0 0;}

}