@media screen and (min-width: 1366px) {
	
	body{font-size: calc(1.1rem + ((1vw - 13.66px) * 1.1552));line-heght:1.5;letter-spacing:0em;
	}  /*17.6px to 24px */
	
	#loading-wrapper .num{font-size: calc(12.5rem + ((1vw - 13.66px) * 9.0253));}
	.univ .planet5{
	width:350px;
		height:350px;
	top:calc((100vh - 350px) /2);
	left:calc((100vw - 350px) /2);
	}
	.univ .planet2{
		width:170px;
		height:170px;
	top:calc((100vh - 170px) /2);
	left:calc((100vw - 170px) /2);
	}

	
	header .header-container > div:nth-of-type(1),
	header .header-container > div:nth-of-type(7){font-size: calc(6.25rem + ((1vw - 13.66px) * 4.5126));} /*100px - 125px */
	header .header-container > div:nth-of-type(17) > span{font-size: calc(1.875rem + ((1vw - 13.66px) * 2.1661));} /* 32px - 42px */
	
	
	/* headline */
	main section#principal article h1,
	main section article h1,
	main section article h1 span,
	main section#strategy article .seo-container h1 span,
	main section#strategy article h1{font-size: calc(11.25rem + ((1vw - 13.66px) * 10.8303));} /* 180px to 240px */
	
	main section#principal article .textbox1 .textbox-container span.title,
	main section#principal article .textbox2 .textbox-container span.title,
	main section#principal article .textbox3 .textbox-container span.title{font-size: calc(3.125rem + ((1vw - 13.66px) * 2.5271));} /* 50px to 64px */
	main section#strategy article .seo-container .container .minibox .work-title em{font-size: calc(4.375rem + ((1vw - 13.66px) * 3.6101));}/* 70px to 90px */
	
	main section#about article .about-grid-container div:nth-of-type(1) h1 span{font-size: calc(10.625rem + ((1vw - 13.66px) * 10.8303));
		margin:0;
		line-height:1.0;
	}/* 170px - 230px*/
	main section#about article .about-grid-container div:nth-of-type(1) h1 span em:nth-of-type(1){left:-0.3em;}
	main section#about article .about-grid-container div.comment{font-size: calc(1.1rem + ((1vw - 13.66px) * 1.1552));padding:12%;}/* 19.2px - 28.8px*/
	main section#about article .about-grid-container div.email {padding:7%;}
	main section#about article .about-grid-container div.email em{font-size: calc(1.5rem + ((1vw - 13.66px) * 1.444));} /* 24px to 32px */
	main section#about article .about-grid-container div.email span{font-size: calc(1.1rem + ((1vw - 13.66px) * 1.1552));} /* 14.4px - 21.6px */
	main section#about article .about-grid-container div:nth-of-type(6) em{font-size: calc(0.9rem + ((1vw - 13.66px) * 1.7329));}	/* 14.4px - 24px */
	
	header{padding:5vw 0 0 0;}
	#mob-slide{width:100vw;}
	#mob-slide-btn{top:0px;left:0px;width:5vw;height:auto;padding:calc((5vw - 2vw)/2);aspect-ratio:1/1;}
	#mob-slide-btn .hamburger {width:2vw;height:auto; aspect-ratio:1/1;}
	#mob-slide-close-btn{top:0px;left:0px;width:5vw;height:auto;padding:calc((5vw - 2vw)/2);aspect-ratio:1/1;}
	#mob-slide-close-btn .hamburger {width:2vw;height:auto; aspect-ratio:1/1;}
	
	/* text contents */
	main section#strategy article .seo-container .container .minibox .textbox .textbox-container p,
	main section#principal article .textbox1 .textbox-container p,
	main section#principal article .textbox2 .textbox-container p,
	main section#principal article .textbox3 .textbox-container p{
		font-size: calc(1.1rem + ((1vw - 13.66px) * 1.1552));  /* 17.6px - 24px */
		line-height:1.5; 
		letter-spacing:-0.025em;
	}
	main section#experiences article .pf-detail-box h2{font-size: calc(4.375rem + ((1vw - 13.66px) * 3.6101));} /* 70px to 90px */
	main section#experiences article .pf-detail-box .pf-textbox .text{font-size: calc(0.99125rem + ((1vw - 13.66px) * 1.0361));}/* 15.8px to 21.6px */
	main section#experiences article .pf-detail-box .pf-textbox .num{font-size: calc(4.375rem + ((1vw - 13.66px) * 3.6101));}

	header .header-title .header-title-container span{font-size: calc(3.125rem + ((1vw - 13.66px) * 2.7076));} /* 50px - 65px */
	header .header-title .header-title-container .header-title-ico{
		top:2px;
		margin: 0 10px 0 0;
	}


	
	header .header-container .warp{height:72%;}
	
