@charset "UTF-8";

/*sp introdunction部分
----------------------------*/
.keizu {
	margin-top: 30px;
	width: 95%;
}

.about {
	margin: 60px 5%;
}

.introduction {
	margin: 80px auto 0;
	
}

.introduction img {
	object-fit: contain;
}

.introtext-title {
	text-align: left;
	color: #1C2C5C;
	border-bottom: 4px solid #F5E6B4;
}
.introtext-title span {
	font-family: 'Noto Serif JP', serif;
	font-size: clamp(0.625rem, 0.58rem + 0.23vw, 0.75rem);/*320pxの時10px,1200pxの時12px*/
	letter-spacing: 0.2rem;
	margin:1rem;
}

.introtext-title ruby {
	font-family: 'Noto Serif JP', serif;
	font-size:clamp(0.875rem, 0.83rem + 0.23vw, 1rem);/*320pxの時14px,1200pxの時16px*/
	letter-spacing: 0.2rem;
}

.introtext-title rt {
	font-size: clamp(0.438rem, 0.392rem + 0.23vw, 0.563rem);/*320pxの時7px,1200pxの時9px*/
	letter-spacing: 0.1rem;
}

.profile {
	text-align: left;
	padding: 20px 1rem;
	font-size: clamp(0.625rem, 0.58rem + 0.23vw, 0.75rem);/*320pxの時10px,1200pxの時12px*/
}


.introtext_box {
	margin: 10px auto;
	padding: 10px;
	width: 100%;
	background-color: #fff;
}

.introtext_box2 {
	margin: 10px auto;
	padding: 10px;
	width: 90%;
	background-color: #fff;
}

.introduce-text {
	margin: 20px auto;
	text-align: justify;
	width: 90%;
}


/*ipad版*/
@media screen and (min-width: 420px) {

.introtext_box {
	padding: 15px;
}

.introtext_box2 {
	padding: 15px;
}
	
}

@media screen and (min-width: 900px) {
	
.introduction img {
	height: 300px;
}
	
.introtext_box {
	margin: 0 10px;
	padding: 10px 15px;
	height: 100%;
	max-width: 500px;
}
	
.introtext_box2 {
	padding: 10px 15px;
}
}
 
/*pc
---------------------------*/
@media screen and (min-width: 1200px) {

}