@charset "UTF-8";

footer .others .copyright { font-size:10px;}
footer .address .item-02,
footer .others .links { font-size:14px;}
body,
.header-menu .menu-items-01,
.header-menu .other-link-01,
.common-button-01,
.common-news-items-01 { font-size:16px;}
.common-button-02 { font-size:16px;}
.common-header-02 .jp-01 { font-size:24px;}
header .header-logo-mbg-01 { font-size:30px;}
.common-header-02 .en-01 { font-size:40px;}
.common-header-01>figure { font-size:16px;}
footer .address .item-01 { font-size:24px;}
.common-header-01 .text-items-01 .text-items-inner .jp-01,
.common-header-03 .item-01 { font-size:48px;}
.common-header-01 .text-items-01 { font-size:160px;}
.header-logo-mbg-01 strong { display:block; overflow:hidden; position:absolute; text-align:left; left:105%; top:0; width:100%; height:100%;}
.common-header-01>figure img { position:absolute; object-fit:cover; left:0; top:0; width:100%; height:100%;}
footer .address .item-02,
footer .others .links,
footer .others .copyright,
.header-menu .other-link-02,
.common-news-items-01 .news { font-family:"Noto Sans JP","游ゴシック Medium","Yu Gothic Medium","游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif; font-weight:300;}
footer .address .item-02 *,
footer .others .links *,
footer .others .copyright *,
.header-menu .other-link-02 *,
.common-news-items-01 .news * { font-family:"Noto Sans JP","游ゴシック Medium","Yu Gothic Medium","游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif; font-weight:300;}
.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;}
html * { font-size:1em;}
body { min-height:100vh; display:flex; flex-direction:column;}
main { width:100%; flex-grow:1; padding-bottom:200px;}
.clear-both { clear:both; font-size:1px; line-height:0; height: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%;}
.header-logo-mbg-01 { overflow:hidden;}
.header-logo-mbg-01 img { float:left;}
.header-logo-mbg-01 a { display:block; width:100%; position:relative; overflow:hidden; float:left;}
header { z-index:3; position:fixed; left:0; top:0; width:100%; height:6.25em; background-color:#fff;}
header .header-logo-mbg-01 { position:absolute; left:89px; top:0; margin-top:43px; width:10.8em;}
header.set .header-logo-mbg-01 { transition:opacity 400ms ease,visibility 400ms ease;}
header.in .header-logo-mbg-01 { opacity:1; visibility:visible;}
header.out .header-logo-mbg-01 { opacity:0; visibility:hidden;}
footer { width:100%; position:relative; padding-top:80px; padding-bottom:91px;}
footer::before { content:""; display:block; background-color:var(--color-gray-01); position:absolute; top:0; left:0; width:100%; height:2px; transform:translateY(-50%) scaleY(0.5);}
footer .footer-items { display:flex; width:calc(100% - 320px); margin-right:auto; margin-left:auto;}
footer .header-logo-mbg-01 { width:265px; position:relative;}
footer .header-logo-mbg-01 a img { transition:opacity 400ms;}
footer .header-logo-mbg-01 a:active img { opacity:.5;}
footer .address { display:flex; flex-direction:column; justify-content:center; margin-left:80px;}
footer .address .item-01 { letter-spacing:.02em; line-height:1; margin-bottom:0.75em;}
footer .address .item-02 { line-height:1.7143; letter-spacing:.035em;}
footer .others { display:flex; flex-direction:column; padding-bottom:2px; justify-content:flex-end; margin-left:auto;}
footer .others .links { display:flex; justify-content:flex-end; letter-spacing:.02em; margin-bottom:1.25em;}
footer .others .links a { padding-bottom:.1em; transition:opacity 400ms; background:linear-gradient(var(--text-base-color), var(--text-base-color)) no-repeat; background-size:100% .8px; background-position:0 1.4em;}
footer .others .links a:active { opacity:.6;}
footer .others .copyright { letter-spacing:.08em; line-height:1;}
.header-menu { z-index:4; display:flex; justify-items:flex-end; align-items:center; height:6.25em; position:fixed; right:80px; top:0; width:calc(100% - 404px - 80px);}
.header-menu .mein-nav { width:100%; height:100%; position:absolute; left:0; top:0; display:flex; justify-content:flex-end;}
.header-menu .menu-items-01 { display:flex; margin-top:calc(3.125em - .72em - 0.9375em);}
.header-menu .menu-items-01>li.logo { display:none; margin-bottom:7.3529%; width:82.3529%; margin-right:auto; margin-left:auto;}
.header-menu .menu-items-01>li .header-logo-mbg-01 { width:100%; position:relative;}
.header-menu .menu-items-01>li .header-logo-mbg-01 a img { transition:opacity 400ms;}
.header-menu .menu-items-01>li .header-logo-mbg-01 a:active img { opacity:.5;}
.header-menu .menu-items-01>li>a,
.header-menu .menu-items-01>li>button:not(.sub-menu-button),
.header-menu .menu-items-01>li>.sub-menu-button>a,
.header-menu .menu-items-01>li>.sub-menu-button>button { display:block; padding-top:0.9375em; padding-right:0.9375em; padding-bottom:0.9375em; padding-left:0.9375em;}
.header-menu .menu-items-01>li>a strong,
.header-menu .menu-items-01>li>button:not(.sub-menu-button) strong,
.header-menu .menu-items-01>li>.sub-menu-button>a strong,
.header-menu .menu-items-01>li>.sub-menu-button>button strong { letter-spacing:.01em; position:relative; white-space:nowrap;}
.header-menu .menu-items-01>li>.sub-menu-button { position:relative; display:flex; align-items:flex-start; height:100%;}
.header-menu .menu-items-01>li>.sub-menu-button::before { position:absolute; top:calc(100% - 1em); left:50%; width:10em; height:5px; transform:translate(-50%, -100%); content:""; display:block; background-color:#fff; z-index:1;}
.header-menu .menu-items-01>li>.sub-menu-button:active>a strong::before { width:100%; right:auto; left:0;}
.header-menu .sub-menu-01 { width:10em;}
.header-menu .sub-menu-01 ul { width:100%; margin-right:auto; margin-left:auto;}
.header-menu .sub-menu-01 li { width:100%;}
.header-menu .sub-menu-01 li a { position:relative; display:block; padding-top:0.875em; padding-bottom:1em;}
.header-menu .sub-menu-01 li a strong { position:relative; display:block;}
.header-menu .other-link-01 { display:flex; align-items:center; margin-left:40px;}
.header-menu .other-link-01 a { position:relative; display:flex; justify-content:center; align-items:center; text-align:center; transition:background-color 400ms;}
.header-menu .other-link-01 a strong { display:block; color:#fff; line-height:1.4; position:relative; top:-0.03em;}
.header-menu .other-link-01 a svg { display:none; width:1.875em; height:auto; transform:translateY(calc(-50% - 0.25em)); position:absolute; top:50%; right:0.9583em;}
.header-menu .other-link-01 a polygon { transition:fill 400ms; fill:#5c5754;}
.header-menu .other-link-02 { display:none; width:68%; margin-top:8%; margin-right:auto; margin-left:auto; letter-spacing:.02em; line-height:1.5;}
.header-menu .other-link-02 a { padding-bottom:.3em; background:linear-gradient(var(--text-base-color), var(--text-base-color)) no-repeat; background-size:100% 1px; background-position:0 1.5em;}
.nav-bg { position:fixed; visibility:hidden; z-index:4; left:0; top:0; width:100%; height:100%; background-color:hsla(0,0%,100%,
.4); opacity:0;}
.nav-bg.set { visibility:visible; transition:opacity 400ms;}
.nav-bg.active { opacity:1;}
.top-sentinel { width:0; height:0; overflow:hidden; position:absolute; left:0; top:0;}
.pagelink-anchor { width:0; height:6.25em; overflow:hidden; position:absolute; left:0; top:0; transform:translateY(-100%);}
.footer-sp-navigation-spacer { width:0; overflow:hidden; height:5em; display:none;}
.footer-sp-navigation { z-index:1; position:fixed; left:0; bottom:0; width:100%; display:flex; text-align:center; visibility:hidden;}
.footer-sp-navigation .link { width:50%; position:relative;}
.footer-sp-navigation .link a { background-color:var(--text-base-color); transition:background-color 400ms; height:5em; width:100%; display:flex; justify-content:center; align-items:center;}
.footer-sp-navigation .link a strong { color:#fff; position:relative; top:-0.0833em; letter-spacing:.02em;}
.footer-sp-navigation .link a strong * { color:#fff;}
.footer-sp-navigation .link a:active { background-color:rgb(108.3,103.8,101.1);}
.footer-sp-navigation .link:nth-of-type(2)::before { height:3.3333em; width:2px; content:""; display:block; background-color:#fff; position:absolute; left:0; top:50%; transform:translate(-50%, -50%) scaleX(0.5);}
.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:3.9063vw; 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(157.2,154.2,152.4);}
.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);}
.common-button-01,
.common-button-02 { width:13.75em;}
.common-button-01 a { width:100%; border-width:1px; border-color:var(--text-base-color); border-style:solid; padding-right:0.875em; display:flex; justify-content:center; align-items:center; height:3.125em; border-radius:3.125em; position:relative; background-color:rgba(92,87,84,0); transition:background-color 400ms,border-color 400ms,opacity 400ms;}
.common-button-01 a strong { transition:color 400ms; letter-spacing:.02em; display:block; line-height:1.5; position:relative; top:-0.05em;}
.common-button-01 a svg { top:1.0313em; right:1.125em; position:absolute; width:1.875em; height:auto;}
.common-button-01 a polygon { transition:fill 400ms; fill:var(--text-base-color);}
.common-button-01 a[disabled] { opacity:.5;}
.common-button-01 a:not([disabled]):active { background-color:#5c5754;}
.common-button-01 a:not([disabled]):active strong { color:#fff;}
.common-button-01 a:not([disabled]):active polygon { fill:#fff;}
.common-button-02 { border-width:1px; border-color:var(--text-base-color); border-style:solid; padding-right:0.875em; display:flex; justify-content:center; align-items:center; height:3.125em; border-radius:3.125em; position:relative; background-color:rgba(92,87,84,0); transition:background-color 400ms,border-color 400ms,opacity 400ms;}
.common-button-02 strong { transition:color 400ms; letter-spacing:.02em; display:block; line-height:1.5; position:relative; top:-0.05em;}
.common-button-02 svg { top:1.0313em; right:1.125em; position:absolute; width:1.875em; height:auto;}
.common-button-02 polygon { transition:fill 400ms; fill:var(--text-base-color);}
.common-button-02[disabled] { opacity:.5;}
.common-button-02:not([disabled]):active { background-color:#5c5754;}
.common-button-02:not([disabled]):active strong { color:#fff;}
.common-button-02:not([disabled]):active polygon { fill:#fff;}
.common-header-01 { width:100%; height:500px; display:flex; margin-top:6.25em; overflow:hidden;}
.common-header-01 .text-items-01 { max-width:560px; width:40%; position:relative; z-index:1; margin-left:auto;}
.common-header-01 .text-items-01 .text-items-inner { max-width:480px; width:87.5%; padding-top:40.1786%; margin-left:auto;}
.common-header-01 .text-items-01 .text-items-inner .en-01,
.common-header-01 .text-items-01 .text-items-inner .jp-01 { display:block; width:100%;}
.common-header-01 .text-items-01 .text-items-inner .en-01 { white-space:nowrap; width:100%; line-height:1; color:rgba(141,115,93,
.15); margin-bottom:0.0563em;}
.common-header-01 .text-items-01 .text-items-inner .en-01 * { line-height:1; color:rgba(141,115,93,
.15);}
.common-header-01 .text-items-01 .text-items-inner .jp-01 { width:calc(100% - .1em); margin-left:auto; letter-spacing:.02em; color:var(--color-gold-01);}
.common-header-01>figure { position:relative; width:calc(140px + 50%); overflow:hidden; border-radius:1.25em 0 0 1.25em;}
.common-header-02 .en-01,
.common-header-02 .jp-01 { width:100%; display:block; color:var(--color-gold-01);}
.common-header-02 .en-01 { letter-spacing:.02em; line-height:.9; margin-bottom:0.35em;}
.common-header-02 .jp-01 { letter-spacing:.02em;}
.common-header-02 .jp-01::after { position:relative; transform:scaleY(0.5) translateY(-0.7083em); content:""; display:inline-block; background-color:var(--color-gold-01); height:2px; width:1.6667em;}
.common-header-03 { width:100%; line-height:1.4; padding-top:210px; margin-top:6.25em;}
.common-header-03 .item-01 { display:flex; flex-direction:column; align-items:center; text-align:center; color:var(--color-gold-01); line-height:1.4;}
.common-header-03 .item-01::after { transform:translateY(-50%) scaleY(0.5); content:""; display:block; background-color:var(--color-gold-01); width:0.8333em; height:2px; margin-top:0.5833em;}
.common-news-items-01 .news { width:100%; position:relative; line-height:1.7;}
.common-news-items-01 .news * { line-height:1.7;}
.common-news-items-01 .news::before,
.common-news-items-01 .news::after { position:absolute; left:0; width:100%; height:1px; background-color:#d1d1d1; display:block;}
.common-news-items-01 .news::before { content:""; top:0; transform:translateY(-50%) scaleY(0.5);}
.common-news-items-01 .news a { padding-top:1.375em; padding-bottom:1.4375em; width:100%; display:flex; justify-content:space-between; background-color:rgba(141,115,93,0); transition:background-color 400ms;}
.common-news-items-01 .news a:active { background-color:rgba(141,115,93,
.05);}
.common-news-items-01 .news time { margin-left:0.9375em; letter-spacing:.02em;}
.common-news-items-01 .news strong { width:calc(100% - 0.3125em - 10.3125em); margin-right:0.3125em; display:block; letter-spacing:.02em;}
.common-news-items-01 .news:last-of-type::after { content:""; bottom:0; transform:translateY(50%) scaleY(0.5);}

@media (min-width:768.1px) {
.header-menu .mein-nav { transition:transform 0ms !important;}
.header-menu .menu-items-01>li>a strong::before,
.header-menu .menu-items-01>li>button:not(.sub-menu-button) strong::before,
.header-menu .menu-items-01>li>.sub-menu-button>a strong::before,
.header-menu .menu-items-01>li>.sub-menu-button>button strong::before { content:""; display:block; background-color:var(--text-base-color); height:.5px; position:absolute; right:0; left:auto; top:calc(100% + .1em); transition:width 600ms; width:0; animation-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}
.header-menu .menu-items-01>li>a:active strong::before,
.header-menu .menu-items-01>li>button:not(.sub-menu-button):active strong::before,
.header-menu .menu-items-01>li>.sub-menu-button>a:active strong::before,
.header-menu .menu-items-01>li>.sub-menu-button>button:active strong::before { width:100%; right:auto; left:0;}
.header-menu .menu-items-01>li>a.open strong::before,
.header-menu .menu-items-01>li>button:not(.sub-menu-button).open strong::before,
.header-menu .menu-items-01>li>.sub-menu-button>a.open strong::before,
.header-menu .menu-items-01>li>.sub-menu-button>button.open strong::before { width:100%; right:auto; left:0;}
body.sp .header-menu .menu-items-01>li>.sub-menu-button [data-submenu]:not(.open)+.sub-menu-01 { height:0 !important;}
.header-menu .sub-menu-01 { background-color:#fff; overflow:hidden; position:absolute; top:calc(100% - 1em); left:50%; transform:translateX(-50%); box-shadow:0 1px 5px rgba(51,51,51,
.1);}
.header-menu .sub-menu-01 li a { transition:background-color 400ms;}
.header-menu .sub-menu-01 li a:active { background-color:rgb(249.5,248.5,247.5);}
.header-menu .sub-menu-01 li:nth-of-type(n+2) a::before { content:""; display:block; background-color:rgb(230.55,229.8,229.35); width:calc(100% - 1em); height:2px; left:.5em; top:0; position:absolute; transform:translateY(-50%) scaleY(0.5);}
.header-menu .other-link-01 a { background-color:var(--text-base-color); width:8.75em; height:1.875em; border-radius:1.875em;}
.header-menu .other-link-01 a:active { background-color:rgb(116.45,112.2,109.65);}
.drawer-menu { visibility:hidden;}
.common-button-01 a svg.sp { display:none;}
.common-button-02 svg.sp { display:none;}
}

@media (hover:hover) and (pointer:fine) and (min-width:768.1px) {
.header-menu .menu-items-01>li>a:hover strong::before,
.header-menu .menu-items-01>li>button:not(.sub-menu-button):hover strong::before,
.header-menu .menu-items-01>li>.sub-menu-button>a:hover strong::before,
.header-menu .menu-items-01>li>.sub-menu-button>button:hover strong::before { width:100%; right:auto; left:0;}
.header-menu .menu-items-01>li>.sub-menu-button:not(:hover) .sub-menu-01 { height:0 !important;}
.header-menu .sub-menu-01 li a:hover { background-color:rgb(249.5,248.5,247.5);}
.header-menu .other-link-01 a:hover { background-color:rgb(116.45,112.2,109.65);}
}

@media (max-width:1400px) {
main { padding-bottom:14.2857%;}
.hide-w1400 { display:none;}
.display-w1400 { display:block;}
.display-w1400-s { display:block;}
header .header-logo-mbg-01 { left:calc(6.3571% - (1400px - (100vw - var(--sw)))*.03); margin-top:3.0714%;}
footer { padding-top:5.7143%; padding-bottom:6.5%;}
footer .footer-items { width:90%; max-width:calc(1400px - var(--sw) - 320px);}
footer .header-logo-mbg-01 { width:24.537%;}
footer .address { margin-left:7.4074%;}
footer .others { padding-bottom:.1851851852%;}
.header-menu { width:65.4286%; right:5.7143%;}
.header-menu .other-link-01 { margin-left:4.3668%;}
.common-header-01 { height:35.7143vw;}
.common-header-01>figure { width:60%;}
.common-header-03 { padding-top:15%;}
}

@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;}
}

@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;}
.common-header-02 .jp-01::after { transform:scaleY(0.4) translateY(-0.75em);}
}

@media (max-width:940px) {
.hide-w940 { display:none;}
.display-w940 { display:block;}
.display-w940-s { display:block;}
footer .address { margin-left:5.1852%;}
}

@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;}
.header-menu .sub-menu-01 li a strong { top:.03em;}
}

@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;}
}

@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;}
footer .address { margin-left:3.7037%;}
}

@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 { padding-bottom:20.8333%;}
.hide-w768 { display:none;}
.display-w768 { display:block;}
.display-w768-s { display:block;}
header { height:0;}
header .header-logo-mbg-01 { margin-top:4.8177%; left:5.2083%; width:13.5em;}
footer { padding-top:10.4167%; padding-bottom:9.1146%;}
footer .footer-items { width:100%; flex-direction:column;}
footer .header-logo-mbg-01 { margin-right:auto; margin-left:auto; width:42.1875%;}
footer .address { display:none;}
footer .others { width:100%;}
footer .others .links { display:none;}
footer .others .copyright { margin-top:1.5em; text-align:center;}
.header-menu { width:0; overflow:hidden; height:100vh; right:0; background-color:#fff; align-items:stretch;}
body.sp .header-menu { height:100dvh;}
.header-menu:not(.set) { transition:width 0ms !important;}
.header-menu.open { width:20.8333em;}
.header-menu .mein-nav { width:20.8333em; height:100%; flex-direction:column; justify-content:flex-start; transform:translateX(20%); overflow:scroll; -ms-overflow-style:none; scrollbar-width:none;}
.header-menu .mein-nav::-webkit-scrollbar { display:none;}
.header-menu.open .mein-nav { transform:translateX(0);}
.header-menu .menu-items-01 { width:68%; padding-top:28%; margin-top:0; margin-right:auto; margin-left:auto; flex-direction:column;}
.header-menu .menu-items-01>li { width:100%; position:relative;}
.header-menu .menu-items-01>li::before { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#d1d1d1; display:block; transform:translateY(50%) scaleY(0.5);}
.header-menu .menu-items-01>li:first-of-type::before,
.header-menu .menu-items-01>li:last-of-type::before { content:none;}
.header-menu .menu-items-01>li.logo { display:block;}
.header-menu .menu-items-01>li>a,
.header-menu .menu-items-01>li>button:not(.sub-menu-button),
.header-menu .menu-items-01>li>.sub-menu-button>a,
.header-menu .menu-items-01>li>.sub-menu-button>button { width:100%; padding-top:0.8438em; padding-right:0; padding-bottom:1.0313em; padding-left:0;}
.header-menu .menu-items-01>li>a strong,
.header-menu .menu-items-01>li>button:not(.sub-menu-button) strong,
.header-menu .menu-items-01>li>.sub-menu-button>a strong,
.header-menu .menu-items-01>li>.sub-menu-button>button strong { transition:opacity 400ms;}
.header-menu .menu-items-01>li>a:active strong,
.header-menu .menu-items-01>li>button:not(.sub-menu-button):active strong,
.header-menu .menu-items-01>li>.sub-menu-button>a:active strong,
.header-menu .menu-items-01>li>.sub-menu-button>button:active strong { opacity:.5;}
.header-menu .menu-items-01>li>button { text-align:left;}
.header-menu .menu-items-01>li>.sub-menu-button { flex-direction:column; width:100%; text-align:left;}
.header-menu .menu-items-01>li>.sub-menu-button::before { content:none;}
.header-menu .sub-menu-01 { width:100%; padding-bottom:0.6875em; margin-top:-0.625em;}
.header-menu .sub-menu-01 ul { padding-left:1.25em;}
.header-menu .sub-menu-01 li a { padding-top:0.2292em; padding-bottom:0.4375em;}
.header-menu .sub-menu-01 li a strong { transition:opacity 400ms;}
.header-menu .sub-menu-01 li a:active strong { opacity:.5;}
.header-menu .other-link-01 { width:68%; margin-top:4%; margin-right:auto; margin-left:auto;}
.header-menu .other-link-01 a { background-color:#fff; padding-right:0.8333em; border-width:1.4px; border-color:rgb(157.2,154.2,152.4); border-style:solid; width:100%; height:3.3333em; border-radius:3.3333em; transition:background-color 400ms,border-color 400ms;}
.header-menu .other-link-01 a strong { transition:color 400ms; color:var(--text-base-color); top:-0.1em;}
.header-menu .other-link-01 a:active { background-color:var(--text-base-color); border-color:var(--text-base-color);}
.header-menu .other-link-01 a:active strong { color:#fff;}
.header-menu .other-link-01 a:active polygon { fill:#fff;}
.header-menu .other-link-01 a svg { display:block;}
.header-menu .other-link-02 { display:block; padding-bottom:20%;}
.header-menu .other-link-02 a { background-size:100% .6px; transition:opacity 400ms;}
.header-menu .other-link-02 a:active { opacity:.6;}
.pagelink-anchor { height:0;}
body.sp .footer-sp-navigation-spacer { display:block;}
body.sp .footer-sp-navigation { visibility:visible;}
.common-button-01,
.common-button-02 { width:21.1667em;}
.common-button-01 a { border-color:rgb(157.2,154.2,152.4); border-width:1.4px; height:3.3333em; border-radius:3.3333em;}
.common-button-01 a strong { top:-0.05em;}
.common-button-01 a svg { top:1.1042em; width:1.875em; right:0.9583em;}
.common-button-01 a svg.pc { display:none;}
.common-button-01 a:not([disabled]):active { border-color:#5c5754;}
.common-button-02 { border-color:rgb(157.2,154.2,152.4); border-width:1.4px; height:3.3333em; border-radius:3.3333em;}
.common-button-02 strong { top:-0.05em;}
.common-button-02 svg { top:1.1042em; width:1.875em; right:0.9583em;}
.common-button-02 svg.pc { display:none;}
.common-button-02:not([disabled]):active { border-color:#5c5754;}
.common-header-01 { flex-direction:column; height:auto; margin-top:5em;}
.common-header-01 .text-items-01 { margin-top:-0.4621em; max-width:none; width:89.5833%; order:2;}
.common-header-01 .text-items-01 .text-items-inner { max-width:none; width:100%; padding-top:0;}
.common-header-01 .text-items-01 .text-items-inner .en-01 { margin-bottom:0.1034em; margin-bottom:0.0345em;}
.common-header-01>figure { order:1; margin-left:auto; aspect-ratio:69 / 41; width:89.5833%; border-radius:0.8333em 0 0 0.8333em;}
.common-header-02 .en-01 { margin-bottom:0.3448em;}
.common-header-02 .jp-01::after { width:1.7778em;}
.common-header-03 { margin-top:5em; padding-top:21.6146%;}
.common-header-03 .item-01::after { width:1.0323em; margin-top:0.6774em;}
.common-news-items-01 .news { line-height:1.75;}
.common-news-items-01 .news * { line-height:1.75;}
.common-news-items-01 .news a { padding-top:1.0417em; padding-bottom:1.125em; flex-direction:column; justify-content:flex-start;}
.common-news-items-01 .news time { width:calc(100% - 0.6667em); margin-left:auto;}
.common-news-items-01 .news strong { width:calc(100% - 0.8333em); margin-top:.4934210526%; margin-left:auto;}
}

@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>button:not(.sub-menu-button):hover strong,
.header-menu .menu-items-01>li>.sub-menu-button>a:hover strong,
.header-menu .menu-items-01>li>.sub-menu-button>button:hover strong { opacity:.5;}
.header-menu .sub-menu-01 li a:hover strong { opacity:.5;}
.header-menu .other-link-01 a:hover { background-color:var(--text-base-color); border-color:var(--text-base-color);}
.header-menu .other-link-01 a:hover strong { color:#fff;}
.header-menu .other-link-01 a:hover polygon { fill:#fff;}
.header-menu .other-link-02 a:hover { opacity:.6;}
.common-button-01 a:not([disabled]):hover { border-color:#5c5754;}
.common-button-02:not([disabled]):hover { border-color:#5c5754;}
}

@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;}
.header-menu .other-link-01 a { border-color:rgb(173.5,171,169.5);}
.common-button-01 a { border-color:rgb(173.5,171,169.5);}
.common-button-02 { border-color:rgb(173.5,171,169.5);}
}

@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;}
.header-menu .other-link-01 a strong { top:-0.05em;}
}

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

@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;}
.header-menu .other-link-01 a { border-color:rgb(189.8,187.8,186.6);}
.common-button-01 a { border-color:rgb(189.8,187.8,186.6);}
.common-button-02 { border-color:rgb(189.8,187.8,186.6);}
}

@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;}
}

@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;}
}