/*--- EXPERIENCES PORTFOLIO -----*/

	main section#experiences article h1{
	flex:0 0 100%;
	width:100%;
	padding:0;
	margin:0 0 80px 0;
	}

		
	main section#experiences article .pf-detail-box{
		margin:0 0 160px 0;
	}
	main section#experiences article .pf-detail-box h2{top:25%}
	main section#experiences article .pf-detail-box .pf-textbox .num em::before{top:-30px;height:20px;}
	main section#experiences article .pf-detail-box:last-of-type{
		margin:0 0 0px 0;
	}
	main section#experiences article .pf-detail-box .pf-textbox .detailbtn span{
		width:9vw;
		height:7vh;
		min-height:60px;
	}
	main section#experiences article .pf-detail-box .pf-textbox .detailbtn::before{
		width: calc(100% - 10vw);
	}
	main section#experiences article .pf-detail-box .pf-textbox .detailbtn::after{
		right:10.2vw;
	}
	main section#experiences article .pf-detail-box .pf-textbox .detailbtn:hover::before{
		width:calc((100% - 10vw) + 10px);
	}
	main section#experiences article .pf-detail-box .pf-textbox .detailbtn:hover::after{
		right:calc(10.2vw - 10px);
	}
	main section#experiences article .pf-detail-box .pf-imgbox{
		flex: 0 0 50vw;
		height:auto;
	}
	main section#experiences article .pf-detail-box .pf-imgbox span{
		max-width:100%;
		max-height:auto;
		width:100%;
		height:auto;
	}
	main section#experiences article .pf-detail-box .pf-imgbox span img{
		max-width:100%;
		max-height:auto;
		width:100%;
		height:auto;
	}
	main section#principal article .textbox2 .satelite::before{
		width:60px;
		height:auto;
		aspect-ratio:1/1;
		top:-30px;
		left:calc((100% - 60px)/2);
	}
/*---STRATEGY -----*/
	main section#strategy article .seo-container .ico-m,
	main section#strategy article .seo-container .ico-c,
	main section#strategy article .seo-container .ico-y{display:block;width:30px;}
	main section#strategy article .seo-container .ico-c{right:45px;top:0;}
	main section#strategy article .seo-container .ico-y{right:0px;top:0;}
	main section#strategy article .seo-container .ico-m{right:90px;top:0;}
	
	main section#strategy article .seo-container h1{margin: 0 0 80px 0;}
	main section#strategy article .seo-container .container .minibox .work-title em{
		padding: 0 0 0 40px;
	}
	
	main section#strategy article .seo-container .container .minibox .textbox .textbox-container{
		flex:0 0 50%;
		width: 50%;
		padding: 0 0 0 40px;
	}

