@charset "utf-8";

:root {
	/* base */
	--cts-gutter: 30px;
	--cts-width: 1200px;

	/* font */
	--dp-font-jp: "Noto Sans JP", sans-serif;
	/* Noto Sans JP
	Noto Sans JP Thin 100
	Noto Sans JP Light 300
	Noto Sans JP Regular 400
	Noto Sans JP Medium 500
	Noto Sans JP Bold 600
	*/
	--dp-font-en: "Roboto", sans-serif;
	/* Roboto
	Roboto Bold 700 Italic
	*/

	--dp-h1-size: clamp(24px,calc(1.159rem + 1.45vw),36px);
	--dp-h2-size: clamp(20px,calc(1.023rem + .97vw),28px);
	--dp-h3-size: clamp(18px,calc(.955rem + .73vw),24px);
	--dp-h4-size: clamp(16px,calc(.886rem + .48vw),20px);
	--dp-p-l-size: clamp(14px,calc(.818rem + .24vw),16px);/* 本文 Large */
	--dp-p-note-size: clamp(10px,calc(.597rem + .12vw),11px);/* 本文 Notes */
	--dp-price-s-size: clamp(16px,calc(.886rem + .48vw),20px);/* 価格 Small */
	--dp-price-tax-s-size: clamp(12px,calc(.693rem + .24vw),14px);/* 円・税 Small */

	--cts-font-size: clamp(12px,calc(.693rem + .24vw),14px);/* DP-Medium */
	--cts-font-ls: .025em;/*letter-spacing*/
	--cts-font-ls-02: .05em;

	/* color */
	--dp-color: #004da1;
	--dp-color-price: #e43344;
	--cts-color: #484848;

}


/* LP共通汎用
____________________*/
#container {
	width: 100%;
	margin: auto;
}
.column2R #main {
	float: none;
	width: auto;
}
.breadCrumb {
	margin: 0 auto !important;
	max-width: 1210px;
}
.pagetop {
	display: none;
}
#pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
#pagetop a {
	color: #fff;
	background-color: #333;
	border-radius: 5px;
	display: block;
	font-size: 12px;
	line-height: 1.5em;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
}
figure {
	margin: 0;
}
img {
	image-rendering: -webkit-optimize-contrast;
}
.sp {
	display: none;
}
#s_container {
	font-family: var(--dp-font-jp);
	width: 100%;
	margin: 10px auto 0;
}
.contentsWrap {
	width: 100%;
	color: var(--cts-color);
	font-size: var(--cts-font-size);
}
.contentsWrap img {
	max-width: 100%;
}
.clearfix:after, #nav1:after, #nav2:after, #nav3:after, #container:after, #contents:after, #footerNav:after {
	content: none !important;
}

@media (max-width: 479px) {
	#container {
		margin-bottom: 0 !important;
	}
	.leadSection.clearfix {
		display: none;
	}
}


/* コンテンツ汎用
____________________*/
.contentsWrap {
	background: #F6F6F6;
}
.contents {
	padding-block-start: clamp(80px,calc(2.727rem + 9.7vw),160px);
	padding-block-end: clamp(100px,calc(4.972rem + 5.45vw),145px);
}
.contents__inner {
	width: clamp(300px,100%,calc(var(--cts-width) +  var(--cts-gutter) * 2));
	margin-inline: auto;
	padding-inline: var(--cts-gutter);
	box-sizing: border-box;
}
.__dp-h2--jp {
	display: inline-block;
	font-size: var(--dp-h2-size);
	font-weight: 600;
	transform: skewX(-10deg);
}
.__dp-h2--en {
	font-size: var(--dp-h2-size);
	font-family: var(--dp-font-en);
	font-weight: 700;
	font-style: italic;
	letter-spacing: var(--cts-font-ls-02);
}
.__dp-h3--en {
	font-size: var(--dp-h3-size);
	font-weight: 700;
	font-style: italic;
	letter-spacing: var(--cts-font-ls-02);
}
.link__inner {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 216px;
	margin-block-start: 19px;
	padding-block: 9px;
	background: var(--dp-color);
	font-size: var(--dp-p-l-size);
	text-decoration: none !important;
	letter-spacing: var(--cts-font-ls-02);
	overflow: hidden;
	z-index: 1;
	color: #fff !important;
}
.link__inner::before {
	position: absolute;
	content: "";
	width: 150%;
	height: 100%;
	top: 0;
	left: -168%;
	background: #00a2e6;
	transform: skewX(-18deg);
	opacity: .3;
	z-index: -1;
}
.link__inner::after {
	content: "";
	position: absolute;
	top: calc(50% - 4px);
	right: 25px;
	width: 8px;
	height: 8px;
	border-right: 2px solid;
	border-bottom: 2px solid;
	border-color: #fff;
	transform: rotate(-45deg);
}
.link--over::before {
	animation: link-over ease-out .4s both;
}
.link--out::before {
	animation: link-out ease-in .4s both;
}
@keyframes link-over {
	0% {
		left: -168%;
	}
	100% {
		left: -18%;
	}
}
@keyframes link-out {
	0% {
		left: -18%;
	}
	100% {
		left: 168%;
	}
}
.__dp_price,
.__dp_tax {
	color: #e43344;
	letter-spacing: var(--cts-font-ls-02);
}
.__dp_price {
	font-size: var(--dp-price-s-size);
	font-weight: 600;
}
.__dp_tax {
	font-size: var(--dp-price-tax-s-size);
}


