@charset "UTF-8";

.logo-p-crystal-01,
.header-menu .menu-items-01>li>a,
.header-menu .menu-items-01>li>.sub-menu-button>a,
.header-menu .menu-items-01>li.other-link-01,
.sub-menu-body { font-size:16px;}
footer .footer-items-02 .links { font-size:20px;}
.breadcrumbs { font-size:12px;}
footer .footer-items-02 .links .links-items ul li,
footer .footer-items-03 .item-02 { font-size:14px;}
footer .footer-items-02 .links>p,
footer .footer-items-02 .links .links-items,
footer .footer-items-03 .item-01,
footer .footer-items-03 .sns { font-size:16px;}
.common-button-01 { font-size:16px;}
.common-content-01 .list-01 .item-01 { font-size:20px;}
html { font-size:16px;}
.common-content-header-01 .jp-01,
.common-content-header-02 .text-items .jp-01 { font-size:20px;}
.common-content-01 .heading-01 { font-size:32px;}
.common-content-header-01 { font-size:72px;}
.common-content-header-02 .text-items .en-01 { font-size:90px;}
.logo-p-crystal-01 strong { display:block; overflow:hidden; position:absolute; text-align:left; left:105%; top:0; width:100%; height:100%;}
.sub-menu-body.type-02 li a img,
.common-content-header-02 img { position:absolute; object-fit:cover; left:0; top:0; width:100%; height:100%;}