@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;}
}

@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) {
footer .others .copyright { font-size:10px;}
.header-menu .other-link-02 { font-size:10px;}
body,
.header-menu .sub-menu-01 li,
.header-menu .other-link-01,
.common-button-01,
.common-button-02,
.common-news-items-01 { font-size:11px;}
header,header .header-logo-mbg-01,
.pagelink-anchor,
.footer-sp-navigation-spacer,
.footer-sp-navigation,
.drawer-menu,
.common-header-01,
.common-header-01>figure,
.common-header-03 { font-size:14px;}
.common-header-01 .text-items-01 .text-items-inner .jp-01 { font-size:27px;}
.header-menu .menu-items-01 { font-size:13px;}
.common-header-02 .jp-01 { font-size:15px;}
.common-header-02 .en-01 { font-size:24px;}
.common-header-03 .item-01 { font-size:26px;}
.common-header-01 .text-items-01 { font-size:60px;}
.hide-w320 { display:none;}
.display-w320 { display:block;}
.display-w320-s { display:block;}
}

@media (min-width:768.1px) and (max-width:1378px) {
footer .others .copyright { font-size:calc(8px + (1vw - 7.68px) * .3279);}
footer .address .item-02,footer .others .links { font-size:calc(10px + (1vw - 7.68px) * .6557);}
body,
.header-menu .menu-items-01,
.header-menu .other-link-01,
.common-button-01,
.common-news-items-01 { font-size:calc(11px + (1vw - 7.68px) * .8197);}
.common-button-02 { font-size:calc(12px + (1vw - 7.68px) * .6557);}
.common-header-02 .jp-01 { font-size:calc(15px + (1vw - 7.68px) * 1.4754);}
header .header-logo-mbg-01 { font-size:calc(19px + (1vw - 7.68px) * 1.8033);}
.common-header-02 .en-01 { font-size:calc(26px + (1vw - 7.68px) * 2.2951);}
.common-header-01>figure { font-size:calc(9px + (1vw - 7.68px) * 1.1475);}
footer .address .item-01 { font-size:calc(13px + (1vw - 7.68px) * 1.8033);}
.common-header-01 .text-items-01 .text-items-inner .jp-01,
.common-header-03 .item-01 { font-size:calc(27px + (1vw - 7.68px) * 3.4426);}
.common-header-01 .text-items-01 { font-size:calc(89px + (1vw - 7.68px) * 11.6393);}
}

