@charset "UTF-8";
/* PRIMERGY CSS 230207----------------*/

/* label 主にタイプ一覧 */
.pg-typelist-labels{
	display:flex;
	flex-wrap:wrap;
}
.pg-typelist-labels > .pg-label-item{
	display:flex;
		align-items:center;
		justify-content:center;
	margin:0 3px 3px 0;
	min-height:60px;
	width:80px;
	background-color:#595959;
	border-radius:4px;
	color:#fff;
	font-size:12px;
	line-height:1.2;
	text-align:center;
}

/* GIG5 拡張・調整 ----------------*/

/* newsの日付幅調整 */
.list-news-a .date{
	min-width:8em;
}

/* ↓幅調整 ※CX形式用のためFDDAに切り替え後は不要 */
.nav-a.pg-diff-table-layout ul{
	table-layout:fixed;
}
/* ↑ */

/* list */
.pg-diff-compact > li+li{
	margin-top:0.4em;
}

/* tbl */
.pg-tbl-lyt-fix{table-layout:fixed;}
.pg-diff-valign-t td{
	vertical-align:top;
}
.pg-diff-valign-m td{
	vertical-align:middle;
}
.pg-diff-valign-b td{
	vertical-align:bottom;
}

/* pg-tbl-calc */
.pg-tbl-calc tr:nth-child(odd) {
	background-color: #f8f8f8;
}
.pg-tbl-calc td {
	border-bottom: solid 1px #dad9d6;
	padding: .5em;
}
.pg-tbl-calc td:nth-child(2) {
	width: 15%;
}
.pg-tbl-calc select {
	appearance: menulist;
	background-color: transparent;
	border: solid 1px #c6c6c0;
	width: 100%;
}

/* プルダウンメニュー */
select.pg-diff-menulist {
	-webkit-appearance: menulist;
	appearance: menulist;
	font-weight: normal;
}


/*
  GIG5.1
-----------------------------------------------------------------------------*/
/* ---------------
  GIG5.1 custom
--------------- */

.pg-nav-header + .lf-hero-a {
	margin-top:0 !important;
}
/* ---------------
  LF-button-icon
--------------- */
/** base */
.pg-lf-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.pg-lf-btn:visited {
    text-decoration: none;
}
.pg-lf-btn.is-border{
	padding:0.75em 1.5em;
	border:1px solid #000;
}
.pg-lf-btn.is-pd{
	padding:0.75em 1.5em;
}

.pg-lf-btn-icon {
    flex-shrink: 0;
    display: inline-block !important;
    width: 2em;
    height: 2em;
    margin-left: 6px;
    margin-right: 6px;
    position: relative;
    vertical-align: middle;
}
.pg-lf-btn-icon.is-small {
    width: 1.4em;
    height: 1.4em;
}
.pg-lf-btn-icon svg {
	position: absolute;
	top: 0;
	left: 0;
	fill: #000000;
}
.pg-lf-btn-icon svg .circle {
	fill: none;
	stroke: #000000;
	stroke-width: 1px;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}
.pg-lf-btn-icon svg .arrow {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}