[data-scroll=fade-in],
.fade-in-set-01,
.common-content-01 .content-bg,
.common-content-01 .heading-01,
.common-content-01 .list-01 .item-01 { animation-duration:1000ms; opacity:0; animation-iteration-count:1; animation-timing-function:ease-in-out; animation-fill-mode:forwards;}
.info-area { width:215px; font-size:10px; position:fixed; left:10px; bottom:10px; background-color:#ccc; text-align:left; padding-top:.7em; padding-bottom:.88em; z-index:10000; line-height:1.4em; display:none;}
.info-area * { font-size:1em; line-height:1.4em;}
.info-area p { width:calc(100% - 20px); font-weight:500; margin-right:auto; margin-left:auto;}

:root { --text-base-color:#595858; --color-light-gray-01:#e7ebf0; --color-navy-01:#222c88; --color-blue-01:#3f6eb4; --focus-color-01:#f4f2f0;}
html * { font-size:1em;}
body { min-height:100vh; display:flex; flex-direction:column;}
main { width:100%; flex-grow:1;}
main:not(.page-top) { margin-top:6.25rem;}
.clear-both { clear:both; font-size:1px; line-height:0; height:0;}
.no-wrap { white-space:nowrap;}
.anchor-01,
.anchor-02 { position:absolute; left:0; width:0; height:0;}
.anchor-01 { top:0;}
.anchor-02 { bottom:0;}
.add-space-lr-005 { margin-right:.05em; margin-left:.05em; line-height:0;}
.add-space-lr-01 { margin-right:.1em; margin-left:.1em; line-height:0;}
.add-space-lr-015 { margin-right:.15em; margin-left:.15em; line-height:0;}
.add-space-lr-02 { margin-right:.2em; margin-left:.2em; line-height:0;}
.add-space-l-005 { margin-left:.05em; line-height:0;}
.add-space-l-01 { margin-left:.1em; line-height:0;}
.add-space-l-015 { margin-left:.15em; line-height:0;}
.add-space-l-02 { margin-left:.2em; line-height:0;}
.add-space-l-025 { margin-left:.25em; line-height:0;}
.add-space-l-03 { margin-left:.3em; line-height:0;}
.add-space-r-005 { margin-right:.05em; line-height:0;}
.add-space-r-01 { margin-right:.1em; line-height:0;}
.add-space-r-015 { margin-right:.15em; line-height:0;}
.add-space-r-02 { margin-right:.2em; line-height:0;}
.add-space-r-025 { margin-right:.25em; line-height:0;}
.add-space-r-03 { margin-right:.3em; line-height:0;}
.remove-space-l-005 { margin-left:-0.05em; line-height:0;}
.remove-space-l-01 { margin-left:-0.1em; line-height:0;}
.remove-space-l-015 { margin-left:-0.15em; line-height:0;}
.remove-space-l-02 { margin-left:-0.2em; line-height:0;}
.remove-space-l-025 { margin-left:-0.25em; line-height:0;}
.remove-space-l-03 { margin-left:-0.3em; line-height:0;}
.remove-space-l-035 { margin-left:-0.35em; line-height:0;}
.remove-space-l-04 { margin-left:-0.4em; line-height:0;}
.remove-space-l-045 { margin-left:-0.45em; line-height:0;}
.remove-space-l-05 { margin-left:-0.5em; line-height:0;}
.remove-space-r-005 { margin-right:-0.05em; line-height:0;}
.remove-space-r-01 { margin-right:-0.1em; line-height:0;}
.remove-space-r-015 { margin-right:-0.15em; line-height:0;}
.remove-space-r-02 { margin-right:-0.2em; line-height:0;}
.remove-space-r-025 { margin-right:-0.25em; line-height:0;}
.remove-space-r-03 { margin-right:-0.3em; line-height:0;}
.remove-space-r-035 { margin-right:-0.35em; line-height:0;}
.remove-space-r-04 { margin-right:-0.4em; line-height:0;}
.remove-space-r-045 { margin-right:-0.45em; line-height:0;}
.remove-space-r-05 { margin-right:-0.5em; line-height:0;}
.remove-space-lr-01 { margin-right:-0.1em; margin-left:-0.1em; line-height:0;}
.remove-space-lr-015 { margin-right:-0.15em; margin-left:-0.15em; line-height:0;}
.remove-space-lr-02 { margin-right:-0.2em; margin-left:-0.2em; line-height:0;}
.remove-space-lr-025 { margin-right:-0.25em; margin-left:-0.25em; line-height:0;}
.remove-space-lr-03 { margin-right:-0.3em; margin-left:-0.3em; line-height:0;}
.display-w768 { display:none;}
.display-w1400,
.display-w1390,
.display-w1380,
.display-w1370,
.display-w1360,
.display-w1350,
.display-w1340,
.display-w1330,
.display-w1320,
.display-w1310,
.display-w1300,
.display-w1290,
.display-w1280,
.display-w1270,
.display-w1260,
.display-w1250,
.display-w1240,
.display-w1230,
.display-w1220,
.display-w1210,
.display-w1200,
.display-w1190,
.display-w1180,
.display-w1170,
.display-w1160,
.display-w1150,
.display-w1140,
.display-w1130,
.display-w1120,
.display-w1110,
.display-w1100,
.display-w1090,
.display-w1080,
.display-w1070,
.display-w1060,
.display-w1050,
.display-w1040,
.display-w1030,
.display-w1020,
.display-w1010,
.display-w1000,
.display-w990,
.display-w980,
.display-w970,
.display-w960,
.display-w950,
.display-w940,
.display-w930,
.display-w920,
.display-w910,
.display-w900,
.display-w890,
.display-w880,
.display-w870,
.display-w860,
.display-w850,
.display-w840,
.display-w830,
.display-w820,
.display-w810,
.display-w800,
.display-w790,
.display-w780,
.display-w770,
.display-w760,
.display-w750,
.display-w740,
.display-w730,
.display-w720,
.display-w710,
.display-w700,
.display-w690,
.display-w680,
.display-w670,
.display-w660,
.display-w650,
.display-w640,
.display-w630,
.display-w620,
.display-w610,
.display-w600,
.display-w590,
.display-w580,
.display-w570,
.display-w560,
.display-w550,
.display-w540,
.display-w530,
.display-w520,
.display-w510,
.display-w500,
.display-w490,
.display-w480,
.display-w470,
.display-w460,
.display-w450,
.display-w440,
.display-w430,
.display-w420,
.display-w410,
.display-w400,
.display-w390,
.display-w380,
.display-w370,
.display-w360,
.display-w350,
.display-w340,
.display-w330,
.display-w320 { display:none;}
picture { display:block; width:100%;}
.logo-p-crystal-01 { position:relative; overflow:hidden; transform:translateY(-3%); font-size:1rem;}
.logo-p-crystal-01 img { float:left;}
.logo-p-crystal-01 a { display:block; width:100%; position:relative; overflow:hidden; float:left;}
.logo-p-crystal-01 a img { transition:opacity 400ms;}
.logo-p-crystal-01 a:active img { opacity:.6;}

@keyframes fade_in {
from { opacity:0;}
to { opacity:1;}
}

@keyframes fade_in_up {
from { opacity:0; transform:translate3d(0, 20px, 0);}
to { opacity:1; transform:none;}
}

@keyframes fade_in_down {
from { opacity:0; transform:translate3d(0, -20px, 0);}
to { opacity:1; transform:none;}
}

[data-scroll=fade-in].a { animation-name:fade_in;}
header { z-index:3; display:flex; justify-content:space-between; align-items:center; position:fixed; left:0; top:0; width:100%; height:6.25rem; background-color:#fff;}
header .logo-p-crystal-01 { width:15em; margin-left:56px;}
header.set .sub-menu-body { visibility:visible;}
.header-menu { display:flex; justify-items:flex-end; align-items:center; height:6.25em; margin-right:60px;}
.header-menu .mein-nav { height:100%;}
.header-menu .switch { width:1.0714em; height:1.0714em; margin-top:1.5714em; margin-right:3.3445%; position:absolute; right:0; top:0; transition:transform 400ms;}
.header-menu .switch::before,
.header-menu .switch::after { content:""; display:block; background-color:#fff; width:100%; height:0.1429em; position:absolute; left:0; top:50%;}
.header-menu .switch::before { transform:translateY(-50%) scaleY(0.5); transition:width 200ms,left 200ms,opacity 200ms,background-color 200ms;}
.header-menu .switch::after { transform:translateY(-50%) rotate(90deg) scaleY(0.5); transition:transform 400ms,background-color 200ms;}
.header-menu .sub-menu-button.open .switch { transform:rotate(180deg);}
.header-menu .sub-menu-button.open .switch::before { width:0; left:50%; opacity:0;}
.header-menu .sub-menu-button.open .switch::after { transform:translateY(-50%) rotate(180deg) scaleY(0.5);}
.header-menu a:active .switch::before,
.header-menu a:active .switch::after { background-color:rgb(144.5,149.5,195.5);}
.header-menu .menu-items-01>li { display:flex;}
.header-menu .menu-items-01>li>a,
.header-menu .menu-items-01>li>.sub-menu-button>a { display:flex; align-items:center; padding-right:0.8125em; padding-left:0.8125em;}
.header-menu .menu-items-01>li>a>strong,
.header-menu .menu-items-01>li>.sub-menu-button>a>strong { text-align:center; display:block; letter-spacing:.13em; position:relative;}
.header-menu .menu-items-01>li.other-link-01 { margin-left:1.5625em;}
.header-menu .menu-items-01>li.other-link-01 .sub-menu-button>a { padding-right:0; padding-left:0;}
.header-menu .menu-items-01>li.other-link-01 .sub-menu-button>a>strong { color:#fff;}
.header-menu .menu-items-01>li.other-link-01 .sub-menu-button>a>strong::before { content:none;}
body.sp .header-menu .menu-items-01>li .sub-menu-button:not(.open) .sub-menu-body { height:0 !important;}
.header-menu .menu-items-01>li .sub-menu-button:hover,
.header-menu .menu-items-01>li .sub-menu-button.open { z-index:1;}
.header-menu .sp-menu-items-01 { width:100%; font-size:1rem; padding-top:7.8125%; padding-bottom:10.4167%;}
.header-menu .sp-menu-items-01 .sp-menu-items-container { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; margin-right:auto; margin-left:auto; width:77.8646%;}
.header-menu .sp-menu-items-01 .item-01 { width:100%; text-align:center;}
.header-menu .sp-menu-items-01 .item-01 a { background-color:rgba(34,44,136,0); padding-bottom:0.125em; width:9.0417em; height:1.875em; border-width:1.4px; border-color:var(--color-navy-01); border-style:solid; border-radius:0.2083em; color:var(--color-navy-01); display:flex; justify-content:center; align-items:center; letter-spacing:.05em; transition:background-color 400ms,color 400ms;}
.header-menu .sp-menu-items-01 .item-01 a:active { color:#fff; background-color:#222c88;}
.header-menu .sp-menu-items-01 .item-02 { margin-top:1.375em;}
.header-menu .sp-menu-items-01 .item-02 li+li { margin-top:0.5833em;}
.header-menu .sp-menu-items-01 .item-02 a { color:var(--color-navy-01); letter-spacing:.05em; display:inline-block; position:relative;}
.header-menu .sp-menu-items-01 .item-02 a:before { content:""; display:inline-block; width:100%; height:1.4px; position:absolute; left:0; bottom:-0.08em; background:linear-gradient(90deg, var(--color-navy-01) 50%, transparent 0) repeat-x; background-size:3px 1px; background-position:0 0; transition:opacity 400ms; opacity:0;}
.header-menu .sp-menu-items-01 .item-02 a:active:before { opacity:1;}
.header-menu .sp-menu-items-01 .sns { display:flex; align-items:center;}
.header-menu .sp-menu-items-01 .sns a { display:block; width:100%; float:left;}
.header-menu .sp-menu-items-01 .sns a:active img { opacity:.7;}
.header-menu .sp-menu-items-01 .sns img { float:left; transition:opacity 400ms; transition:opacity 400ms;}
.header-menu .sp-menu-items-01 .sns .youtube { width:2.2958em;}
.header-menu .sp-menu-items-01 .sns .facebook { width:1.875em; margin-left:1.0417em;}
.header-menu .sp-menu-items-01 .sns .instagram { width:1.875em; margin-left:1.0417em;}
.sub-menu-body { visibility:hidden; width:100%;}
.sub-menu-body .sub-menu-items { width:100%;}
.sub-menu-body.type-01 * { color:#fff;}
.sub-menu-body.type-01 .sub-menu-items { padding-top:0.5625em; padding-right:0.3125em; padding-bottom:0.5625em; padding-left:0.3125em;}
.sub-menu-body.type-01 li a strong { letter-spacing:.05em; display:block; transition:opacity 400ms;}
.sub-menu-body.type-01 li a:active strong { opacity:.5;}
.sub-menu-body.type-02 .sub-menu-items { padding-top:2.5em; padding-bottom:2.5em;}
.sub-menu-body.type-02 li a { transition:opacity 400ms;}
.sub-menu-body.type-02 li a .item-01 { text-align:left;}
.sub-menu-body.type-02 li a .item-01 .jp,
.sub-menu-body.type-02 li a .item-01 .en { display:block; width:100%;}
.sub-menu-body.type-02 li a .item-01 .jp { letter-spacing:.1em;}
.sub-menu-body.type-02 li a .item-01 .en { letter-spacing:.01em; margin-top:.6593406593%; color:var(--color-navy-01); font-size:0.75em; line-height:1;}
.sub-menu-body.type-02 li a:active { opacity:.6;}
.sub-menu-body.type-02 .fountain-cat { grid-column:1/span 1; grid-row:1/span 2;}
.sub-menu-body.type-02 .fountain-dog { grid-column:2/span 1; grid-row:1/span 2;}
.sub-menu-body.type-02 .filter { grid-column:3/span 1; grid-row:1/span 1;}
.sub-menu-body.type-02 .water-dispenser { grid-column:4/span 1; grid-row:1/span 1;}
.sub-menu-body.type-02 .water-care { grid-column:3/span 1; grid-row:2/span 1;}
.sub-menu-body.type-02 .others { grid-column-start:4/span 1; grid-row-start:2/span 1;}
footer { width:100%; padding-top:103px; padding-bottom:100px;}
footer .items-container { display:flex; max-width:1100px; width:90%; margin-left:auto; margin-right:auto;}
footer .logo-p-crystal-01 { width:13.75em;}
footer .footer-items-02 { margin-left:8.1818%; display:flex;}
footer .footer-items-02 .links+.links { margin-left:4.3em;}
footer .footer-items-02 .links>p a { padding-bottom:.2em; background-image:linear-gradient(to right, rgba(89, 88, 88, 0) 50%, rgba(89, 88, 88, 0) 50%); background-size:3px 1.4px; background-position:0 1.4em; background-repeat:repeat-x;}
footer .footer-items-02 .links>p a:active { background:linear-gradient(to right, #595858 50%, rgba(89, 88, 88, 0) 50%); background-size:3px 1.4px; background-position:0 1.4em; background-repeat:repeat-x;}
footer .footer-items-02 .links>p a { letter-spacing:.1em;}
footer .footer-items-02 .links>p+p,
footer .footer-items-02 .links>p+.links-items { margin-top:1.875em;}
footer .footer-items-02 .links .links-items>p>strong,
footer .footer-items-02 .links .links-items>p a { letter-spacing:.1em;}
footer .footer-items-02 .links .links-items>p>strong { display:block; cursor:default;}
footer .footer-items-02 .links .links-items>p a { padding-bottom:.2em; background-image:linear-gradient(to right, rgba(89, 88, 88, 0) 50%, rgba(89, 88, 88, 0) 50%); background-size:3px 1.4px; background-position:0 1.4em; background-repeat:repeat-x;}
footer .footer-items-02 .links .links-items>p a:active { background:linear-gradient(to right, #595858 50%, rgba(89, 88, 88, 0) 50%); background-size:3px 1.4px; background-position:0 1.4em; background-repeat:repeat-x;}
footer .footer-items-02 .links .links-items ul { margin-top:0.5em;}
footer .footer-items-02 .links .links-items ul li { position:relative; padding-left:1.3571em;}
footer .footer-items-02 .links .links-items ul li::before { width:0.7857em; height:0.1429em; transform:translateY(-50%) scaleY(0.5); position:absolute; left:0.0714em; top:0.7143em; content:""; display:block; background-color:var(--text-base-color);}
footer .footer-items-02 .links .links-items ul li+li { margin-top:0.3214em;}
footer .footer-items-02 .links .links-items ul a { padding-bottom:.2em; background-image:linear-gradient(to right, rgba(89, 88, 88, 0) 50%, rgba(89, 88, 88, 0) 50%); background-size:3px 1.4px; background-position:0 1.4em; background-repeat:repeat-x;}
footer .footer-items-02 .links .links-items ul a:active { background:linear-gradient(to right, #595858 50%, rgba(89, 88, 88, 0) 50%); background-size:3px 1.4px; background-position:0 1.4em; background-repeat:repeat-x;}
footer .footer-items-02 .links .links-items ul a { letter-spacing:.08em;}
footer .footer-items-02 .links .links-items+p,
footer .footer-items-02 .links .links-items+.links-items { margin-top:2.0625em;}
footer .footer-items-03 { display:flex; flex-direction:column; margin-left:auto;}
footer .footer-items-03 .item-01 { width:8.9375em; margin-bottom:1.0625em; text-align:center;}
footer .footer-items-03 .item-01 a { padding-bottom:0.0625em; border-width:1.4px; border-color:var(--text-base-color); border-style:solid; width:100%; height:1.875em; border-radius:0.3125em; display:flex; justify-content:center; align-items:center; letter-spacing:.05em; background-color:rgba(89,88,88,0); transition:background-color 400ms,color 400ms;}
footer .footer-items-03 .item-01 a:active { color:#fff; background-color:#595858;}
footer .footer-items-03 .item-02 li+li { margin-top:0.3571em;}
footer .footer-items-03 .item-02 a { padding-bottom:.2em; background-image:linear-gradient(to right, rgba(89, 88, 88, 0) 50%, rgba(89, 88, 88, 0) 50%); background-size:3px 1.4px; background-position:0 1.4em; background-repeat:repeat-x;}
footer .footer-items-03 .item-02 a:active { background:linear-gradient(to right, #595858 50%, rgba(89, 88, 88, 0) 50%); background-size:3px 1.4px; background-position:0 1.4em; background-repeat:repeat-x;}
footer .footer-items-03 .item-02 a { letter-spacing:.05em;}
footer .footer-items-03 .sns { display:flex; align-items:center; margin-top:1.5625em;}
footer .footer-items-03 .sns a { display:block; width:100%; float:left;}
footer .footer-items-03 .sns a:active img { opacity:.7;}
footer .footer-items-03 .sns img { float:left; transition:opacity 400ms; transition:opacity 400ms;}
footer .footer-items-03 .sns .youtube { width:2.1431em;}
footer .footer-items-03 .sns .facebook { width:1.75em; margin-left:0.9375em;}
footer .footer-items-03 .sns .instagram { width:1.75em; margin-left:0.9375em;}
footer .footer-items-03 .copyright { text-align:right; margin-top:auto; font-size:10px; letter-spacing:.05em;}
.drawer-menu { height:5em; position:fixed; right:0; top:0; z-index:4;}
.drawer-menu .drawer-menu-button { position:absolute; width:2.5em; height:2.5em; right:4.5573vw; top:50%; transform:translateY(-50%);}
.drawer-menu .drawer-menu-button::before { content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.drawer-menu .drawer-menu-button p { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1.6667em; height:1.6667em; transition:transform 600ms;}
.drawer-menu .drawer-menu-button p span { transition:top 400ms; display:block; position:absolute; width:100%; height:2px; left:0; transform:translateY(-50%);}
.drawer-menu .drawer-menu-button p span:nth-of-type(1) { top:12.5%;}
.drawer-menu .drawer-menu-button p span:nth-of-type(2) { top:50%;}
.drawer-menu .drawer-menu-button p span:nth-of-type(3) { top:87.5%;}
.drawer-menu .drawer-menu-button p span::before { content:""; display:block; background-color:var(--text-base-color); transform:translateX(-50%); position:absolute; left:50%; top:0; width:100%; height:100%; transition:transform 400ms,width 400ms,left 400ms,background-color 400ms,opacity 400ms;}
.drawer-menu .drawer-menu-button:active p span::before { background-color:rgb(155.4,154.8,154.8);}
.drawer-menu .drawer-menu-button.active p { transform:translate(-50%, -50%) rotate(360deg);}
.drawer-menu .drawer-menu-button.active p span:nth-of-type(1) { top:50%;}
.drawer-menu .drawer-menu-button.active p span:nth-of-type(1)::before { width:110%; transform:translateX(-50%) rotate(45deg);}
.drawer-menu .drawer-menu-button.active p span:nth-of-type(2)::before { width:0; opacity:0;}
.drawer-menu .drawer-menu-button.active p span:nth-of-type(3) { top:50%;}
.drawer-menu .drawer-menu-button.active p span:nth-of-type(3)::before { width:110%; transform:translateX(-50%) rotate(-45deg);}
.breadcrumbs { width:100%; letter-spacing:.1em; padding-top:1.4167em; padding-bottom:1.4167em; background-color:rgb(246.6,248,249.75);}
.breadcrumbs ul { width:calc(100% - 120px); margin-right:auto; margin-left:auto; display:flex; flex-wrap:wrap; line-height:1.4;}
.breadcrumbs ul * { line-height:1.4;}
.breadcrumbs li { position:relative; display:inline-block;}
.breadcrumbs li+li { margin-left:.45em; padding-left:.95em;}
.breadcrumbs li+li::before { content:"/"; position:absolute; left:0; top:-0.09em;}
.breadcrumbs li a { display:inline-block; position:relative;}
.breadcrumbs li a:before { content:""; display:inline-block; width:100%; height:1.4px; position:absolute; left:0; bottom:-0.08em; background:linear-gradient(90deg, var(--text-base-color) 50%, transparent 0) repeat-x; background-size:3px 1px; background-position:0 0; transition:opacity 400ms; opacity:0;}
.breadcrumbs li a:active:before { opacity:1;}
.common-content-header-01 { width:100%;}
.common-content-header-01 * { color:var(--color-navy-01);}
.common-content-header-01 .en-01 { font-weight:100; display:block; line-height:1.1; margin-bottom:0.1667em;}
.common-content-header-01 .jp-01 { letter-spacing:.05em; display:block; line-height:1.4;}
.common-content-header-02 { width:100%; position:relative; display:flex;}
.common-content-header-02 .text-items { margin-top:-45px; margin-left:60px; display:flex; flex-direction:column; justify-content:center; position:relative; z-index:1;}
.common-content-header-02 .text-items * { color:#fff;}
.common-content-header-02 .text-items .en-01 { margin-bottom:0.1889em; font-weight:100; display:block; line-height:1;}
.common-content-header-02 .text-items .jp-01 { letter-spacing:.1em; display:block; line-height:1.4;}
.common-content-header-02 figure,
.common-content-header-02 picture { width:100%; height:100%; position:absolute; left:0; top:0;}
.common-content-header-02::after { position:absolute; left:0; top:0; width:100%; height:100%; content:""; display:block; background-color:#fff; transition:opacity 1000ms; mix-blend-mode:hard-light;}
.common-content-header-02.a::after { opacity:0;}
.common-button-01 { display:flow-root; max-width:18.75em; width:100%; line-height:1.5;}
.common-button-01 * { line-height:1.5;}
.common-button-01 a { position:relative; padding-right:1.125em; display:flex; background-color:rgba(89,88,88,0); justify-content:center; align-items:center; float:left; width:100%; height:3.125em; border-radius:3.125em; transition:background-color 400ms,background-color 400ms; border-width:1.4px; border-color:rgba(89,88,88,
.6); border-style:solid;}
.common-button-01 a strong { letter-spacing:.12em; top:-0.05em; position:relative; display:block; transition:color 400ms;}
.common-button-01 a svg { position:absolute; top:50%; right:1.25em; width:1.2938em; height:auto; transform:translateY(-53%);}
.common-button-01 a svg path { fill:none; stroke:var(--text-base-color); transition:stroke 400ms; stroke-width:1;}
.common-button-01 a svg path:nth-of-type(1) { stroke-miterlimit:10;}
.common-button-01 a:active { background-color:#595858;}
.common-button-01 a:active strong { color:#fff;}
.common-button-01 a:active svg path { stroke:#fff;}
.common-content-01 { width:100%; padding-top:123px; padding-bottom:77px; position:relative;}
.common-content-01.a .content-bg,
.common-content-01.a .heading-01,
.common-content-01.a .list-01 .item-01 { animation-name:fade_in;}
.common-content-01 .content-bg { background-color:var(--color-blue-01); width:100%; height:100%; position:absolute; left:0; top:0;}
.common-content-01 .content-bg::before { content:""; display:block; background-color:var(--color-blue-01); clip-path:polygon(0 0, 100% 0, 100% 1px, 50% 100%, 0 1px); width:100%; height:138px; position:absolute; left:0; top:calc(100% - 1px);}
.common-content-01 .heading-01 { animation-delay:600ms; position:relative; z-index:1; letter-spacing:.1em; width:100%; display:block; line-height:1.4; color:#fff; text-align:center;}
.common-content-01 .list-01 { max-width:1010px; width:90%; margin-left:auto; margin-right:auto; margin-top:40px; display:flex; justify-content:space-between; align-items:flex-start; position:relative; z-index:1;}
.common-content-01 .list-01 .item-01 { display:flex; justify-content:center; align-items:center; text-align:center; width:22.7723%; border-radius:100%; aspect-ratio:1 / 1; background-color:#fff; line-height:1.5; letter-spacing:.05em; position:relative;}
.common-content-01 .list-01 .item-01 * { letter-spacing:.05em; line-height:1.5;}
.common-content-01 .list-01 .item-01:nth-child(1) { animation-delay:1200ms;}
.common-content-01 .list-01 .item-01:nth-child(2) { animation-delay:1600ms;}
.common-content-01 .list-01 .item-01:nth-child(3) { animation-delay:2000ms;}
.common-content-01 .list-01 .item-01:nth-child(4) { animation-delay:2400ms;}
.common-content-01 .list-01 .item-01>strong { display:block;}
.common-content-01 .list-01 .item-01 .color-01 { font-weight:700; color:var(--color-blue-01);}
.common-content-01 .list-01 .item-01::before { position:absolute; left:50%; top:calc(100% - 0.05em); transform:translateX(-50%); clip-path:polygon(0 0, 100% 0, 50% 100%); content:""; display:block; background-color:#fff; width:1.2em; height:0.9em;}

@media (min-width:768.1px) {
.header-menu .mein-nav { display:flex;}
.header-menu .switch { width:0; height:0; overflow:hidden; margin-top:0; margin-right:0; visibility:hidden;}
.header-menu .menu-items-01 { display:flex;}
.header-menu .menu-items-01>li.active>a>strong,
.header-menu .menu-items-01>li.active>.sub-menu-button>a>strong { color:var(--color-navy-01);}
.header-menu .menu-items-01>li.active>a>strong::before,
.header-menu .menu-items-01>li.active>.sub-menu-button>a>strong::before { width:100%; transition:width 0ms;}
.header-menu .menu-items-01>li>a>strong,
.header-menu .menu-items-01>li>.sub-menu-button>a>strong { top:-0.0938em;}
.header-menu .menu-items-01>li>a>strong::before,
.header-menu .menu-items-01>li>.sub-menu-button>a>strong::before { content:""; display:block; background-color:var(--color-navy-01); height:2px; position:absolute; right:0; left:auto; top:calc(100% + .2em); transition:width 600ms; width:0; animation-timing-function:cubic-bezier(0.19, 1, 0.22, 1); transform:translateY(-50%) scaleY(0.5);}
.header-menu .menu-items-01>li>a:active>strong::before { width:100%; right:auto; left:0;}
.header-menu .menu-items-01>li:not(:last-of-type) .sub-menu-button.open>a strong { color:var(--color-navy-01);}
.header-menu .menu-items-01>li:not(:last-of-type) .sub-menu-button.open>a strong::before { width:100%; left:0;}
.header-menu .menu-items-01>li.other-link-01 .sub-menu-button>a>strong { padding-bottom:0.125em; display:flex; justify-content:center; align-items:center; border-radius:0.3125em; width:8.75em; height:1.875em; letter-spacing:.1em; background-color:var(--color-navy-01); transition:background-color 400ms;}
.header-menu .menu-items-01>li.other-link-01 .sub-menu-button:active>a>strong { background-color:rgb(78.2,86.2,159.8);}
.header-menu .menu-items-01>li .sub-menu-button:active>a>strong::before { width:100%; right:auto; left:0;}
body.pc .header-menu .menu-items-01>li .sub-menu-button:not(.test):not(:hover) .sub-menu-body { height:0 !important;}
.header-menu .sp-menu-items-01 { width:0; height:0; overflow:hidden; visibility:hidden;}
.sub-menu-body { position:absolute; left:0; top:100%; overflow:hidden;}
.sub-menu-body .sub-menu-items { background-color:var(--color-navy-01);}
.sub-menu-body.type-01 .sub-menu-items { display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.sub-menu-body.type-01 li a { padding-top:1.25em; padding-bottom:1.25em; display:flex; justify-content:center; align-items:center; text-align:center; padding-right:1.5em; padding-left:1.5em;}
.sub-menu-body.type-01 li a strong { position:relative; top:-0.0625em;}
.sub-menu-body.type-02 ul { display:grid; grid-gap:1em; grid-template-columns:repeat(4, 1fr); grid-template-rows:repeat(2, 1fr); max-width:1228px; width:88%; margin-left:auto; margin-right:auto; aspect-ratio:307 / 54;}
.sub-menu-body.type-02 li { position:relative; background-color:#fff; border-radius:0.625em; overflow:hidden;}
.sub-menu-body.type-02 li a { width:100%; display:block; position:absolute; height:100%; left:0; top:0;}
.sub-menu-body.type-02 li a .item-01 { position:absolute; right:0; top:0; width:92.5424%; margin-top:6.1017%; z-index:1; font-size:16px;}
.sub-menu-body.type-02 li a .item-01 .jp { line-height:1.5;}
footer .footer-items-01 { flex-shrink:1;}
.drawer-menu { visibility:hidden;}
}

@media (hover:hover) and (pointer:fine) and (min-width:768.1px) {
.header-menu .menu-items-01>li>a:hover>strong::before { width:100%; right:auto; left:0;}
.header-menu .menu-items-01>li.other-link-01 .sub-menu-button:hover>a>strong { background-color:rgb(78.2,86.2,159.8);}
.header-menu .menu-items-01>li .sub-menu-button:hover>a>strong::before { width:100%; right:auto; left:0;}
}

@media (min-width:1400.1px) {
.common-content-header-02 { height:540px;}
}

@media (max-width:1400px) {
.hide-w1400 { display:none;}
.display-w1400 { display:block;}
.display-w1400-s { display:block;}
header .logo-p-crystal-01 { margin-left:4vw;}
.header-menu { margin-right:4.2857vw;}
.sub-menu-body.type-02 li a .item-01 { font-size:1.1429vw;}
footer { padding-top:7.5%; padding-bottom:7.1429%;}
.breadcrumbs ul { width:91.4286%;}
.common-content-header-02 { aspect-ratio:70 / 27;}
.common-content-header-02 .text-items { margin-top:-3.2143%; margin-left:4.2857%;}
.common-content-01 { padding-top:8.7857%; padding-bottom:5.5%;}
.common-content-01 .content-bg::before { height:9.7857vw;}
.common-content-01 .list-01 { margin-top:2.8571vw;}
}

@media (max-width:1390px) {
.hide-w1390 { display:none;}
.display-w1390 { display:block;}
.display-w1390-s { display:block;}
}

@media (max-width:1380px) {
.hide-w1380 { display:none;}
.display-w1380 { display:block;}
.display-w1380-s { display:block;}
}

@media (max-width:1370px) {
.hide-w1370 { display:none;}
.display-w1370 { display:block;}
.display-w1370-s { display:block;}
}

@media (max-width:1360px) {
.hide-w1360 { display:none;}
.display-w1360 { display:block;}
.display-w1360-s { display:block;}
}

@media (max-width:1350px) {
.hide-w1350 { display:none;}
.display-w1350 { display:block;}
.display-w1350-s { display:block;}
}

@media (max-width:1340px) {
.hide-w1340 { display:none;}
.display-w1340 { display:block;}
.display-w1340-s { display:block;}
}

@media (max-width:1330px) {
.hide-w1330 { display:none;}
.display-w1330 { display:block;}
.display-w1330-s { display:block;}
}

@media (max-width:1320px) {
.hide-w1320 { display:none;}
.display-w1320 { display:block;}
.display-w1320-s { display:block;}
}

@media (max-width:1310px) {
.hide-w1310 { display:none;}
.display-w1310 { display:block;}
.display-w1310-s { display:block;}
}

@media (max-width:1300px) {
.hide-w1300 { display:none;}
.display-w1300 { display:block;}
.display-w1300-s { display:block;}
}

@media (max-width:1290px) {
.hide-w1290 { display:none;}
.display-w1290 { display:block;}
.display-w1290-s { display:block;}
}

@media (max-width:1280px) {
.hide-w1280 { display:none;}
.display-w1280 { display:block;}
.display-w1280-s { display:block;}
}

@media (max-width:1270px) {
.hide-w1270 { display:none;}
.display-w1270 { display:block;}
.display-w1270-s { display:block;}
}

@media (max-width:1260px) {
.hide-w1260 { display:none;}
.display-w1260 { display:block;}
.display-w1260-s { display:block;}
}

@media (max-width:1250px) {
.hide-w1250 { display:none;}
.display-w1250 { display:block;}
.display-w1250-s { display:block;}
}

@media (max-width:1240px) {
.hide-w1240 { display:none;}
.display-w1240 { display:block;}
.display-w1240-s { display:block;}
}

@media (max-width:1230px) {
.hide-w1230 { display:none;}
.display-w1230 { display:block;}
.display-w1230-s { display:block;}
}

@media (max-width:1220px) {
.hide-w1220 { display:none;}
.display-w1220 { display:block;}
.display-w1220-s { display:block;}
}

@media (max-width:1210px) {
.hide-w1210 { display:none;}
.display-w1210 { display:block;}
.display-w1210-s { display:block;}
}

@media (max-width:1200px) {
.hide-w1200 { display:none;}
.display-w1200 { display:block;}
.display-w1200-s { display:block;}
}

@media (max-width:1190px) {
.hide-w1190 { display:none;}
.display-w1190 { display:block;}
.display-w1190-s { display:block;}
}

@media (max-width:1180px) {
.hide-w1180 { display:none;}
.display-w1180 { display:block;}
.display-w1180-s { display:block;}
}

@media (max-width:1170px) {
.hide-w1170 { display:none;}
.display-w1170 { display:block;}
.display-w1170-s { display:block;}
}

@media (max-width:1160px) {
.hide-w1160 { display:none;}
.display-w1160 { display:block;}
.display-w1160-s { display:block;}
}

@media (max-width:1150px) {
.hide-w1150 { display:none;}
.display-w1150 { display:block;}
.display-w1150-s { display:block;}
}

@media (max-width:1140px) {
.hide-w1140 { display:none;}
.display-w1140 { display:block;}
.display-w1140-s { display:block;}
}

@media (max-width:1130px) {
.hide-w1130 { display:none;}
.display-w1130 { display:block;}
.display-w1130-s { display:block;}
}

@media (max-width:1120px) {
.hide-w1120 { display:none;}
.display-w1120 { display:block;}
.display-w1120-s { display:block;}
}

@media (max-width:1110px) {
.hide-w1110 { display:none;}
.display-w1110 { display:block;}
.display-w1110-s { display:block;}
}

@media (max-width:1100px) {
.hide-w1100 { display:none;}
.display-w1100 { display:block;}
.display-w1100-s { display:block;}
}

@media (max-width:1090px) {
.hide-w1090 { display:none;}
.display-w1090 { display:block;}
.display-w1090-s { display:block;}
}

@media (max-width:1080px) {
.hide-w1080 { display:none;}
.display-w1080 { display:block;}
.display-w1080-s { display:block;}
}

@media (max-width:1070px) {
.hide-w1070 { display:none;}
.display-w1070 { display:block;}
.display-w1070-s { display:block;}
}

@media (max-width:1060px) {
.hide-w1060 { display:none;}
.display-w1060 { display:block;}
.display-w1060-s { display:block;}
}

@media (max-width:1050px) {
.hide-w1050 { display:none;}
.display-w1050 { display:block;}
.display-w1050-s { display:block;}
}

@media (max-width:1040px) {
.hide-w1040 { display:none;}
.display-w1040 { display:block;}
.display-w1040-s { display:block;}
}

@media (max-width:1030px) {
.hide-w1030 { display:none;}
.display-w1030 { display:block;}
.display-w1030-s { display:block;}
}

@media (max-width:1020px) {
.hide-w1020 { display:none;}
.display-w1020 { display:block;}
.display-w1020-s { display:block;}
}

@media (max-width:1010px) {
.hide-w1010 { display:none;}
.display-w1010 { display:block;}
.display-w1010-s { display:block;}
}

@media (max-width:1000px) {
.hide-w1000 { display:none;}
.display-w1000 { display:block;}
.display-w1000-s { display:block;}
header .logo-p-crystal-01 { margin-left:3.2vw;}
.header-menu { margin-right:3.4286vw;}
footer .footer-items-03 .item-01 a { border-width:1px;}
}

@media (max-width:990px) {
.hide-w990 { display:none;}
.display-w990 { display:block;}
.display-w990-s { display:block;}
}

@media (max-width:980px) {
.hide-w980 { display:none;}
.display-w980 { display:block;}
.display-w980-s { display:block;}
}

@media (max-width:970px) {
.hide-w970 { display:none;}
.display-w970 { display:block;}
.display-w970-s { display:block;}
}

@media (max-width:960px) {
.hide-w960 { display:none;}
.display-w960 { display:block;}
.display-w960-s { display:block;}
}

@media (max-width:950px) {
.hide-w950 { display:none;}
.display-w950 { display:block;}
.display-w950-s { display:block;}
header .logo-p-crystal-01 { margin-left:2.4vw;}
.header-menu { margin-right:2.5714vw;}
.header-menu .menu-items-01>li.other-link-01 { margin-left:1.4063em;}
}

@media (max-width:940px) {
.hide-w940 { display:none;}
.display-w940 { display:block;}
.display-w940-s { display:block;}
}

@media (max-width:930px) {
.hide-w930 { display:none;}
.display-w930 { display:block;}
.display-w930-s { display:block;}
}

@media (max-width:920px) {
.hide-w920 { display:none;}
.display-w920 { display:block;}
.display-w920-s { display:block;}
}

@media (max-width:910px) {
.hide-w910 { display:none;}
.display-w910 { display:block;}
.display-w910-s { display:block;}
}

@media (max-width:900px) {
.hide-w900 { display:none;}
.display-w900 { display:block;}
.display-w900-s { display:block;}
}

@media (max-width:890px) {
.hide-w890 { display:none;}
.display-w890 { display:block;}
.display-w890-s { display:block;}
}

@media (max-width:880px) {
.hide-w880 { display:none;}
.display-w880 { display:block;}
.display-w880-s { display:block;}
.header-menu .menu-items-01>li>a>strong,
.header-menu .menu-items-01>li>.sub-menu-button>a>strong { letter-spacing:.05em;}
.header-menu .menu-items-01>li.other-link-01 .sub-menu-button>a>strong { letter-spacing:.05em;}
}

@media (max-width:870px) {
.hide-w870 { display:none;}
.display-w870 { display:block;}
.display-w870-s { display:block;}
}

@media (max-width:860px) {
.hide-w860 { display:none;}
.display-w860 { display:block;}
.display-w860-s { display:block;}
}

@media (max-width:850px) {
.hide-w850 { display:none;}
.display-w850 { display:block;}
.display-w850-s { display:block;}
}

@media (max-width:840px) {
.hide-w840 { display:none;}
.display-w840 { display:block;}
.display-w840-s { display:block;}
}

@media (max-width:830px) {
.hide-w830 { display:none;}
.display-w830 { display:block;}
.display-w830-s { display:block;}
}

@media (max-width:820px) {
.hide-w820 { display:none;}
.display-w820 { display:block;}
.display-w820-s { display:block;}
}

@media (max-width:810px) {
.hide-w810 { display:none;}
.display-w810 { display:block;}
.display-w810-s { display:block;}
}

@media (max-width:800px) {
.hide-w800 { display:none;}
.display-w800 { display:block;}
.display-w800-s { display:block;}
}

@media (max-width:790px) {
.hide-w790 { display:none;}
.display-w790 { display:block;}
.display-w790-s { display:block;}
}

@media (max-width:780px) {
.hide-w780 { display:none;}
.display-w780 { display:block;}
.display-w780-s { display:block;}
}

@media (max-width:770px) {
.hide-w770 { display:none;}
.display-w770 { display:block;}
.display-w770-s { display:block;}
}

@media (max-width:768px) {
main:not(.page-top) { margin-top:5em;}
.hide-w768 { display:none;}
.display-w768 { display:block;}
.display-w768-s { display:block;}
header { height:5em;}
header .logo-p-crystal-01 { width:11.875em; margin-left:5.2083vw;}
.header-menu { position:fixed; left:0; top:0; width:100%; height:calc(100vh - 5em); margin-top:5em; margin-right:0;}
.header-menu:not(.set) { transition:height 0ms;}
.header-menu:not(.open) { height:0;}
.header-menu .mein-nav { width:100%; background-color:#fff; overflow:scroll; -ms-overflow-style:none; scrollbar-width:none;}
.header-menu .mein-nav::-webkit-scrollbar { display:none;}
.header-menu .menu-items-01 { width:100%; position:relative; padding-top:8.4635%; padding-bottom:8.4635%;}
.header-menu .menu-items-01 * { color:#fff;}
.header-menu .menu-items-01::before { content:""; display:block; background-color:var(--color-navy-01); position:absolute; left:0; top:0; width:100%; height:100%;}
.header-menu .menu-items-01>li { width:77.8646%; margin-right:auto; margin-left:auto;}
.header-menu .menu-items-01>li>a,
.header-menu .menu-items-01>li>.sub-menu-button>a { padding-right:0; padding-left:0;}
.header-menu .menu-items-01>li>a>strong,
.header-menu .menu-items-01>li>.sub-menu-button>a>strong { transition:opacity 400ms; text-align:left; width:calc(100% - 1.25em);}
.header-menu .menu-items-01>li>a:active>strong,
.header-menu .menu-items-01>li>.sub-menu-button>a:active>strong { opacity:.5;}
.header-menu .menu-items-01>li>a { padding-top:1.3929em; padding-right:0; padding-bottom:1.5em; padding-left:0; width:100%;}
.header-menu .menu-items-01>li>.sub-menu-button>a { padding-top:1.3929em; padding-right:0; padding-bottom:1.5em; padding-left:0;}
.header-menu .menu-items-01>li:not(:last-of-type) { position:relative;}
.header-menu .menu-items-01>li:not(:last-of-type)::before { content:""; display:block; background-color:hsla(0,0%,100%,
.4); height:2px; width:100%; position:absolute; left:0; bottom:0; transform:translateY(50%) scaleY(0.5);}
.header-menu .menu-items-01>li.other-link-01 { margin-right:auto; margin-left:auto;}
.header-menu .menu-items-01>li.other-link-01 .sub-menu-button>a { position:relative;}
.header-menu .menu-items-01>li .sub-menu-button { width:100%; cursor:default; overflow:hidden;}
.header-menu .menu-items-01>li .sub-menu-button:not(.open) .sub-menu-body { height:0 !important;}
.sub-menu-body { position:relative; top:-0.4286em;}
.header-menu:not(.open) .sub-menu-body { transition:height 0ms !important;}
.sub-menu-body .sub-menu-items { text-align:left; opacity:1; visibility:visible;}
.sub-menu-button:not(.open) .sub-menu-body .sub-menu-items { opacity:0; visibility:hidden;}
.sub-menu-body .sub-menu-items li a { display:block; width:calc(100% - 2.0833em); margin-left:auto;}
.sub-menu-body .sub-menu-items li+li { margin-top:0.9375em;}
.sub-menu-body.type-01 .sub-menu-items,
.sub-menu-body.type-02 .sub-menu-items { padding-bottom:1.6071em;}
.sub-menu-body.type-01 .sub-menu-items { padding-top:0; padding-right:0; padding-left:0;}
.sub-menu-body.type-02 .sub-menu-items { padding-top:0;}
.sub-menu-body.type-02 li a .item-01 .jp { letter-spacing:.05em;}
.sub-menu-body.type-02 li a .item-01 .en { display:none;}
.sub-menu-body.type-02 li a img { display:none;}
.sub-menu-body.type-02 li a:active { opacity:.5;}
footer { padding-top:18.6198%; padding-bottom:18.2292%;}
footer .items-container { display:grid; column-gap:7.2271%; grid-template-columns:42.7729% 1fr; width:88.2813%;}
footer .logo-p-crystal-01 { width:100%; max-width:11.0417em;}
footer .footer-items-01 { grid-column:1/span 1; grid-row:span 1;}
footer .footer-items-02 { grid-column:2/span 1; grid-row:span 2; margin-left:0; flex-direction:column;}
footer .footer-items-02 .links { width:calc(100% + 1.5em);}
footer .footer-items-02 .links+.links { margin-top:1.125em; margin-left:0;}
footer .footer-items-02 .links>p+p,footer .footer-items-02 .links>p+.links-items { margin-top:1.125em;}
footer .footer-items-02 .links .links-items ul { margin-top:0.4583em;}
footer .footer-items-02 .links .links-items ul li::before { top:0.75em;}
footer .footer-items-02 .links .links-items ul li+li { margin-top:0.4em;}
footer .footer-items-02 .links .links-items+p,footer .footer-items-02 .links .links-items+.links-items { margin-top:1.125em;}
footer .footer-items-03 { grid-column:1/span 1; grid-row:span 1; margin-left:0; display:flex; flex-direction:column; justify-content:flex-end;}
footer .footer-items-03 .item-01 { width:9.1em; margin-bottom:1.15em;}
footer .footer-items-03 .item-01 a { border-width:1.4px; height:1.9em; border-radius:0.25em; padding-bottom:0.175em;}
footer .footer-items-03 .item-02 li+li { margin-top:0.4em;}
footer .footer-items-03 .sns { margin-top:2.05em; margin-bottom:2.05em;}
footer .footer-items-03 .sns .youtube { width:2.755em;}
footer .footer-items-03 .sns .facebook { width:2.25em; margin-left:1.25em;}
footer .footer-items-03 .sns .instagram { width:2.25em; margin-left:1.25em;}
footer .footer-items-03 .copyright { margin-top:0; text-align:left;}
.breadcrumbs { padding-top:1.4375em; padding-bottom:1.4375em;}
.common-content-header-01 .en-01 { line-height:1; margin-bottom:0.1053em;}
.common-content-header-02 { aspect-ratio:64 / 65;}
.common-content-header-02 .text-items { justify-content:flex-end; margin-bottom:21.4844%; margin-left:5.8594%;}
.common-content-header-02 .text-items .en-01 { margin-bottom:0.1724em;}
.common-button-01 { font-size:1rem; width:88.2813%; max-width:21.3333em;}
.common-button-01 a { height:3.3333em; border-width:2px; border-color:rgba(89,88,88,
.8); padding-right:0.5em; border-radius:3.3333em;}
.common-button-01 a strong { top:-0.0833em; letter-spacing:.1em;}
.common-button-01 a svg { right:1.0417em; width:1.8333em;}
.common-button-01 a svg path { stroke-width:.8;}
.common-content-01 { padding-top:11.7188%; padding-bottom:10.5469%;}
.common-content-01 .content-bg::before { height:9.7656vw;}
.common-content-01 .heading-01 { display:none;}
.common-content-01 .list-01 { margin-top:0; flex-wrap:wrap; width:83.0729%;}
.common-content-01 .list-01 .item-01 { line-height:1.4286; width:47.0219%;}
.common-content-01 .list-01 .item-01 * { line-height:1.4286;}
.common-content-01 .list-01 .item-01:nth-child(1) { animation-delay:800ms;}
.common-content-01 .list-01 .item-01:nth-child(2) { animation-delay:1200ms;}
.common-content-01 .list-01 .item-01:nth-child(3) { animation-delay:1600ms;}
.common-content-01 .list-01 .item-01:nth-child(4) { animation-delay:2000ms;}
.common-content-01 .list-01 .item-01:nth-child(n+3) { margin-top:10.9718%;}
.common-content-01 .list-01 .item-01::before { width:1.1429em; height:0.8571em; top:calc(100% - 0.0357em);}
}

@media (hover:hover) and (pointer:fine) and (max-width:768px) {
.header-menu .menu-items-01>li>a:hover>strong,
.header-menu .menu-items-01>li>.sub-menu-button>a:hover>strong { opacity:.5;}
.sub-menu-body.type-02 li a:hover { opacity:.5;}
}

@media (max-width:760px) {
.hide-w760 { display:none;}
.display-w760 { display:block;}
.display-w760-s { display:block;}
}

@media (max-width:750px) {
.hide-w750 { display:none;}
.display-w750 { display:block;}
.display-w750-s { display:block;}
}

@media (max-width:740px) {
.hide-w740 { display:none;}
.display-w740 { display:block;}
.display-w740-s { display:block;}
}

@media (max-width:730px) {
.hide-w730 { display:none;}
.display-w730 { display:block;}
.display-w730-s { display:block;}
}

@media (max-width:720px) {
.hide-w720 { display:none;}
.display-w720 { display:block;}
.display-w720-s { display:block;}
}

@media (max-width:710px) {
.hide-w710 { display:none;}
.display-w710 { display:block;}
.display-w710-s { display:block;}
}

@media (max-width:700px) {
.hide-w700 { display:none;}
.display-w700 { display:block;}
.display-w700-s { display:block;}
}

@media (max-width:690px) {
.hide-w690 { display:none;}
.display-w690 { display:block;}
.display-w690-s { display:block;}
}

@media (max-width:680px) {
.hide-w680 { display:none;}
.display-w680 { display:block;}
.display-w680-s { display:block;}
}

@media (max-width:670px) {
.hide-w670 { display:none;}
.display-w670 { display:block;}
.display-w670-s { display:block;}
}

@media (max-width:660px) {
.hide-w660 { display:none;}
.display-w660 { display:block;}
.display-w660-s { display:block;}
}

@media (max-width:650px) {
.hide-w650 { display:none;}
.display-w650 { display:block;}
.display-w650-s { display:block;}
}

@media (max-width:640px) {
.hide-w640 { display:none;}
.display-w640 { display:block;}
.display-w640-s { display:block;}
}

@media (max-width:630px) {
.hide-w630 { display:none;}
.display-w630 { display:block;}
.display-w630-s { display:block;}
}

@media (max-width:620px) {
.hide-w620 { display:none;}
.display-w620 { display:block;}
.display-w620-s { display:block;}
}

@media (max-width:610px) {
.hide-w610 { display:none;}
.display-w610 { display:block;}
.display-w610-s { display:block;}
}

@media (max-width:600px) {
.hide-w600 { display:none;}
.display-w600 { display:block;}
.display-w600-s { display:block;}
}

@media (max-width:590px) {
.hide-w590 { display:none;}
.display-w590 { display:block;}
.display-w590-s { display:block;}
.common-button-01 a { border-width:1.4px;}
.common-button-01 a strong { top:-0.0625em;}
}

@media (max-width:580px) {
.hide-w580 { display:none;}
.display-w580 { display:block;}
.display-w580-s { display:block;}
}

@media (max-width:570px) {
.hide-w570 { display:none;}
.display-w570 { display:block;}
.display-w570-s { display:block;}
}

@media (max-width:560px) {
.hide-w560 { display:none;}
.display-w560 { display:block;}
.display-w560-s { display:block;}
}

@media (max-width:550px) {
.hide-w550 { display:none;}
.display-w550 { display:block;}
.display-w550-s { display:block;}
}

@media (max-width:540px) {
.hide-w540 { display:none;}
.display-w540 { display:block;}
.display-w540-s { display:block;}
}

@media (max-width:530px) {
.hide-w530 { display:none;}
.display-w530 { display:block;}
.display-w530-s { display:block;}
}

@media (max-width:520px) {
.hide-w520 { display:none;}
.display-w520 { display:block;}
.display-w520-s { display:block;}
}

@media (max-width:510px) {
.hide-w510 { display:none;}
.display-w510 { display:block;}
.display-w510-s { display:block;}
}

@media (max-width:500px) {
.hide-w500 { display:none;}
.display-w500 { display:block;}
.display-w500-s { display:block;}
}

@media (max-width:490px) {
.hide-w490 { display:none;}
.display-w490 { display:block;}
.display-w490-s { display:block;}
}

@media (max-width:480px) {
.hide-w480 { display:none;}
.display-w480 { display:block;}
.display-w480-s { display:block;}
}

@media (max-width:470px) {
.hide-w470 { display:none;}
.display-w470 { display:block;}
.display-w470-s { display:block;}
}

@media (max-width:460px) {
.hide-w460 { display:none;}
.display-w460 { display:block;}
.display-w460-s { display:block;}
}

@media (max-width:450px) {
.hide-w450 { display:none;}
.display-w450 { display:block;}
.display-w450-s { display:block;}
footer .items-container { column-gap:5.1622%;}
footer .footer-items-02 .links { font-size:0.0333vw;}
footer .footer-items-02 .links>p { font-size:0.0333vw;}
footer .footer-items-02 .links>p a { letter-spacing:.03em;}
footer .footer-items-02 .links .links-items ul li { font-size:0.0289vw;}
footer .footer-items-02 .links .links-items ul a { letter-spacing:.03em;}
footer .footer-items-03 .item-01 a { padding-bottom:0;}
.common-content-01 .list-01 .item-01::before { top:calc(100% - 0.0714em);}
}

@media (max-width:440px) {
.hide-w440 { display:none;}
.display-w440 { display:block;}
.display-w440-s { display:block;}
}

@media (max-width:430px) {
.hide-w430 { display:none;}
.display-w430 { display:block;}
.display-w430-s { display:block;}
}

@media (max-width:420px) {
.hide-w420 { display:none;}
.display-w420 { display:block;}
.display-w420-s { display:block;}
}

@media (max-width:410px) {
.hide-w410 { display:none;}
.display-w410 { display:block;}
.display-w410-s { display:block;}
}

@media (max-width:400px) {
.hide-w400 { display:none;}
.display-w400 { display:block;}
.display-w400-s { display:block;}
.header-menu .sp-menu-items-01 .item-01 a { padding-bottom:0.0625em; border-width:1px;}
}

@media (max-width:390px) {
.hide-w390 { display:none;}
.display-w390 { display:block;}
.display-w390-s { display:block;}
}

@media (max-width:380px) {
.hide-w380 { display:none;}
.display-w380 { display:block;}
.display-w380-s { display:block;}
}

@media (max-width:370px) {
.hide-w370 { display:none;}
.display-w370 { display:block;}
.display-w370-s { display:block;}
}

@media (max-width:360px) {
.hide-w360 { display:none;}
.display-w360 { display:block;}
.display-w360-s { display:block;}
}

@media (max-width:350px) {
.hide-w350 { display:none;}
.display-w350 { display:block;}
.display-w350-s { display:block;}
.common-button-01 a { border-width:1px;}
}

@media (max-width:340px) {
.hide-w340 { display:none;}
.display-w340 { display:block;}
.display-w340-s { display:block;}
}

@media (max-width:330px) {
.hide-w330 { display:none;}
.display-w330 { display:block;}
.display-w330-s { display:block;}
}

@media (max-width:320px) {
.breadcrumbs { font-size:9px;}
footer .footer-items-03 .copyright { font-size:10px;}
footer .footer-items-02 .links .links-items ul li,footer .footer-items-03 .item-01,footer .footer-items-03 .item-02,footer .footer-items-03 .sns { font-size:10px;}
html,
.sub-menu-body.type-02 li a .item-01 { font-size:11px;}
.sub-menu-body .sub-menu-items li,footer .footer-items-02 .links,footer .footer-items-02 .links>p,footer .footer-items-02 .links .links-items,footer .footer-items-03 { font-size:12px;}
main,header,
.header-menu,
.drawer-menu { font-size:14px;}
.header-menu .menu-items-01>li>a,
.header-menu .menu-items-01>li>.sub-menu-button>a,
.sub-menu-body { font-size:14px;}
.common-content-header-01 .jp-01,
.common-content-header-02 .text-items .jp-01,
.common-content-01 .list-01 .item-01 { font-size:12px;}
.common-content-01 .heading-01 { font-size:19px;}
.common-content-header-01 { font-size:40px;}
.common-content-header-02 .text-items .en-01 { font-size:48px;}
.hide-w320 { display:none;}
.display-w320 { display:block;}
.display-w320-s { display:block;}
}

@media (min-width:768.1px) and (max-width:1400px) {
.logo-p-crystal-01,
.header-menu .menu-items-01>li>a,
.header-menu .menu-items-01>li>.sub-menu-button>a,
.header-menu .menu-items-01>li.other-link-01,
.sub-menu-body { font-size:calc(10px + (1vw - 7.68px) * .9494);}
footer .footer-items-02 .links { font-size:calc(11px + (1vw - 7.68px) * 1.4241);}
}

@media (min-width:768.1px) and (max-width:1250px) {
.breadcrumbs { font-size:calc(9px + (1vw - 7.68px) * .6224);}
footer .footer-items-02 .links .links-items ul li,footer .footer-items-03 .item-02 { font-size:calc(10px + (1vw - 7.68px) * .8299);}
footer .footer-items-02 .links>p,footer .footer-items-02 .links .links-items,footer .footer-items-03 .item-01,footer .footer-items-03 .sns { font-size:calc(11px + (1vw - 7.68px) * 1.0373);}
.common-button-01 { font-size:calc(12px + (1vw - 7.68px) * .8299);}
.common-content-01 .list-01 .item-01 { font-size:calc(14px + (1vw - 7.68px) * 1.2448);}
html { font-size:calc(10px + (1vw - 7.68px) * 1.2448);}
.common-content-header-01 .jp-01,
.common-content-header-02 .text-items .jp-01 { font-size:calc(12px + (1vw - 7.68px) * 1.6598);}
.common-content-01 .heading-01 { font-size:calc(20px + (1vw - 7.68px) * 2.4896);}
.common-content-header-01 { font-size:calc(44px + (1vw - 7.68px) * 5.8091);}
.common-content-header-02 .text-items .en-01 { font-size:calc(55px + (1vw - 7.68px) * 7.2614);}
}

@media (min-width:320.1px) and (max-width:768px) {
.breadcrumbs { font-size:calc(9px + (1vw - 3.2px) * 1.5625);}
footer .footer-items-03 .copyright { font-size:calc(10px + (1vw - 3.2px) * 1.7857);}
footer .footer-items-02 .links .links-items ul li,footer .footer-items-03 .item-01,footer .footer-items-03 .item-02,footer .footer-items-03 .sns { font-size:calc(10px + (1vw - 3.2px) * 2.2321);}
html,
.sub-menu-body.type-02 li a .item-01 { font-size:calc(11px + (1vw - 3.2px) * 2.9018);}
.sub-menu-body .sub-menu-items li,footer .footer-items-02 .links,footer .footer-items-02 .links>p,footer .footer-items-02 .links .links-items,footer .footer-items-03 { font-size:calc(12px + (1vw - 3.2px) * 2.6786);}
main,header,
.header-menu,
.drawer-menu { font-size:calc(14px + (1vw - 3.2px) * 2.2321);}
.header-menu .menu-items-01>li>a,
.header-menu .menu-items-01>li>.sub-menu-button>a,
.sub-menu-body { font-size:calc(14px + (1vw - 3.2px) * 3.125);}
.common-content-header-01 .jp-01,
.common-content-header-02 .text-items .jp-01,
.common-content-01 .list-01 .item-01 { font-size:calc(12px + (1vw - 3.2px) * 3.5714);}
.common-content-01 .heading-01 { font-size:calc(19px + (1vw - 3.2px) * 6.0268);}
.common-content-header-01 { font-size:calc(40px + (1vw - 3.2px) * 12.2768);}
.common-content-header-02 .text-items .en-01 { font-size:calc(48px + (1vw - 3.2px) * 15.1786);}
}

@media (min-width:768.1px) and (max-width:950px) {
.header-menu .menu-items-01>li>a>strong::before,
.header-menu .menu-items-01>li>.sub-menu-button>a>strong::before { transform:translateY(-50%) scaleY(0.4);}
}

@media (hover:hover) and (pointer:fine) {
.logo-p-crystal-01 a:hover img { opacity:.6;}
.header-menu a:hover .switch::before,
.header-menu a:hover .switch::after { background-color:rgb(144.5,149.5,195.5);}
.header-menu .sp-menu-items-01 .item-01 a:hover { color:#fff; background-color:#222c88;}
.header-menu .sp-menu-items-01 .item-02 a:hover:before { opacity:1;}
.header-menu .sp-menu-items-01 .sns a:hover img { opacity:.7;}
.sub-menu-body.type-01 li a:hover strong { opacity:.5;}
.sub-menu-body.type-02 li a:hover { opacity:.6;}
footer .footer-items-02 .links>p a:hover { background:linear-gradient(to right, #595858 50%, rgba(89, 88, 88, 0) 50%); background-size:3px 1.4px; background-position:0 1.4em; background-repeat:repeat-x;}
footer .footer-items-02 .links .links-items>p a:hover { background:linear-gradient(to right, #595858 50%, rgba(89, 88, 88, 0) 50%); background-size:3px 1.4px; background-position:0 1.4em; background-repeat:repeat-x;}
footer .footer-items-02 .links .links-items ul a:hover { background:linear-gradient(to right, #595858 50%, rgba(89, 88, 88, 0) 50%); background-size:3px 1.4px; background-position:0 1.4em; background-repeat:repeat-x;}
footer .footer-items-03 .item-01 a:hover { color:#fff; background-color:#595858;}
footer .footer-items-03 .item-02 a:hover { background:linear-gradient(to right, #595858 50%, rgba(89, 88, 88, 0) 50%); background-size:3px 1.4px; background-position:0 1.4em; background-repeat:repeat-x;}
footer .footer-items-03 .sns a:hover img { opacity:.7;}
.drawer-menu .drawer-menu-button:hover p span::before { background-color:rgb(155.4,154.8,154.8);}
.breadcrumbs li a:hover:before { opacity:1;}
.common-button-01 a:hover { background-color:#595858;}
.common-button-01 a:hover strong { color:#fff;}
.common-button-01 a:hover svg path { stroke:#fff;}
}