@media (min-width:320.1px) and (max-width:768px) {
footer .others .copyright { font-size:calc(10px + (1vw - 3.2px) * 1.3393);}
.header-menu .other-link-02 { font-size:calc(10px + (1vw - 3.2px) * 2.2321);}
body,
.header-menu .sub-menu-01 li,
.header-menu .other-link-01,
.common-button-01,
.common-button-02,
.common-news-items-01 { font-size:calc(11px + (1vw - 3.2px) * 2.9018);}
header,header .header-logo-mbg-01,
.pagelink-anchor,
.footer-sp-navigation-spacer,
.footer-sp-navigation,
.drawer-menu,
.common-header-01,
.common-header-01>figure,
.common-header-03 { font-size:calc(14px + (1vw - 3.2px) * 2.2321);}
.common-header-01 .text-items-01 .text-items-inner .jp-01 { font-size:calc(27px + (1vw - 3.2px) * 7.8125);}
.header-menu .menu-items-01 { font-size:calc(13px + (1vw - 3.2px) * 4.2411);}
.common-header-02 .jp-01 { font-size:calc(15px + (1vw - 3.2px) * 4.6875);}
.common-header-02 .en-01 { font-size:calc(24px + (1vw - 3.2px) * 7.5893);}
.common-header-03 .item-01 { font-size:calc(26px + (1vw - 3.2px) * 8.0357);}
.common-header-01 .text-items-01 { font-size:calc(60px + (1vw - 3.2px) * 18.9732);}
}

@media (hover:hover) and (pointer:fine) {
footer .header-logo-mbg-01 a:hover img { opacity:.5;}
footer .others .links a:hover { opacity:.6;}
.header-menu .menu-items-01>li .header-logo-mbg-01 a:hover img { opacity:.5;}
.header-menu .menu-items-01>li>.sub-menu-button:hover>a strong::before { width:100%; right:auto; left:0;}
.footer-sp-navigation .link a:hover { background-color:rgb(108.3,103.8,101.1);}
.drawer-menu .drawer-menu-button:hover p span::before { background-color:rgb(157.2,154.2,152.4);}
.common-button-01 a:not([disabled]):hover { background-color:#5c5754;}
.common-button-01 a:not([disabled]):hover strong { color:#fff;}
.common-button-01 a:not([disabled]):hover polygon { fill:#fff;}
.common-button-02:not([disabled]):hover { background-color:#5c5754;}
.common-button-02:not([disabled]):hover strong { color:#fff;}
.common-button-02:not([disabled]):hover polygon { fill:#fff;}
.common-news-items-01 .news a:hover { background-color:rgba(141,115,93,
.05);}
}