@charset "UTF-8";

/*-----------------------------------------------------------
    ～768 （Mobile）	リキッド
 769～1023（Tablet）	リキッド
1024～1440（PC）		リキッド
1440～    （PC）		コンテンツ幅固定。左右の余白が広がる

ブレークポイント768px/1024px/1441px
-----------------------------------------------------------*/

/*-----------------------------------  
  common
-----------------------------------*/
.award {
	max-width:1440px;
	margin:0 auto;
	font-size:min(1.6rem,16px);
}
.award section {
	width:75%; /* 1080 */
	margin:auto;
	margin-top:min(10rem,100px);
}
.award section h1 {
	letter-spacing: 0.02em;
	text-align: center;
	line-height: 1.4;
	font-size:min(3.2rem,32px);
}
.award section h2 {
	letter-spacing: 0.02em;
	text-align: center;
	line-height: 1.4;
	font-size:min(2.4rem,24px)
}
.award section p{
	font-size:min(1.6rem,16px);
	line-height: 1.8;
}
.award section .bold{
	font-weight:600;
}
.award section a.text_link{
	text-decoration: underline
}



@media screen and (max-width: 768px) {
	.award {
		font-size:1.4rem;
	}
	.award section {
		width:auto;
		margin-top:6rem;
		padding:0 3%;
	}
	.award section h1 {
		font-size:2rem;
	}
	.award section h2 {
		font-size:1.9rem;
	}
	.award section p{
		font-size:1.4rem;
	}

}

/*-----------------------------------  
  kv  
-----------------------------------*/
.award .kv img{
	max-width:1200px;
	width:100%;
	margin:auto;
}

/*-----------------------------------  
  lead
-----------------------------------*/
.award .lead {}
@media screen and (max-width: 768px) {
	.award .lead {}
}
.award .reason {
	border:1px solid;
	padding:1.5em 2em;
}
.award .reason h3{
	font-weight:500;
	font-size:min(1.8rem,18px);
	margin-bottom:0.5em;
}
.award .reason h3 span{
	font-size:min(1.6rem,16px);
	font-weight:400;
}
@media screen and (max-width: 768px) {
	.award .reason {
		padding:1.2em;
	}
	.award .reason h3{
		font-size:1.6rem;
	}
	.award .reason h3 span{
		font-size:1.4rem;
	}
}
/*-----------------------------------  
  cm
-----------------------------------*/
.award .cm_flex{
	display:flex;
	justify-content: center;
	align-items: center;
	gap:5em;
	margin-top:3em;
}
.award .cm_flex .cm_image{
	width:min(60rem,600px);

}
.award .cm_flex .cm_link li:nth-child(n+2){
	margin-top:1.5em
}

.award .cm .link_btn {
	text-align: center;
}
.award .cm .link_btn a{
	display:inline-block;
	border:1px solid;
	padding:1em;
	font-size:min(1.6rem,16px);
	width:min(40rem,400px);
	position: relative;
}
.award .cm .link_btn a::after{
	content:"";
	position:absolute;
	top:calc(50% - 0.15em);
	right:1.5em;
	width:0.6em;
	height:0.6em;
	border-bottom:1px solid;
	border-right:1px solid;
	transform: translateY(-0.1em) rotate(-45deg) ;
	margin-left:0.8em;
}

.award .notice {margin-top:1.5em}
.award .notice li {
	font-size:min(1.4rem,14px);
	margin-top:0.5em;
	text-indent:-1.78em;
	padding-left: 1.78em
}

