@charset "UTF-8";
#aquoscontent*,#aquoscontent*::before,#aquoscontent*::after{margin:0;padding:0;box-sizing:border-box;-webkit-text-size-adjust:100%}#aquoscontent:where([hidden]:not([hidden='until-found'])){display:none!important}#aquoscontent:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size:100dvb){#aquoscontent:where(html){block-size:100%}}@media (prefers-reduced-motion:no-preference){#aquoscontent:where(html:focus-within){scroll-behavior:smooth}}#aquoscontent:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}#aquoscontent:where(input,button,textarea,select){font:inherit;color:inherit}#aquoscontent:where(textarea){resize:vertical;resize:block}#aquoscontent:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}#aquoscontent:where(:disabled){cursor:not-allowed}#aquoscontent:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}#aquoscontent:where(button){border-style:solid}#aquoscontent:where(a){text-underline-offset:.2ex}#aquoscontent:where(ul,ol){list-style:none}#aquoscontent:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}#aquoscontent:where(img,picture,svg){max-inline-size:100%;block-size:auto}#aquoscontent:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}#aquoscontent:where(h1,h2,h3){line-height:calc(1em+0.5rem)}#aquoscontent:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}#aquoscontent:where(:focus-visible){outline:2px solid var(--focus-color,Highlight);outline-offset:2px}#aquoscontent:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}

header{position:relative; z-index:99; background:#161616;}
header .aquossharp{max-width:100px; margin:0 auto; padding:20px 0;}
@media screen and (min-width: 769px) {
header .aquossharp{max-width:180px; padding:40px 0;}
}

.fixed-bg {
  position: fixed;
  top: 0;
  left: 0;
	right:0;
  width: 100%;
  height: 100%;
  background: url('../images/bg-ishikawa-prof-sp.webp') bottom center no-repeat;
  background-size: contain;
  z-index:-1; 
	opacity: 0; 
  will-change: transform; 
	pointer-events: none;
}
@media screen and (min-width: 769px) {
.fixed-bg {
background:url("../images/bg-ishikawa-prof-pc.webp") bottom center no-repeat; background-size:contain;
max-width:1380px;
margin:0 auto;
  z-index:0; 
}
}

.fyak{letter-spacing: -0.25em;}
.fyak05{letter-spacing: -0.15em;}

#aquoscontent{position:relative; background:#161616; color:#fff; z-index:0; overflow:hidden;}
#aquoscontent img{width:100%; max-width:100%; height:auto;}
#aquoscontent .aquoskvcontent{position:relative; transform: scale(0.8); transform-origin:top center; width:100%; aspect-ratio:8.6 / 16.5; overflow:hidden;}
#aquoscontent .aquoskv{position:absolute; top:0; width:100%;  padding:0 20px; display:flex; align-items:center; justify-content:center;}
#aquoscontent .aquoskvflame{position:absolute; top:0; z-index:2;}
#aquoscontent .aquoskvimg{ width: 100%;  aspect-ratio: 8.6 / 17.8; position: relative; margin: 0 auto; overflow: hidden; display:flex; align-items:center; justify-content:center; transform-origin:center center;}
#aquoscontent .aquoskvimg:before{content:""; width:100%; height:97%; background:rgba(22, 22, 22, 0.5); display:block; position:absolute; top:8px; z-index:1; border-radius:38px;}
#aquoscontent .aquoskvimg video{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius:8px; width: 96%; height: 96%; transform-origin:center center; object-fit: cover;  object-position: 45% center;}

#aquoscontent .aquoskvcontent2{position:relative; top:0; width:95%; margin:0 auto; height:100%; display:flex; align-items:center; justify-content:center; font-size:min(3.6rem,36px); color:#fff; z-index:4;}
#aquoscontent .aquoskvcontent2 div{width:90%;}
#aquoscontent .aquoskvcontent2 div h1{margin:0 auto 30px; max-width:80%;}
#aquoscontent .aquoskvcontent2 div p{font-size:min(1.6rem,20px);text-align:center; line-height:2;}

@media screen and (min-width: 380px) {
#aquoscontent .aquoskvcontent{transform: scale(0.9);}
}

@media screen and (min-width: 769px) {
#aquoscontent .aquoskvcontent{max-width:1280px; margin:0 auto; aspect-ratio: 17.8 / 8.7;}
#aquoscontent .aquoskv{}
#aquoscontent .aquoskvimg {
  max-width:1280px;
  aspect-ratio: 17.8 / 8.7;
  border-radius:8px;
	overflow:hidden;
}

#aquoscontent .aquoskvimg video{
	object-position: 45% 30%;
}
#aquoscontent .aquoskvcontent2 div{width:80%;}
#aquoscontent .aquoskvcontent2 div h1{margin:0 auto; margin-bottom:30px; width:50%; max-width:480px;}
#aquoscontent .aquoskvcontent2 div p{

}
}

