<!-- -->
@charset "UTF-8";



@media screen and (max-width: 767px) {

.modaal-inner-wrapper {
    display: table-cell;
    width: 100%;
    height: 100%;
    position: relative;
    vertical-align: middle;
    text-align: center;
    padding: 80px 0px !important;
}
	
}




/*slick*/


.slideWrapper{
    padding: 0rem 0;
 /*   background-color: hsla(0,0%,0%,1.00);*/
	z-index: 5;
}


.sliderwaku{
	display: block;
	padding: 0px 0 0px 0;
	overflow: hidden;	/*background-color: hsla(32,100%,46%,0.74);*/

	}



#slide_a{
	margin-bottom: -7%;
}








@media screen and (max-width: 767px) {
	
	
	#slide_a{
	margin-bottom: -20%;
}
	
		.slideWrapper.sp{
	padding:0rem 0;
}
	
	
		.slideWrapper{
	/*padding:0.5rem 0;*/
	
}
	
	
	
}

.cp_05{
	position: relative;
	
}


.cp_05_inner{
	width:90%;

	position: absolute;
	margin: auto;
	top:50%;
	left:0;
	right:0;
		display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
 /* justify-content: center;*/
	
}

.cp_05_inner-item{
	width:48%;
}


.cp_09_inner{
	
	position: relative;
	top:0;
	left:0;
		display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
 /* justify-content: center;*/
	
}

.cp_09_inner-item{
	width:48%;
	margin-bottom: 3rem;
}


@media screen and (max-width: 767px) {
	
	.cp_05_inner{

	
}

.cp_05_inner-item{
	width:49%;
}
	
	
	.cp_09_inner{
	
	position: relative;
	top:0;
	left:0;
		display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
 /* justify-content: center;*/
		
	
}
	
	.cp_09_inner-item{
	width:100%;
		margin-bottom: 2rem;
}
	
	
}



/*time-line-btn*/


#sc_grid_more_btn, #sc_grid_wait_btn {
	position: relative;
	clear: both;
	/*width: 400px;*/
	margin: 20px auto 50px;
	color: #fff;
	text-align: center;
	padding: 40px 30px;
	display: block;
	cursor: pointer;
	border-radius: 10px;
	background-color: #215FF5;
	font-weight: bold;
	font-size: clamp(1.1rem, 0.991rem + 0.55vw, 1.4rem);
	border: 2px solid hsla(51,75%,75%,1.00);
}

.sc_active_bgcolor {
	background-color: #4178FF;
}


.sc_grid .sc_grid-item_inner{
	border: 2px solid hsla(48,94%,52%,1.00) !important;
	
}


#sc,
#present{
	background-image: url(../img/base_blue.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
}

#story{
	background-image: url(../img/base_story.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
}


#book{
	background-image: url(../img/book_base.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

#footer{
	
/*	background-color: #301814;
	background-image: none;*/
}

#footer .section__bnr__item{
	max-width: 700px;
}


@media screen and (max-width: 767px) {
	#sc,#present{
	background-image: url(../img/base_blue2_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	background-size: 100% auto;
	background-color: #02936A;
}
	
		#story{
	background-image: url(../img/base_story_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	background-size: 100% auto;
	background-color: #04233c;
}
	
}


/*tween24*/

#box{
	
	/*top:20%;
	left:10%;*/
}

.box{
	opacity: 0;
	position: relative;
	width:50px;
	height:50px;
	margin-bottom: 1rem;
	background-color: aqua;
}




/*アコーディオン*/

.accordion{
	position: relative;
	
}

.accordion-header{
	max-width: 470px;
	width:100%;
	position: relative;
	margin: auto;
}

.bt_kiyaku{
	max-width:300px;
}

.step-contents{
	position: relative;
	max-width:1000px;
	margin: auto;
	
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
 /* justify-content: center;*/
 
  align-items:flex-start;
}

.step-item{
	
	width:48%;
}

@media screen and (max-width: 767px) {
	
	.accordion-header{
	max-width: 100%;
	width:100%;
	position: relative;
	margin: auto;
}
	
	.bt_kiyaku{
	max-width:200px;
}
	
	.step-item{
	
	width:100%;
}
	
	.step-item.top{
		margin-bottom: 6rem;
	}
	
}




/*書店員コメント*/

.bookComment-flex{
	position: relative;
	 display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	 justify-content: space-between;
	
}


.bookComment-item{
	padding: 1rem;
/*	border-radius: 6px;*/
background-color: hsla(0,0%,100%,1);
    border: 2px solid #71c4b6;
    border-radius: 10px;
	width:32%;
	margin-bottom: 1rem;
	text-align: left;
	  /*  color: hsla(0,0%,100%,0.7);*/
}

.bookComment-item .text-large{
	font-size:120%;
}

/*.bookComment-item::after{
  content:"";
  display: block;
  width:32%;
}*/

.bookComment-item.item-img{
	padding: 0rem;
    border-radius: 0px;
background-color: hsla(0,0%,100%,0);
    border: 0px solid #71c4b6;
	width:32%;
	margin-bottom: 1rem;
}


.bookComment-item .title1{
	margin-bottom: 0.5rem;
	position: relative;
	color: hsla(352,95%,43%,1.00);
	/*font-family: ten-mincho, sans-serif;*/
	font-style: normal;
	font-size: 1.5rem;
	line-height:  1.5rem;
	text-align: center;
	/*font-weight: bold;*/
	
}

.bookComment-item .title1b{
	font-size: 70%;
}

.bookComment-item .title2{
	/*font-family: ten-mincho, sans-serif;*/
	font-style: normal;
color: #000;
	text-align: center;
	/*font-weight: bold;*/
	margin-bottom: 0.5rem;
	font-size: 0.95rem;
}



@media screen and (max-width: 800px) {
	
	.bookComment-flex{
	position: relative;
	 display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	 justify-content: space-between;
	
}


.bookComment-item{
	padding: 1rem;
	
	

	width:100%;
	margin-bottom: 1rem;
	text-align: left;
}

.bookComment-item .text-large{
	font-size:120%;
}

/*.bookComment-item::after{
  content:"";
  display: block;
  width:32%;
}*/

.bookComment-item.item-img{
	padding: 0rem;

    border: 0px solid #71c4b6;
	width:100%;
	margin-bottom: 1rem;
}


.bookComment-item .title1{
	margin-bottom: 0.5rem;
	position: relative;

	font-size: 1.5rem;
	line-height:  1.5rem;
	text-align: center;
	font-weight: 400;
	
}

.bookComment-item .title1b{
	font-size: 70%;
}

.bookComment-item .title2{
	
	text-align: center;
	font-weight: 400;
	margin-bottom: 0.5rem;
	font-size: 0.95rem;
}
	
}