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



/*タブレットレスポンシブ*/

@media screen and (max-width: 768px) {
	
    h4{
		font-size: 35px;
		text-align: center;
		color: #8C6969;
		padding-top: 100px;
		padding-bottom: 100px;
	/*	G-font*/
		font-family: "Cantarell", sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	h2{
		text-align: center;
		color: #292929;
		padding-bottom: 50px;
	}
	
	/*	About*/
	
	.about{
		width: 100%;
	}

/*h2 文字の動き*/
	.move_f1{
		opacity: 0;
		transform: translateY(50px);
		transition: opacity 0.5s ease-out, transform 0.5s ease-out;
		text-align: center;
		font-size: 24px;
		line-height: 1.6;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.move_f2{
		opacity: 0; /* 初めは文字を非表示に */
		transform: translateY(50px); /* 下から上に動かす */
		transition: opacity 0.5s ease-out, transform 0.5s ease-out;
		text-align: center;
		font-size: 24px;
	}
	
	.move_f3{
		opacity: 0; /* 初めは文字を非表示に */
		transform: translateY(50px); /* 下から上に動かす */
		transition: opacity 0.5s ease-out, transform 0.5s ease-out;
		text-align: center;
		font-size: 24px;
	}
	.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: 75px;
/*	G-font*/
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
	}
	.ab_title3{
		padding-top: 75px;
/*	G-font*/
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
	}	
	.ab_explain {
		font-size: 15;
		color: #8C8C85;
		width: 90%;
		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{
		width: 100%;
	}
	
	.icon_skil {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
  
	.icon_skil img{
		max-width: 60px;
		width: 100%
	}
	
	/*CAREER*/
	
	.career{
		width: 100%
	}
	
	h6{
		font-size: 24px;
		color: #393939;
		line-height: 1.8;
		padding-left: 20px;
	}
	.cr{
		max-width: 668px;
		margin-right: auto;
		margin-left: auto;
	}
	.cr_year2{
		padding-top: 50px;
/*	G-font*/
		font-family: "M PLUS 1p", sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	.cr_year3{
		padding-top: 50px;
/*	G-font*/
		font-family: "M PLUS 1p", sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	.since{
		font-size: 20px;
		color: #8C8C85;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 20px;
/*	G-font*/
		font-family: "M PLUS 1p", sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	.his{
		font-size: 15px;
		color: #8C8C85;
		line-height: 1.5;
		word-wrap: break-word;
		padding-left: 20px;
		padding-right: 20px;
		font-family: "Klee One", cursive;
		font-weight: 400;
		font-style: normal;
	}
	.lobelia{
		color: #BF6B6B;
		display: inline;
		text-decoration: underline;
		position: relative;
		z-index: 10;
	}
	/*INTREST*/
	
	
	.itr_title{
		max-width: 668px;
		margin-left: auto;
		margin-right: auto;
	}
	.itr_title:nth-child(n+2){
		padding-top: 75px;
	}
	h7{
		font-size: 24px;
		color: #393939;
		margin-left: 20px;
/*	G-font*/
		font-family: "M PLUS 1p", sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	.itr_exp{
		max-width: 668px;
		font-size: 15px;
		color: #8C8C85;
		line-height: 1.5;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
/*	G-font*/
		font-family: "Klee One", cursive;
		font-weight: 400;
		font-style: normal;
	}
	.trip_pt {
		display: flex;
		justify-content: space-between;
		padding: 30px 20px;
		max-width: 668px;
		width: 100%;
		margin: 0 auto;
		gap: 20px;
		flex-wrap: nowrap; /* 折り返させない */
		box-sizing: border-box;
		overflow-x: auto;  /* スクロール可能にする（最終手段） */
		-webkit-overflow-scrolling: touch;
	}
	.trip_pt img {
		width: calc((100% - 40px) / 3); /* gap:20px × 2 = 40px を引いて3等分 */
		height: auto;
		object-fit: cover;
		-webkit-object-fit: cover;
		flex-shrink: 0; /* 縮みすぎ防止（必要なら） */
	}
	.beauty_pt {
		display: flex;
		justify-content: space-between;
		padding: 30px 20px;
		max-width: 668px;
		width: 100%;
		margin: 0 auto;
		gap: 20px;
		flex-wrap: nowrap; /* 折り返させない */
		box-sizing: border-box;
		overflow-x: auto;  /* スクロール可能にする（最終手段） */
		-webkit-overflow-scrolling: touch;
	}
	.beauty_pt img {
		width: calc((100% - 40px) / 3); /* gap:20px × 2 = 40px を引いて3等分 */
		height: auto;
		object-fit: cover;
		-webkit-object-fit: cover;
		flex-shrink: 0; /* 縮みすぎ防止（必要なら） */
	}
	
	/*ボタン*/
	
	.btn1{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
		
}
/*メディアクエリ終了*/

/*スマホサイズレスポンシブ*/

@media (max-width: 480px) {
	
	.move_f1{
		font-size: 18px;
	}
	.move_f2{
		font-size: 18px;
	}
	.move_f3{
		font-size: 18px;
		}
	.ab_explain{
		font-size: 13px;
	}
	h6{
		font-size: 17px;
	}
	.since{
		font-size: 15px;	
	}
	.his{
		font-size: 13px;
	}
	h7{
		font-size: 17px;
	}
	.itr_exp{
		font-size: 13px;
	}
	.icon_skil img{
		max-width: 45px;
	}
	.pf img{
		padding-left: 20px;
		max-width: 200px;
		width: 100%;
		}
	
}
/*メディアクエリ終了*/