#aquosprofile{padding:75px 35px 10px; color:#fff;}
#aquosprofile h2{margin-bottom:30px; width:100%; display:flex!important; gap:10px; justify-content:space-between; align-items:center; font-family: "Noto Serif JP", serif; font-weight:900; line-height:1;}
#aquosprofile h2 span{display: inline-flex; vertical-align:middle; letter-spacing:0.05;}
#aquosprofile h2 .name1{font-size:5vw; white-space: nowrap;}
#aquosprofile h2 .name2{font-size:7.5vw; flex:1; white-space: nowrap;}
#aquosprofile h2 .name3{font-size:3.5vw; font-weight:500; border-top:1px solid #fff; border-bottom:1px solid; padding:8px 0; white-space: nowrap;}
#aquosprofile .aquosprofileimg p{margin:4px 0 15px auto; font-family: "Noto Serif JP", serif; text-align:right; font-size:min(1.4rem,14px); font-weight:500;}
#aquosprofile .aquosprofiletxt p{margin-bottom:25px; font-family: "Noto sans JP", serif; font-size:min(1.8rem,18px); font-weight:400; line-height:2; letter-spacing:0.05em;}
@media screen and (min-width:500px) {
#aquosprofile h2 .name1{font-size:5.7vw;}
#aquosprofile h2 .name2{font-size:8.5vw;}
#aquosprofile h2 .name3{font-size:3.5vw;}
}
@media screen and (min-width: 769px) {
#aquosprofile{max-width:1350px; margin:0 auto; padding-top:180px; padding-bottom:300px;}
#aquosprofile .aquosbox{max-width:1120px; display:flex; gap:30px; justify-content:center; align-items: stretch;}
#aquosprofile h2{max-width:420px;}
#aquosprofile h2 .name1{font-size: clamp(14px, 3vw, 18px);}
#aquosprofile h2 .name2{font-size: clamp(36px, 5.8vw, 44px);}
#aquosprofile h2 .name3{font-size: clamp(14px, 1.8vw, 16px); padding:10px 0;}
#aquosprofile .pcbox{position:relative; display:flex; flex-direction:column; justify-content:center; height:100%;}
#aquosprofile .aquosmid{flex: 1; display: flex; flex-direction: column; justify-content: center;}
#aquosprofile .aquosprofiletxt p{font-size:18px;}
#aquosprofile .aquosprofiletxt p.pc-only{font-family: "Noto Serif JP", serif; font-size:14px; font-weight:500; margin-top:auto; margin-bottom:0;}
}



#aquosprologue{padding-top:75px; margin:50px auto;}
#aquosprologue .aquosbox{padding:0 32px 10px;}
#aquosprologue h3{max-width:170px; margin:0 auto;}
#aquosprologue h2{margin:20px 0 25px; font-family: "Shippori Mincho", serif; font-weight:800; font-size:min(8vw,36px); text-align:center; letter-spacing:0; white-space: nowrap; line-height:1.5;}
#aquosprologue p{margin-bottom:25px; font-family: "Noto sans JP", serif; font-size:min(1.6rem,18px); font-weight:400; line-height:2; letter-spacing:0.05em; line-break:strict; text-align:justify; word-break:break-all; text-justify:inter-character; text-justify:inter-character; word-wrap:break-word; overflow-wrap:break-word; line-break:strict;}
#aquosprologue p.ls0{letter-spacing:-0.05em;}
#aquosprologue .img001{width:60%; margin:0 auto 25px;}

