@charset "UTF-8";

/*sp introdunction部分
----------------------------*/

/*charmページ*/
.text-titleY {
	display: block;
	font-family: 'Noto Serif JP', serif;
	font-size:clamp(1.5rem, 1.409rem + 0.45vw, 1.75rem);/*320pxの時24px,1200pxの時28px*/
	letter-spacing: 0.2em;
	color: #1C2C5C;
	background-image: linear-gradient(
	rgba(0 0 0 / 0) 85%,/*透明*/
	#F5E6B4 70%/*蛍光ペンの線を表現*/);
	margin: 0 25%;
	position: relative;
	padding: 0.7em 1em 0.1em;
}

.text-titleY span {
	position: relative;
	z-index: 2;
}

.text-titleY::before {
	content: attr(data-number);
	position: absolute;
	top: -35px;
	left: 0;
	color: rgba(229 192 70/ .4);
	font-size: 52px;
	font-weight: 800;
	z-index: 1;
}

data-number {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.point {
	font-size:clamp(1.125rem, 1.034rem + 0.45vw, 1.375rem);/*320pxの時18px,1200pxの時22px*/
	color: #1C2C5C;
}


.new-info {
	margin: 60px auto 60px;
}

.new-info h2 {
	margin: auto 20px;
}

/*
.bg-blue {
	height: 250px;
	background-color: #689CB2;
}
*/


.keizu {
	margin-top: 30px;
	width: 95%;
}

.about {
	margin: 60px auto;
}

.introduction {
	margin: 60px auto;
	
}

.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) {

.text-titleY {
	margin: 0 20%;
}
	
.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) {

}