@media screen and (max-width: 768px) {
	.award .cm_flex{
		display:block;
	}
	.award .cm_flex .cm_image{
		width:auto;
	}
	.award .cm_flex .cm_link{
		margin-top:2em;
	}


	.award .cm .link_btn a{
		font-size:1.2rem;
		width:80%;
		max-width:400px;
	}
	.award .notice li {
		font-size:1.2rem;
	}
}
/*-----------------------------------  
  ceremony
-----------------------------------*/
.award .ceremony p{
	margin-top: 1.5em;
	text-align: center
}
.award .ceremony h2 + p{
	margin-top:4em
}
.award .ceremony p.schedule{
	font-size:1.125em;
	font-weight:500;
	text-align: left;
	display:table;
	margin:1.5em auto;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:0.75em 5em;
	
}
.award .ceremony_photo {
	margin-top:3em;
	padding-bottom:30px;
	position: relative;
}
.award .ceremony_photo .swiper{
	width:min(80rem,800px);
}
.award .ceremony_photo .swiper-pagination{
	bottom:0;
}
.award .ceremony_photo .swiper-pagination-bullet-active{
	background-color: #000;
}
.award .ceremony_movie{
	margin:4em auto 0;
	width:min(80rem,800px);
}
.award .ceremony .streaming {
	margin:2em auto 0;
	width:55%;
	display:flex;
	justify-content: space-between;
	
}
.award .ceremony .streaming li{
	width:46%
}
.award .ceremony .streaming li a{
	display:block;
	border:2px solid #666;
	padding:0.75em 0;
	text-align: center;
	border-radius:0.5em;
}
.award .ceremony .streaming li a::after{
	content:"";
	display:block;
	width:0;
	height:0;
	border-style:solid;
	border-width: 1em 0 1em 1.7em;
	border-color: transparent transparent transparent #999;
	margin:0.5em auto 0;
	
}
@media screen and (max-width: 768px) {
	.award .ceremony p{
		margin-top: 1.5em;
		text-align: left;
	}
	.award .ceremony h2 + p{
		margin-top:3rem
	}
	.award .ceremony p.schedule{
		width:94%;
		padding:1em 0.4em;
		font-size:1.4rem
	}
	.award .ceremony_photo {
		margin-top:3rem;
	}
	.award .ceremony_photo .swiper{
		width:100%
	}
	.award .ceremony_movie{
		margin-top:2em;
		width:100%;
	}

	.award .ceremony_movie a {
		font-size:1.2rem;
		width:80%;
		max-width:400px;
	}
	.award .ceremony .streaming {
		width:90%;
	}
	.award .ceremony .streaming li{
		width:47%
	}
	.award .ceremony .streaming li a::after{
		border-width: 1rem 0 1rem 1.7rem;
		margin: 0.5rem auto 0;
	}
}
/*-----------------------------------  
  製品エリア
-----------------------------------*/

.page_aquos_product{
	width:min(120rem,1200px);
	margin:min(12rem,120px) auto 0;
	text-align: center;
	border-top:1px solid;
	padding-top:min(6rem,60px)
}
.page_aquos_product h2{
	letter-spacing: 0.02em;
	font-size:min(2.6rem,26px);
}

.page_aquos_product .product_info{
	display:grid;
	grid-template-columns: 1fr 1fr;
	margin:8em auto 0;
	width:min(104rem,1040px);
}
.page_aquos_product .product_info .product_logo {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}

.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 .product_info.aquos-r9-pro .logo_img {
	width:57.41%;
}
.page_aquos_product .product_info.aquos-r9 .logo_img {
	width:47.26%;
}
.page_aquos_product .product_info.aquos-sense9 .logo_img {
	width:60.85%;
}
.page_aquos_product .product_info.aquos-wish4 .logo_img {
	width:55.52%;
}
.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 dl.ols {
		width:80%;
		margin:5em auto 0;
	}
}
@media screen and (max-width: 768px) {
	.page_aquos_product{
		margin:8rem auto 0;
		width:94%;
	}
	.page_aquos_product h2{
		font-size:2.4rem;
	}
	.page_aquos_product .product_info{
		display:block;
		width:auto;
		margin: 7rem auto 0;
	}
	.page_aquos_product .product_img { 
		margin-top:2rem;
	}
	.page_aquos_product .aquos-sense9 .model_img{
		width:90%;
	}
	.page_aquos_product .logo_img {
		width:72%;
		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;
	}
}