@media screen and (min-width: 769px) {
#aquosprologue{position:relative; margin-top:0; padding-top:0; padding-bottom:22vw; max-width:1280px; text-align:center;}
#aquosprologue p{font-size:min(1.4w,18px); text-align:center;}
#aquosprologue p.noet{margin-bottom:0;}
#aquosprologue .imagepc{position:absolute; bottom:0; left:0; right:0; max-width:1280px; z-index:2; pointer-events: none;}
}
@media screen and (min-width:1280px) {
#aquosprologue{position:relative; margin-top:0; padding-top:0; padding-bottom:300px; max-width:1360px; text-align:center;}
#aquosprologue p{font-size:min(1.5vw,18px);}
#aquosprologue .imagepc{position:absolute; bottom:0; left:0; right:0; max-width:1360px;}
}


#aquosepisode1{padding-top:75px; margin:50px auto;}
#aquosepisode1 .aquosbox{padding:0 10px 10px;}
#aquosepisode1 h3{max-width:170px; margin:0 auto;}
#aquosepisode1 h2{margin:20px 0 25px; font-family: "Shippori Mincho", serif; font-weight:800; font-size: clamp(16px, 8vw, 36px); text-align:center; letter-spacing:0; line-height:1.5;}
#aquosepisode1 p{margin-bottom:25px; font-family: "Noto sans JP", serif; font-size:min(1.8rem,18px); font-weight:400; line-height:2; letter-spacing:0.05em; line-break:strict; text-align:justify; word-break:break-all; text-justify:inter-character; text-justify:inter-character; word-wrap:break-word; overflow-wrap:break-word; line-break:strict;}
#aquosepisode1 .moviebox{width:95vw; margin:0 auto 25px; max-width:640px;}
#aquosepisode1 .movieimage{max-width:1100px; margin:0 auto;}
@media screen and (min-width: 769px) {
#aquosepisode1{text-align:center;}
#aquosepisode1 p{font-size:clamp(14px, 1.5vw, 18px); text-align:center;}
#aquosepisode1 p.noet{margin-bottom:0;}
}



#aquosepisode2{padding-top:75px; margin:50px auto 350px;}
#aquosepisode2 .aquosbox{padding:0 30px 10px;}
#aquosepisode2 h3{max-width:170px; margin:0 auto;}
#aquosepisode2 h2{margin:20px 0 25px; font-family: "Shippori Mincho", serif; font-weight:800; font-size: clamp(16px, 8vw, 36px); text-align:center; letter-spacing:0; line-height:1.5;}
#aquosepisode2 p{margin-bottom:25px; font-family: "Noto sans JP", serif; font-size:min(1.8rem,18px); font-weight:400; line-height:2; letter-spacing:0.05em; line-break:strict; text-align:justify; word-break:break-all; text-justify:inter-character; text-justify:inter-character; word-wrap:break-word; overflow-wrap:break-word; line-break:strict;}

@media screen and (min-width: 769px) {
#aquosepisode2{text-align:center; margin:50px auto 150px;}
#aquosepisode2 p{font-size:clamp(14px, 1.5vw, 18px); text-align:center;}
#aquosepisode2 p.noet{margin-bottom:0;}
}


.moviebox{width:95vw; margin:0 auto 25px; max-width:660px;}
.moviebox .movie{width: 100%; aspect-ratio: 16 / 9;}
.moviebox .movie iframe{width: 100%; height: 100%;}

