@charset "UTF-8";


.kakomi{
	border: 1px solid hsla(0,0%,100%,0.5);
	color: #DDDDDD;
	padding: 1rem;
	background-color: hsla(0,0%,0%,0.9);
	max-width: 1000px;
	margin: auto;
}

.kakomi-title{
	font-size: var(--font-size-large);
	color: #fff;text-align: center;
}

.text-small p{
	margin-bottom: 0.5rem;
}

.about_text{
font-weight:var(--font-weight-bold);
letter-spacing:0rem;
/*line-height: var(--line-height-default);*/
}

.about_text p{
	margin-bottom: 1.2rem;
}

.cast_text p{
	margin-bottom: 1rem;
}


.cast-img{
	width:20%;
}

.cast-textitem{
	width:75%;
}


.cast_text{
font-size: var(--font-size-default2);
font-weight:var(--font-weight-bold);
letter-spacing:0rem;
/*line-height: var(--line-height-default);*/
}


.spcomment{
	text-align: center;
	border: 1px solid hsla(33,36%,75%,0.2);
	padding: 1rem;
	}


.bnr_book{
	position: relative;
max-width:250px;


}


@media (max-width: 767px) {
	
.bnr_book{	
	position: relative;
width:80%;
	bottom:0;
	left:0;
	margin: auto;

	}
	
	
	.about_text{
	
	line-height:1.7;	
	}
	
	
	.cast-img{
	width:60%;
		margin: auto;
}

.cast-textitem{
	width:100%;
	margin-top:1rem;
	line-height: 1.7;
}
	
	


	
	
	
.spcomment{
	text-align: left;
		
	}
	
	
}



.base_white{
	background-color: hsla(0,0%,100%,1.00);	
}

.pb-5{
	padding-bottom: 5rem;
}






/*comment img*/

.comment_img{
	
/*	width:32%;*/
	border: 1px solid hsla(0,0%,100%,0.3);
	/*margin: 10px 0;*/
}




.comment_card {
            display: grid;
            gap: 20px;
            grid-template-columns: repeat(2, 1fr); /* デフォルトで3カラム */
            grid-auto-rows: minmax(100px, auto);
            max-width: 1200px; /* 最大幅を1200ピクセルに設定 */
            margin: 0 auto; /* 中央揃え */
            
        }



 @media screen and (max-width: 767px) {
            .comment_card {
                grid-template-columns: 1fr;
            }
        }


/*______________fixed back-ground*/


/*#introduction{
	width: 100%;
	background-image: url(../img/about/about_01.webp);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: 100% auto;
	padding-top:50vh;
}*/



.news-img{
	position: relative;
	width:80%;
	max-width: 400px;
	margin: auto;
}




@media screen and (max-width: 767px) {
	
/*	#introduction{
    position: relative;
    width: 100%;
   padding-top:0vh;
    background-image : none;
}*/
    
    


	

	
}