/*自己紹介*/
.sub-about{
    
}
.sub-about-flex{
    
}
.sub-about-img{
    max-width: 100%;
}
.pc-sub-about-img{
    display: none;
}
@media screen and (min-width: 768px) {
    .pc-sub-about-img{
    display: block;
}
    .sp-sub-about-img{
    display: none;
}
}
.sub-about-txt-fevorite{
    margin-top: 40px;
}
.sub-about-txt{
     
}
.sub-name{
    font-size: 14px;
    letter-spacing: 2.5px;
}
.sub-name-en{
    font-variation-settings: "slnt" 0, "wght" 400;
    letter-spacing: 2.5px;
}
.sub-name-en::after{
    margin: 30px 0;
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background-color: #3a3a3a;
}
.sub-name-txt{
    margin-bottom: 40px;
}
@media screen and (min-width: 1330px) {
    .sub-about-flex{
    	display: flex;
		gap: 50px;
}
	  .sub-about-img{
    	/*wwidth: calc(452 / 1120 * 100%);*/
		  width: calc(500 / 1118 * 100%); 
}
	.sub-about-txt-fevorite{
		/*width: calc(542 / 1120 * 100%);*/
		width: calc(600 / 1118 * 100%);
	}
	.pc-sub-about-img{
		max-width: 100%;
		height: auto;
	}
	.sub-about-txt-fevorite{
    margin-top: 0;
}
}
/*すきなこと*/
.sub-about-fevorite{
    /*position: relative;*/
}
.sub-about-fevorite h3{
	width: calc(100 / 314 * 100%);
	padding: 20px 15px;
	text-align: center;
    background-color: #ffffff;
	font-weight: 400;
	font-size: 12px;
	z-index: 2;
}
.sub-about-fevorite .fevorite-list{
	margin-left: auto;
	width: calc(294 / 314 * 100%);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
	grid-gap: 1px;
	z-index: 1;
	
}
.sub-about-fevorite li{
	padding: 25px 10px;
    background-color: #DFD3C366;
	text-align: center;
	font-size:  clamp(10px, 1vw, 12px);
}
/*できること*/
.border{
	border-bottom: solid 1px #F7F2F2;
	border-top: solid 1px #F7F2F2;
	margin-top: 45px;
	padding-bottom: 40px;
}
.border-2{
	border-bottom: solid 1px #F7F2F2;
	padding-bottom: 40px;
}
.skill-text-border{
	border-bottom: solid 1px #F7F2F2;
	padding-bottom: 33px;
	margin-bottom: 20px;
}
.skill-strengths{
	background-color: #DFD3C366;
}
.skill{
	
}
.skill-ttl{
	
}
.skill-ttl p{
	color: #8EB0D6;
}
.skill-ttl h3{
	font-size: 16px;
	font-weight: 550;
}
.skill-icon img,
.strengths-icon img{
    height: 41px;
    width: auto;
}
.skill-txt{
	margin-top: 20px;
}
.icon-flex{
	display: flex;
	align-items: flex-start;
	gap: 12px;
}
/*強み*/
.strengths{
	
}
.strengths-ttl{
	
}
.strengths-ttl p{
	color: #8EB0D6;
}
.strengths-ttl h3{
	font-size: 16px;
	font-weight: 550;
}
.strengths-txt{
	margin-top: 20px;
}
@media screen and (min-width: 768px){
	.icon-txt-flex{
		display: flex;
		align-items: flex-start;
	} 
	.icon-flex{
		width: 300px;
	}
	.skill-txt,
	.strengths-txt{
		width: 300px;
	}
	.skill-txt,
	.strengths-txt{
	margin-top: 0px;
}
	.skill-text-border{
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
	.tb-border{
		border-bottom: solid 1px #F7F2F2;
	    padding-bottom: 33px;
	    margin-bottom: 33px;
	}
}
@media screen and (min-width: 768px) and  (max-width: 1023px) {
       
}
@media screen and (min-width: 1330px) {
	.skill,
	.strengths{
		display: flex;
		align-items: flex-start;
		padding-top: 40px;
	}
	.skill-ttl,
	.strengths-ttl{
		width: calc(220 / 1121 * 100%);
		margin: 0;
		line-height: 1.5;
	}
	.pc-skill,
	.pc-strengths{
		width: calc(910 / 1121 * 100%);
	}
	.icon-flex{
		width: calc(205 / 907 * 100%);
		/*width: 166px;*/
		flex-direction: column-reverse;
	}
	.skill-txt,
	.strengths-txt{
		width: calc(544 / 907 * 100%);
		/*width: 544px;*/
	}
	.icon-txt-flex{
		gap:100px;
	}
}