/** white ver */
.is-white{	color:#fff;}
.is-white.is-border{border:1px solid #fff;}
.is-white .pg-lf-btn-icon svg {	fill: #fff;}
.is-white .pg-lf-btn-icon svg .circle {	stroke: #fff;}


/** hover */
a:hover .pg-lf-btn-icon::before {
	opacity: .1
}
a:hover .pg-lf-btn-icon svg .arrow-down {
	-webkit-animation: arrow 1.5s forwards ease-in-out;
	animation: kf-arrow-down 1.5s forwards ease-in-out
}
a:hover .pg-lf-btn-icon svg .arrow-right {
	-webkit-animation: arrow 1.5s forwards ease-in-out;
	animation: kf-arrow-right 1.5s forwards ease-in-out
}
a:hover .pg-lf-btn-icon svg .circle {
	fill: transparent;
	stroke-width: 1;
	-webkit-animation: circle 2s forwards cubic-bezier(.215, .61, .355, 1);
	animation: kf-circle 2s forwards cubic-bezier(.215, .61, .355, 1)
}
@keyframes kf-arrow-down {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY0);
	}
	10% {
		opacity: 0;
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
	}
	25% {
		opacity: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	40% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes kf-arrow-right {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	10% {
		opacity: 0;
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}
	25% {
		opacity: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	40% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes kf-circle {
	0% {
		stroke-dasharray: 0 300;
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	10% {
		stroke-dasharray: 50 100
	}
	20% {
		stroke-dasharray: 100 200
	}
	30% {
		stroke-dasharray: 150 300
	}
	40% {
		stroke-dasharray: 200 300
	}
	60% {
		stroke-dasharray: 300 300;
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

/* ---------------
  ハイライトサークル
--------------- */

.pg-lf-circle-wrap{ margin-left:auto; margin-right:auto;}
.pg-lf-circle{
	display:inline-block;
	position: relative;
	width: 100%;
	padding-top: 100%;
	height: 0;
	border-radius: 50%;
}
.pg-lf-circle::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.pg-lf-circle img {
	position: absolute;
	width: 72%;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.pg-lf-circle.clr-r{	background:linear-gradient(to top right, transparent 12%, #EA0000 88%);}
.pg-lf-circle.clr-m{	background:linear-gradient(to top right, transparent 12%, #D80084 88%);}
.pg-lf-circle.clr-b{	background:linear-gradient(to top right, transparent 12%, #2400B0 88%);}
.pg-lf-circle.clr-c{	background:linear-gradient(to top right, transparent 12%, #00E7EF 88%);}
.pg-lf-circle.clr-g{	background:linear-gradient(to top right, transparent 12%, #008224 88%);}
.pg-lf-circle.clr-l{	background:linear-gradient(to top right, transparent 12%, #61D600 88%);}
.pg-lf-circle.clr-y{	background:linear-gradient(to top right, transparent 12%, #FFE700 88%);}
.pg-lf-circle.clr-o{	background:linear-gradient(to top right, transparent 12%, #FF8000 88%);}

/* ---------------
背景
--------------- */

.main-contents .pg-bg-product{background: linear-gradient(0deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 30%);}

.main-contents .pg-lf-bg-h1-t2{	background:url("/jp/imagesgig5/FJ_SB_H1_T2_RGB_tcm102-7294700_tcm102-2750236-32.jpg") no-repeat 0 0 / cover !important; color:#fff;}
.main-contents .pg-lf-bg-h2-t4{	background:url("/jp/imagesgig5/FJ_SB_H2_T4_RGB_tcm102-7095964_tcm102-2750236-32.jpg") no-repeat 0 0 / cover !important; color:#fff;}
.main-contents .pg-lf-bg-h5-t4{	background:url("/jp/imagesgig5/FJ_SB_H5_T4_RGB_tcm102-7095965_tcm102-2750236-32.jpg") no-repeat 0 0 / cover !important;}
.main-contents .pg-lf-bg-e5-t4{	background:url("/jp/imagesgig5/FJ_SB_E5_T4_RGB_tcm102-7095966_tcm102-2750236-32.jpg") no-repeat 0 0 / cover !important; color:#fff;}
.main-contents .pg-lf-bg-h3-t2{	background:url("/jp/imagesgig5/FJ_SB_H3_T2_RGB_tcm102-7095967_tcm102-2750236-32.jpg") no-repeat 0 0 / cover !important; color:#fff;}
.main-contents .pg-lf-bg-h4-t3{	background:url("/jp/imagesgig5/FJ_SB_H4_T3_RGB_tcm102-7095971_tcm102-2750236-32.jpg") no-repeat 0 0 / cover !important; color:#fff;}
.main-contents .pg-lf-bg-e7-t3{	background:url("/jp/imagesgig5/FJ_SB_E7_T3_RGB_tcm102-7142964_tcm102-2750236-32.jpg") no-repeat 0 0 / cover !important; color:#fff;}
.main-contents .pg-lf-bg-e2-t1{	background:url("/jp/imagesgig5/FJ_SB_E2_T1_RGB_tcm102-7112896_tcm102-2750236-32.jpg") no-repeat 0 0 / cover !important; }
.main-contents .pg-lf-bg-e2-t2{	background:url("/jp/imagesgig5/FJ_SB_E2_T2_RGB_tcm102-7112897_tcm102-2750236-32.jpg") no-repeat 0 0 / cover !important; }
.main-contents .pg-lf-bg-e2-t3{	background:url("/jp/imagesgig5/FJ_SB_E2_T3_RGB_tcm102-7112898_tcm102-2750236-32.jpg") no-repeat 0 0 / cover !important; }
.main-contents .pg-lf-bg-e2-t4{	background:url("/jp/imagesgig5/FJ_SB_E2_T4_RGB_tcm102-7112899_tcm102-2750236-32.jpg") no-repeat 0 0 / cover !important; }
.main-contents .pg-lf-bg-e2-t5{	background:url("/jp/imagesgig5/FJ_SB_E2_T5_RGB_tcm102-7112900_tcm102-2750236-32.jpg") no-repeat 0 0 / cover !important; }
.main-contents .pg-lf-bg-e9-t5{	background:url("/jp/imagesgig5/FJ_SB_E9_T5_RGB_tcm102-7270964_tcm102-2750236-32.jpg") no-repeat 0 0 / cover !important; }




/* FDDA 拡張・調整 ----------------*/
/* NAV (old ver.) */
.pg-diff-a .c-nav-header a {
	color: #000;
}
.pg-diff-a .c-nav-header__menu-btn {
	color: #000;
}
.pg-diff-a .c-nav-header.is-close>.c-nav-header__menu-btn::before {
	background: linear-gradient(#000, #000 2px, transparent 2px, transparent 6px, #000 6px, #000 8px, transparent 8px, transparent 12px, #000 12px);
}
.pg-diff-a .c-nav-header__menu-btn:hover,
.pg-diff-a .c-nav-header__menu-btn:active,
.pg-diff-a .c-nav-header__menu-btn:focus{background:#dad9d6}
.pg-diff-a .c-nav-header.is-open>.c-nav-header__menu-btn{background:#a30b1a}
[data-script-enabled=true] .pg-diff-a .c-nav-header {
	background-color: #dad9d6;
}
@media only screen and (min-width: 768px){
	[data-script-enabled=true] .pg-diff-a .c-nav-header>ul>li {
		width: auto;
		flex-grow:1;
	}
}
@media only screen and (max-width: 767px){
	.pg-diff-a .c-nav-header>ul>li.js-hover a {
		color: #000;
	}
}
@media only screen and (max-width: 767px){
	.pg-diff-a .c-nav-header>ul>li a {
		border-bottom: 1px solid #c6c6c0;
		color: #000;
	}
}
@media only screen and (max-width: 767px){
	.pg-diff-a .c-nav-header>ul>li a::before {
		border-top: 2px solid #a30b1a;
		border-right: 2px solid #a30b1a;
	}
}
.pg-diff-a .c-nav-header>ul>li a{
	position:relative;
	cursor: pointer;
}
.pg-diff-a .c-nav-header>ul>li>a {
	background-color: #dad9d6;
	line-height:1.25;
}
.pg-diff-a .c-nav-header>ul>li>a.toggle-hook::before {
	border-top: 2px solid #a30b1a;
	border-right: 2px solid #a30b1a;
}
@media only screen and (min-width: 768px){
	.pg-diff-a .c-nav-header>ul>li>a.toggle-hook::before {
		border-color: #a30b1a;
		transform: rotate(135deg);
	}
}
@media only screen and (min-width: 768px){
	.pg-diff-a .c-nav-header>ul>li>a:not(.toggle-hook) {
		padding-left:8px;padding-right:8px;
	}
}
.pg-diff-a .c-nav-header>ul>li>a:hover{
	background-color: #eeeeee;
}
.pg-diff-a .c-nav-header>ul>li.js-hover>a {
	background-color: #eeeeee;
}
@media only screen and (max-width: 767px){
	.pg-diff-a .c-nav-header>ul>li.is-open>a {
		color: #fff;
		background: #a30b1a;
	}
}
@media only screen and (max-width: 767px){
	.pg-diff-a .c-nav-header>ul>li.is-open>a::before {
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
	}
}
.pg-diff-a .c-nav-header__child-wrap {
	background-color: rgba(238,238,238,0.98);
}
@media only screen and (min-width: 768px){
	.pg-diff-a .c-nav-header__child-wrap {
		border:solid 1px #dad9d6;
		border-top:none;
	}
}
.pg-diff-a .c-nav-header__child-label a::before {
	border-top: 2px solid #a30b1a;
	border-right: 2px solid #a30b1a;
}
@media only screen and (min-width: 768px){
	.pg-diff-a .c-nav-header__child a {
		padding-top: 8px;
		padding-bottom: 8px;
	}
}
@media only screen and (min-width: 768px){
	.pg-diff-a .c-nav-header__child a::before {
		border-top: 2px solid #a30b1a;
		border-right: 2px solid #a30b1a;
	}
}
@media only screen and (max-width: 767px){
	.pg-diff-a .c-nav-header__child a:hover{background-color:#fff}
}

/*
  NAV (New)
-----------------------------------------------------------------------------*/

/* --- parent menu --- */
[data-script-enabled=true] .pg-nav-header .c-nav-header {
	background: #dad9d6;
}
[data-script-enabled=true] .pg-nav-header .c-nav-header > ul {
	position: relative;
}
[data-script-enabled=true] .pg-nav-header .c-nav-header > ul > li {
	width: auto;
	flex-grow:1;
}
.pg-nav-header .c-nav-header a {
	color: #000;
}
.pg-nav-header .c-nav-header > ul > li > a {
	position: relative;
	background: #dad9d6;
	font-size: 1.4rem;
	line-height:1.5;
	text-align: center;
}
/**/

/* --- parent menu side border --- */
.pg-nav-header .c-nav-header > ul > li::before {
	display: inline-block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0; 
	width: 1px;
	height: 32px;
	margin-top: -16px;
	background: #b1b1ac;
	z-index: 1;
}
.pg-nav-header .c-nav-header > ul > li > a::after {
	display: inline-block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0; 
	width: 1px;
	height: 32px;
	margin-top: -16px;
	background: #b1b1ac;
}
/**/

/* --- child menu --- */
.pg-nav-header .c-nav-header__child-wrap {
	background-color: #f8f8f8;
}
.pg-nav-header .c-nav-header__child.diff-col2 > li {	width: 50%;}
.pg-nav-header .c-nav-header__child.diff-col3 > li {	width: 33.3%;}
.pg-nav-header .c-nav-header__child.diff-col4 > li {	width: 25%;}
.pg-nav-header .c-nav-header__child[class*=diff-col] > li {
	display: block;
}
.pg-nav-header .c-nav-header__child .child-list-label {
	border-bottom:1px solid #b1b1ac;
	padding-bottom:4px;
	margin-bottom:12px;
	font-weight:bolder;
}
.pg-nav-header .c-nav-header__child .child-list + .child-list-label {
	margin-top:20px;
}
.pg-nav-header .c-nav-header__child .child-list li {
	padding-left:0;
	width: 100%;
}
/**/

/* --- link arrow color --- */
/*.pg-nav-header .c-nav-header > ul > li > a.toggle-hook::before,
.pg-nav-header .c-nav-header__child-label a::before,
.pg-nav-header .c-nav-header__child a::before,*/
.pg-nav-header .c-nav-header > ul > li a::before{
	border-color: #a30b1a;
}
.pg-nav-header .c-nav-header > ul > li > a.toggle-hook::before {
	right: 14px;
}
/**/

/* --- Ξ button --- */
.pg-nav-header .c-nav-header.is-close > .c-nav-header__menu-btn::before {
	background: linear-gradient(#000, #000 2px, transparent 2px, transparent 6px, #000 6px, #000 8px, transparent 8px, transparent 12px, #000 12px);
}
.pg-nav-header .c-nav-header__menu-btn {
	color: #000;
}
.pg-nav-header .c-nav-header__menu-btn:hover,
.pg-nav-header .c-nav-header__menu-btn:active,
.pg-nav-header .c-nav-header__menu-btn:focus,
.pg-nav-header .c-nav-header.is-open > .c-nav-header__menu-btn {
	background: none;
}
.pg-nav-header .c-nav-header.is-open > .c-nav-header__menu-btn::before {
	background: #000;
}
.pg-nav-header .c-nav-header.is-open > .c-nav-header__menu-btn::after {
	background: #000;
}
/**/

@media only screen and (min-width: 768px) {
	.pg-nav-header.c-nav-header-wrap {min-height: 64px;}
	.pg-nav-header .c-nav-header > ul {min-height: 64px;}
	.pg-nav-header .c-nav-header > ul > li > a:hover {background-color: #f8f8f8;color: #a30b1a;}
	.pg-nav-header .c-nav-header > ul > li.js-hover > a {background-color: #f8f8f8;}
	.c-nav-header__child li {margin-top: 8px;}
}

@media only screen and (max-width: 767px) {
	.pg-nav-header .c-nav-header > ul > li::before,
	.pg-nav-header .c-nav-header > ul > li > a::after {display:none;}
	.pg-nav-header .c-nav-header > ul > li > a br{display:none;}
	.pg-nav-header .c-nav-header > ul > li.js-hover a,
	.pg-nav-header .c-nav-header > ul > li.is-open > a{color:#000;}
	.pg-nav-header .c-nav-header__child.diff-col2 > li,
	.pg-nav-header .c-nav-header__child.diff-col3 > li,
	.pg-nav-header .c-nav-header__child.diff-col4 > li {width: 100%;}
	.pg-nav-header .c-nav-header__child[class*=diff-col] > li {padding: 20px 0 0 16px;}
	.pg-nav-header .c-nav-header__child > li {margin-top:0;}
	.pg-nav-header .c-nav-header__child a:hover{background-color:#fff;}
	.pg-nav-header .c-nav-header__child .child-list-label{margin-bottom:0;}
}