/*-----------------------------------  
  製品エリア
-----------------------------------*/
.productbox{position:relative;background:#fff; z-index:1; padding-bottom:30px;} 
.page_aquos_product{
	width:min(120rem,1200px);
	padding-top:20px;
	margin:0 auto 0;
	text-align: center;
	background:#fff;
}
.page_aquos_product a.line{text-decoration:underline;}
.page_aquos_product h2{
	letter-spacing: 0;
	line-height:2;
	font-size: clamp(16px, 6vw, 24px);
	margin-top:3em;
  font-weight:700;
}
.page_aquos_product h2#aquoas{
	letter-spacing: 0;
	line-height:2;
	font-size: clamp(16px, 6vw, 24px);
	margin-top:0;
	margin-bottom:1.5em;
  font-weight:700;
}
.page_aquos_product .subtitle{
	letter-spacing: 0;
	line-height:2;
	font-size: clamp(14px, 6vw, 18px);
	font-weight:500;
}
.page_aquos_product .ishikawamodel{width:95%; max-width:640px; margin:35px auto; padding:15px 0; display:block; background:#efefef; font-size: clamp(16px, 6vw, 20px); font-weight:500;}
.page_aquos_product .ishikawamodel strong{font-weight:700;}

.page_aquos_product .product_info{
	display:grid;
	grid-template-columns: 1fr 1fr;
	margin:min(8rem,80px) auto 0;
	width:min(104rem,1040px);
}
.page_aquos_product .product_info .product_logo {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}
.page_aquos_product .btn_product a{display:block; width:90%; height:auto; margin:20px auto 0;}
.page_aquos_product .product_info .product_logo .newmodel span{
	display: inline-block;
	background-color: #999;
	color:#fff;
	font-size:min(1.2rem,12px);
	padding:0.2em 4em;
	margin-bottom: 2em;
	font-weight:600;
}
.page_aquos_product .product_info .product_img{
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}
.page_aquos_product .model_img ,
.page_aquos_product .logo_img {
	display:inline;
	
}
.page_aquos_product .logo_img {
	height:min(3rem,30px);
	width:auto;
}

.page_aquos_product .product_info h3 {
	font-size:min(2.5rem,25px);
	margin-top: 0.5em;
	line-height: 1.3;
	letter-spacing: .04em;
}
.page_aquos_product .product_info p{
	font-size:min(1.4rem,14px);
	margin-top:2em;
	line-height: 2;
}

.page_aquos_product .lnk_product {
	margin-top:min(2rem,20px);
}
.page_aquos_product .lnk_product a {
	display:inline-block;
	background-color: #000;
	color:#eee;
	width:50%;
	padding:0.8em 0;
	border-radius:2em;
	font-size:min(1.2rem,12px);
}
@media screen and (min-width: 769px) {
.page_aquos_product{padding-top:150px;}
	.page_aquos_product dl.ols {
		width:80%;
		margin:5em auto 0;
	}
}
@media screen and (max-width: 768px) {
	.page_aquos_product{
		margin:0 auto 0;
		width:98%;
	}
	.page_aquos_product h2{
		font-size:2.2rem;
	}
	.page_aquos_product .product_info{
		display:block;
		width:auto;
		margin: 7rem auto 0;
	}
	.page_aquos_product .product_info .product_logo .newmodel span{
		font-size:1.2rem;
	}
	.page_aquos_product .product_img { 
		margin-top:1rem;
	}
	.page_aquos_product .model_img{
		width:94%;
	}
	.page_aquos_product .logo_img {
		height:3rem;
		margin-top: 0;
	}
	.page_aquos_product .product_info h3 {
		line-height: 1.4;
		font-size: 2.2rem;
	}
	.page_aquos_product .product_info p{
		margin:1em auto 0;
		line-height: 2;
		font-size:1.3rem;
	}
	.page_aquos_product .lnk_product a {
		font-wize:1.2rem;
	}
}

/*fadein*/
.fadeUpTrigger{opacity: 0;}
.fadeUp{animation-name:fadeUpAnime; animation-duration:1.5s; animation-fill-mode:forwards; opacity:0;}
@keyframes fadeUpAnime{
from {opacity: 0; transform: translateY(20px);}
to {opacity: 1; transform: translateY(0);}
}