/*--- PRINCIPAL  -----*/
	main section#principal article{
		overflow:hidden;
		height:100%;
		padding:0 0 60px 0;
		display:flex;
		justify-content: space-between;
		flex-wrap:wrap;
		z-index:333;
	}
	main section#principal article h1{
		margin:0 0 100px 0;
		padding:0;
		line-height:1;
		text-align:left;
	}
	main section#principal article .textbox1,
	main section#principal article .textbox2,
	main section#principal article .textbox3{
		flex:0 0 50%;
		aspect-ratio: 1/1;
		padding:0;
		margin:0;
		height:auto;
		width:auto;
		position:relative;
	}
	main section#principal article .textbox1,
	main section#principal article .textbox3{
		top:0;
		left:3%;
	}
	main section#principal article .textbox2{
		top:0;
		margin-top:35%;
		left:-3%;
	}
	main section#principal article .textbox3{
		margin-top:-15%;
	}
	main section#principal article .textbox1::before,
	main section#principal article .textbox2::before,
	main section#principal article .textbox3::before{
		content:'';
		position:absolute;
		background:transparent;
		border:1px solid #1a1a1a;
		border-radius:50%;
		width:100%;
		height:100%;
		top:0%;
		left:0%;
		box-sizing: border-box;
	}
	main section#principal article .textbox1 .textbox-container,
	main section#principal article .textbox2 .textbox-container,
	main section#principal article .textbox3 .textbox-container{
		width:70%;
		height:70%;
		top:calc((100% - 70%)/2);
		left:calc((100% - 70%)/2);
		position:absolute;
		text-align:left;
		display:flex;
		justify-content: flex-start;
		align-items: center;
		align-content: center;
		flex-wrap:wrap;
	}
	main section#principal article .textbox1 .textbox-container span.title i,
	main section#principal article .textbox2 .textbox-container span.title i,
	main section#principal article .textbox3 .textbox-container span.title i{
		width:2.5vw;
		height:auto;
		aspect-ratio:1/1;
		border-width:0.83vw;
		margin-top:3px;
	}
	main section#principal article .textbox1 .textbox-container p,
	main section#principal article .textbox2 .textbox-container p,
	main section#principal article .textbox3 .textbox-container p{
		width:100%;
		padding:0;
		margin:0;
	}
	main section#principal article .textbox1 .satelite,
	main section#principal article .textbox2 .satelite,
	main section#principal article .textbox3 .satelite{
		position: absolute;
		top: 0;
		left: calc(50% - 15px);
		display: inline-block;
		width: 30px;
		height: 50%; /* 半径 */
		transform-origin: center bottom; /* 回転の基準点 */
		animation:satelite 60s infinite linear;
		transform: rotate(0deg);
	}
	main section#principal article .textbox1 .satelite{
		animation:satelite 60s infinite linear;	
		transform: rotate(0deg);
	}
	main section#principal article .textbox2 .satelite{
		animation:satelite2 90s infinite linear;	
		transform: rotate(45deg);
	}
	main section#principal article .textbox3 .satelite{
		animation:satelite 30s infinite linear;	
		transform: rotate(90deg);
	}

/*--- footer -----*/
		footer .footer-btn-container{height:50px;bottom:-20px;padding:0 120px 0 0;}
		footer .footer-btn-container a{flex:1;max-width:12%;width:auto;font-size: calc(1.1rem + ((1vw - 13.66px) * 1.1552));height:50px;margin:0;box-sizing: border-box;}/*17.6px - 24px */
		footer .footer-container p.copywrite{font-size: calc(1.1rem + ((1vw - 13.66px) * 1.1552));}
		footer .footer-container p.copywrite em{font-size:50%;}
		footer .footer-container .btn{width:90px;height:120px;}
		footer .footer-container .btn .btn-container{height:90px;}
		footer .footer-container .btn p{font-size: calc(1.1rem + ((1vw - 13.66px) * 1.1552));height:50px;} /*17.6px - 24px */
	
/*--- nav WINDOW  -----*/
		.mob-nav-container h1.anime2,
	.mob-nav-container h1.anime1{
		display:block;
	}
	.mob-slide-container ul.category li{font-size: 55px;}
	.mob-slide-container ul.category li:nth-of-type(5) i,
	.mob-slide-container ul.category li:nth-of-type(6) i,
	.mob-slide-container ul.category li:nth-of-type(7) i{
		width:30px;
		height:30px;
		border:4px solid #1a1a1a;
		border-width:4px 4px 0 0;
	}
	.mob-slide-container ul.category li:nth-of-type(5) i::before,
	.mob-slide-container ul.category li:nth-of-type(6) i::before,
	.mob-slide-container ul.category li:nth-of-type(7) i::before{
		height:4px;
		top:calc(((100% - 4px)/2));
	}

}