/* mv
____________________*/
.contents--mv {
	width: 100%;
	padding: 0;
}
.contents--mv img {
	width: 100%;
	padding: 0;
}


/* about
____________________*/
.contents--about {
	padding-block: clamp(50px,calc(1.136rem + 8.48vw),120px);
	background: url(../../5info/img/galleria_newnote_zxr/about_bg.jpg?$staticlink$) no-repeat;
	background-size: cover;
}
.about {
	--cts-width: 1140px;
}
.about__ttl {
	text-align: center;
}
.about__ttlimg {
	display: block;
	margin-block-start: clamp(15px,calc(.795rem + 0.61vw),20px);
}
.about__inner {
	margin-block-start: clamp(35px,calc(1.761rem + 1.82vw),50px);
}
.about__imgbox {
	text-align: center;
}
.about__list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: clamp(15px,calc(.795rem + .61vw),20px);
	margin-block-start: clamp(35px,calc(1.761rem + 1.82vw),50px);
}
.about__item {
	display: flex;
	align-items: center;
	width: clamp(445px,calc(-22.5rem + 76.67vw),560px);
	padding-block: clamp(15px,calc(.739rem + .85vw),22px);
	padding-inline: clamp(15px,calc(.795rem + .61vw),20px);
	background: #fff;
	box-shadow: 0px 3px 6px #00000014;
	box-sizing: border-box;
}
.about__detail {
	display: flex;
	align-items: center;
	width: 100%;
}
.about__txt {
	padding-inline-start: 15px;
	font-size: var(--dp-p-l-size);
	letter-spacing: var(--cts-font-ls);
}
.__mis1em {
	display: inline-block;
	margin-inline-end: .8em;
}
.about__note {
	display: inline-block;
	font-size: var(--dp-p-note-size);
}


