@charset "UTF-8";
/* CSS Document */



/*h3の動き*/

.animated-text {
	display: inline-block;
	animation: bounceSoft 1.8s ease-out 1 forwards;
}

@keyframes bounceSoft {
	0% {
		transform: translateY(0);
		opacity: 0;
	}
	20% {
		transform: translateY(-10px);
		opacity: 1;
	}
	40% {
		transform: translateY(5px);
	}
	60% {
		transform: translateY(-5px);
	}
	80% {
		transform: translateY(2px);
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}



/*PCレスポンシブ*/

@media screen and (min-width: 769px){
	
	.profile{
		padding-top: 200px;
	}
	
/*共通のCSS*/
	
h4{
	font-size: 50px;
	color: #8C6969;
	padding-top: 200px;
	padding-bottom: 200px;
	padding-left: 158px;
	background-color: #F8FDFF;
	/*	G-font*/
    font-family: "Cantarell", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/*ABOUT*/

.about{
	background-color: #F8FDFF;
}
h2{
	text-align: center;
	color: #292929;
	padding-bottom: 100px;
}


/*h2 文字の動き*/
	.move_f1{
		opacity: 0; /* 初めは文字を非表示に */
		transform: translateY(50px); /* 下から上に動かす */
		transition: opacity 0.5s ease-out, transform 0.5s ease-out;
		text-align: center;
		font-size: 38px;
	}
	.move_f2{
		opacity: 0; /* 初めは文字を非表示に */
		transform: translateY(50px); /* 下から上に動かす */
		transition: opacity 0.5s ease-out, transform 0.5s ease-out;
		text-align: center;
		font-size: 38px;
	}
	.move_f3{
		opacity: 0; /* 初めは文字を非表示に */
		transform: translateY(50px); /* 下から上に動かす */
		transition: opacity 0.5s ease-out, transform 0.5s ease-out;
		text-align: center;
		font-size: 38px;
	}
	
	
	.show{
		opacity: 1;
		transform: translateY(0);
	}
	.ab_title1{
/*	G-font*/
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
	}
	.ab_title2{
		padding-top: 150px;
/*	G-font*/
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
	}
	.ab_title3{
		padding-top: 150px;
/*	G-font*/
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
	}
	.ab_explain{
		font-size: 22px;
		color: #8C8C85;
		width: 90%;
		padding: 20px;
		margin-left: auto;
		margin-right: auto;
		line-height: 1.5;
		word-wrap: break-word;
		font-family: "Klee One", cursive;
		font-weight: 400;
		font-style: normal;
	}

/*SKILL*/
	
	.skill{
		background-color: #F8FDFF;
	}
	.icon_skil{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		max-width: 1166px;
		padding-left: 20px;
		padding-right: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.icon_skil img{
		max-width: 150px;
	}
	
/*CAREER*/
	
	h6{
		font-size: 42px;
		color: #393939;
		line-height: 1.8;
		margin-left: 40px;
	}
	.cr{
		max-width: 1166px;
		margin-right: auto;
		margin-left: auto;
	}
	.cr_year2{
		padding-top: 100px;
/*	G-font*/
		font-family: "M PLUS 1p", sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	.cr_year3{
		padding-top: 100px;
/*	G-font*/
		font-family: "M PLUS 1p", sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	.since{
		font-size: 33px;
		color: #8C8C85;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-left: 40px;
/*	G-font*/
		font-family: "M PLUS 1p", sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	.his{
		font-size: 24px;
		color: #8C8C85;
		line-height: 1.5;
		word-wrap: break-word;
		margin-left: 40px;
		margin-right:40px;
		font-family: "Klee One", cursive;
		font-weight: 400;
		font-style: normal;
	}
	.lobelia{
		color: #BF6B6B;
		display: inline;
		text-decoration: underline;
	}
	
	/*INTREST*/
	
	.itr_title{
		max-width: 1166px;
		margin-left: auto;
		margin-right: auto;
	}
	.itr_title:nth-child(n+2){
		padding-top: 150px;
	}
	h7{
		font-size: 42px;
		color: #393939;
		margin-left: 40px;
/*	G-font*/
		font-family: "M PLUS 1p", sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	.itr_exp{
		font-size: 24px;
		color: #8C8C85;
		line-height: 1.5;
		padding-top: 55px;
		padding-bottom: 55px;
		margin-left: 40px;
		margin-right: 40px;
		word-wrap: break-word;
/*	G-font*/
		font-family: "Klee One", cursive;
		font-weight: 400;
		font-style: normal;
	}
	.trip_pt{
		display: flex;
		justify-content: space-between;
		padding-top: 63px;
		padding-bottom: 63px;
		max-width: 1166px;
		margin-left: auto;
		margin-right: auto;
		gap: 20px;
		padding-left: 40px;
		padding-right: 40px;
	}
	.trip_pt img{
		max-width: 350px;
		width: 100%;
	}
	.beauty_pt{
		display: flex;
		justify-content: space-between;
		padding-top: 63px;
		padding-bottom: 63px;
		max-width: 1166px;
		margin-left: auto;
		margin-right: auto;
		gap: 20px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.beauty_pt img{
		max-width: 350px;
		width: 100%;
	}
}
/*メディアクエリ終了*/