/* series
____________________*/
.contents--series {
	padding-block: 0;
}
.series {
	position: relative;
	width: 100%;
	padding-inline: 0; 
}
.series__bg::before,
.series__bg::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.series__inner {
	position: relative;
	width: var(--cts-width);
	margin-inline: auto;
	padding-block: clamp(50px,calc(1.705rem + 6.06vw),100px) 50px;
	padding-inline: var(--cts-gutter);
	z-index: 100;
}
.series--z {
	background: #f2f2f2;
}
.series--z .series__bg {
	background: url(../../5info/img/galleria_newnote_zxr/series_z_bg_r.png?$staticlink$) no-repeat top right;
}
.series--z .series__bg::before {
	width: min(100%,1340px);
	background: linear-gradient(90deg, #FFFFFFCC 0%, #FFFFFFCC 80%, #FFFFFF00 100%);
}
.series--z .series__bg::after {
	background: url(../../5info/img/galleria_newnote_zxr/series_z_bg_l.png?$staticlink$) no-repeat bottom left;
	background-size: contain;
}
.series--x {
	background: #fff;
}
.series--x .series__bg {
	height: 600px;
	background: url(../../5info/img/galleria_newnote_zxr/series_x_bg_r.png?$staticlink$) no-repeat top right;
}
.series--x .series__bg::before {
	width: min(100%,1340px);
	background: linear-gradient(90deg, #F2F2F2CC 0%, #F2F2F2CC 80%, #F2F2F200 100%);
}
.series--x .series__bg::after {
	background: url(../../5info/img/galleria_newnote_zxr/series_x_bg_l.png?$staticlink$) no-repeat bottom left;
	background-size: contain;
}
.series--r {
	background: #f2f2f2;
}
.series--r .series__bg {
	height: 600px;
	background: url(../../5info/img/galleria_newnote_zxr/series_r_bg_r.png?$staticlink$) no-repeat top right;
}
.series--r .series__bg::before {
	width: min(100%,1340px);
	background: linear-gradient(90deg, #FFFFFFCC 0%, #FFFFFFCC 80%, #FFFFFF00 100%);
}
.series--r .series__bg::after {
	background: url(../../5info/img/galleria_newnote_zxr/series_r_bg_l.png?$staticlink$) no-repeat bottom left;
	background-size: contain;
}
.series__ttl::after {
	content: "";
	display: block;
	width: 150px;
	height: 5px;
}
.series--z .series__ttl::after {
	background: #FF4665;
}
.series--x .series__ttl::after {
	background: #58B2F4;
}
.series--r .series__ttl::after {
	background: #DD4BBD;
}
.series__type {
	display: block;
	font-size: var(--dp-h1-size);
	font-family: var(--dp-font-en);
	font-style: italic;
	letter-spacing: var(--cts-font-ls-02);
	line-height: 1.33;
}
.series__ttlinner {
	display: inline-block;
	margin-block-start: 8px;
	padding-block-end: 25px;
	line-height: 1;
}
.series__detail {
	display: flex;
	align-items: center;
}
.product {
	display: flex;
	align-items: center;
	margin-block-start: 35px;
}
.product--02 {
	margin-block-start: 0;
	padding-inline-start: 180px;
}
.product__detail {
	max-width: 235px;
	margin-inline-start: 20px;
}
.product__name {
	font-size: var(--dp-h4-size);
	letter-spacing: var(--cts-font-ls);
}
.product__spec {
	letter-spacing: var(--cts-font-ls);
}
.product__name + .product__spec {
	margin-block-start: 10px; 
}
.series__chartbox {
	position: relative;
	margin-inline-start: 35px;
}
.series--z .series__chartbox {
	top: -50px;
}
.series__chartimginner {
	position: absolute;
	top: 0;
	left: 0;
}


/* review
____________________*/
.contents__bgwrap {
	background: linear-gradient(180deg, #F6F6F6 0%, #FFFFFF 100%);
}
.contents--spec {
	padding-block-end: 0;
}
.review {
	--cts-width: 1140px;
}
.review__ttl {
	font-family: var(--dp-font-en);
	text-align: center;
}
.review__ttl--movie {
	margin-block-start: clamp(30px,calc(1.733rem + .61vw),35px);
}
.movie__list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: clamp(20px,calc(.966rem + 1.21vw),30px);
	margin-block-start: 15px;
}
.movie__item {
	width: 360px;
}
.movie__embed {
	position: relative;
	width: 100%;
	padding-block-start: 56.25%;
}
.movie__embed iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
}
.movie__txt {
	margin-block-start: 15px;
	font-size: var(--dp-p-l-size);
	letter-spacing: var(--cts-font-ls);
}
.review__ttl--report {
	margin-block-start: clamp(50px,calc(2.273rem + 3.64vw),80px);
}
.report__list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: clamp(15px,calc(.795rem + .61vw),20px);
	/*gap: 50px;*/
	margin-block-start: 15px;
}
.report__item {
	width: 270px;
}
.report__link {
	color: var(--cts-color) !important;
	text-decoration: none !important;
}
.report__link:hover {
	animation-name: hover-flash;
	animation-duration: 1s;
	opacity: .85;
}
@keyframes hover-flash {
	0% {
		opacity: .3;
	}
	100% {
		opacity: .85;
	}
}
.report__imgbox {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 180px;
}
.report__detailttl {
	margin-block-start: 12px;
	font-size: var(--dp-p-l-size);
	letter-spacing: var(--cts-font-ls);
}
.report__txt {
	margin-block-start: 5px;
	font-size: var(--cts-font-size);
	letter-spacing: var(--cts-font-ls);
}



/* spec
____________________*/
.spec__ttl {
	text-align: center;
}
.spec__tablewrap {
	margin-block-start: clamp(30px,calc(1.591rem + 1.21vw),40px);
}
.spec__table {
	text-align: center;
	letter-spacing: var(--cts-font-ls);
}
.spec__th {
	width: 160px;
	padding-block: 11px;
	background: var(--dp-color);
	border: 1px solid #4E8CC2;
	color: #fff;
	text-align: center !important;
	vertical-align: middle;
}
.spec__td {
	width: 260px;
	padding-block: 11px;
	padding-inline: 10px;
	background: #F6F6F6;
	border: 1px solid #D8D8D8;
	box-sizing: border-box;
}
.spec__name {
	font-size: var(--dp-p-l-size);
}
.spec__img {
	padding-block: 15px;
}
.spec__td .link__inner {
	margin-block: 3px;
	margin-inline: auto;
}
.spec__note {
	margin-block-start: .5rem;
}
.link--other {
	margin-block-start:  clamp(50px,calc(2.131rem + 4.24vw),85px);
}
.link--other .link__inner {
	width: 360px;
	margin-block-start: 0;
	margin-inline: auto;
	border: 1px solid var(--dp-color);
	background: #fff;
	color: var(--dp-color) !important;
}
.link--other .link__inner::before {
	background: #0078c4;
	opacity: .1;
}
.link--other .link__inner::after {
	border-color: var(--dp-color);
}


/* モバイル
____________________*/
@media (max-width: 1100px) {
}
@media (max-width: 768px) {
}
@media (max-width: 479px) {
	#s_container {
		margin: auto;
	}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}

	.about__ttlimg {
		width: 80%;
		margin-inline: auto;
	}
	.about__item {
		width: 100%;
	}
	.about__detailimg {
		width: 40%;
	}
	.about__txt {
		word-break: break-all;
	}
	.series--z .series__bg,
	.series--x .series__bg,
	.series--r .series__bg {
		height: auto;
		background-size: 65vw;
	}
	.series--z .series__bg::before {
		background: rgba(255,255,255,.8);
	}
	.series--z .series__bg::after {
		background: url(../../5info/img/galleria_newnote_zxr/series_z_bg_l_sp.png?$staticlink$) no-repeat bottom left;
		background-size: 80%;
	}
	.series--x .series__bg::before {
		background: rgba(242,242,242,.8);
	}
	.series--x .series__bg::after {
		background: url(../../5info/img/galleria_newnote_zxr/series_x_bg_l_sp.png?$staticlink$) no-repeat bottom left;
		background-size: 80%;
	}
	.series--r .series__bg::before {
		background: rgba(255,255,255,.8);
	}
	.series--r .series__bg::after {
		background: url(../../5info/img/galleria_newnote_zxr/series_r_bg_l_sp.png?$staticlink$) no-repeat bottom left;
		background-size: 80%;
	}
	.series__inner {
		width: auto;
		text-align: center;
	}
	.series__ttl::after {
		margin-inline: auto;
	}
	.series__type {
		text-align: left;
	}
	.series__chartbox {
		width: 45vw;
		margin-block-start: 23px;
		margin-inline-start: 0;
	}
	.series--z .series__chartbox {
		top: 0;
	}
	.series__ttlinner {
		margin-block-start: 45px;
		line-height: 1.35;
	}
	.product {
		flex-direction: column;
		width: max(calc(320px - var(--cts-gutter) * 2),65vw);
		margin-inline: auto;
	}
	.product--02 {
		margin-block-start: 50px;
		padding-inline-start: 0;
	}
	.product__detail {
		width: 100%;
		max-width: none;
		margin-block-start: 15px;
		margin-inline-start: 0;
	}
	.product__detail .link__inner {
		width: 100%;
	}
	.link--other .link__inner {
		width: 100%;
	}
}


/* fade
____________________*/
.fade {
	opacity: 0;
	transform: translateY(50px);
	transition: all .5s ease;
}
.fade.fadeShow {
	transform: translateY(0);
	opacity: 1;
}
/*.fade.__dp-h2--jp {
	transform: translateY(50px) skewX(-10deg);
}
.fade.fadeShow.__dp-h2--jp {
	transform: translateY(0) skewX(-10deg);
}*/
.fade--bg::after {
	opacity: 0;
	transform: translateX(-100px);
	transition: all 1.3s ease;
}
.fade--bg.fadeShow::after {
	transform: translateX(0);
	opacity: 1;
}
.fade--chart {
	transform: scale(0);
	transition: all 1s ease;
}
.fade--chart.fadeShow {
	transform: scale(1);
}


/* scroll-hint */
.spec__tablewrap .scroll-hint-icon {
	top: 50px;
}
@media (min-width: 480px) {
	.scroll-hint.is-right-scrollable {
		background: none !important;
	}
}