@charset "utf-8";
.Horizontal-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
ul.note01,ul.note02,ul.noteEYE01{list-style-type:none;color:#5b637a}
.note01{text-align:left!important;color:#5b637a}
.note02{text-align:right!important;color:#5b637a}
.value01{text-align:center!important}
.value02{text-align:right!important}
.value02.noteK{padding:0}
.iconR{display:flex;justify-content:flex-end;box-sizing:border-box}
h1+p img{margin:auto;display:block}
/*DL*/
.dl_long,.dl_mid,.dl_short,.dl_ss{display:grid;grid-template-columns:[key]max-content [value]1fr;margin-top:.5em}
.dl_long dt,.dl_mid dt,.dl_short dt,.dl_ss dt{grid-column:key;margin-bottom:.5em}
.dl_long dd,.dl_mid dd,.dl_short dd,.dl_ss dd{grid-column:value;display:list-item;list-style:"：";margin:0 0 .5em 1em;padding-left:.5em}
@media(max-width:600px){
.dl_long,.dl_mid,.dl_short,.dl_ss{display:block}
}
h2+div .dl_mid,h2+div .dl_ss,h3+div .dl_mid,h3+dl.dl_ss,ul.tag+dl.dl_ss{margin-top:1em}
/*EoDL*/
/*faq*/
.faq_a:before,.faq_q:before{font-weight:700;font-size:4rem}
.hideDate dt,.hideDate dt time{display:none}
dl.infoList.hideDate div{grid-template-columns:0 1fr}
.faq_q{margin:100px 0 0;background:#f1f1f1;border-bottom:1px solid #79bcdc;font-size:2rem}
.faq_q p{padding:20px 10px 10px 60px;min-height:2em}
.faq_q:before{content:"Q";color:#79bcdc;position:absolute;padding:0 5px}
.faq_a{margin:100px 0;font-size:1.6rem}
.faq_a:before{content:"A";color:#036;padding:0 8px;display:block;border-bottom:1px solid #036;line-height:2.6rem}
.faq_a .noteK{font-size:1rem}
/*Eofaq*/
.inq1606ex h3{border-bottom:1px solid #999;line-height:1.5}
.inq1606ex h3::before{display:none}
.AcBwM1{background:#fff;padding-top:10px;padding-bottom:10px}
@media(min-width:660px){
.AcBwM1 img{display:block;margin:auto;max-width:660px}
}
.conFrame h2+ul{margin:0}
p.infoDate+div.parallelR,p.infoDate+div.roundR{margin-top:0}
div.block_note p{margin:50px 0 0}
div.block_note ul{margin:0 0 50px}
/*bn1link*/
.bn1link,.bn1link a .button{box-sizing:border-box}
.bn1link a{background:none}
.bn1link a .button{align-items:center;background-color:#f6f6f6;background-image:none;display:inline-flex;font-weight:700;padding:calc(28px - .9em) 30px;position:relative}
.bn1link a .button::before{box-shadow:-8px -8px 16px #fff,8px 8px 8px rgba(11,24,61,.24);box-sizing:border-box;border-radius:28px;content:"";display:block;height:56px;left:0;position:absolute;top:0;transition:.7s;width:56px}
.bn1link a .button::after{border-color:#5b637a;border-style:solid;border-width:0 2px 1px 0;border-radius:1px;content:"";display:block;height:5px;left:calc(100% - 15px);margin-right:-44px;position:absolute;top:23px;transform:skew(56deg,0);transition:width .7s;width:14px}
.bn1link a ul li.pdf::after{content:'';background:url(/assets/img/list_pdf_black_ic01.svg) center center no-repeat;margin:0 10px;display:inline-block;min-height:20px;width:20px;vertical-align:middle}
@media(hover){
.bn1link a:active .button::before,.bn1link a:hover .button::before{height:100%;width:100%}
.bn1link a:active .button::after,.bn1link a:hover .button::after{width:24px}
.bn1link a:hover ul li span{background-position:bottom right;background-size:0 1px}
}
.topic2{border:2px solid #c00;border-radius:30px;padding:10px 30px 30px}
.topic2 h3{margin:0;color:#c00}
.topic2 h3+p{margin:0}
/*bn1link*/
/*sports*/
#container :is(#spsStep2,#spsStep3) li h3,h1+.cssReset.spsContent{margin-top:0}
/*sports*/



/*legacy*/
h4.styleEYE09+table{overflow-x:auto;-webkit-overflow-scrolling:touch;display:block}
@media(min-width:801px){
.clearFix{display:inline-table;min-height:1%}
.clearFix:after{display:block;clear:both;visibility:hidden;height:0;content:"."}
.cont01,.imgBox01{float:right;margin:0 0 30px 30px}
}
@media(max-width:800px){
.cont01,.imgBox01{text-align:center}
.cont01 p,.imgBox01 p{margin:auto}
}
.cont01 p,.imgBox01 p{max-width:100%;width:max-content!important}
.cont01 img,.imgBox01 img{max-width:100%;width:max-content}
/*legacy*/
/*lighting/support/products/*/
div#pageTop header{max-width:100%;box-sizing:border-box}
section#search a{background:none}
#itemControl ul,#itemControl ul li,#itemDetails #itemDetail div h3,#itemDetail div h4+dl,#itemDetail li,#itemDetail ul,#itemDetails h2,section#search ul li,section#searchResult h2{margin:0}
section#searchResult h3 a,section#searchSuggest h2 a{background:none;text-decoration:underline}
section#searchResult h3 a:hover,section#searchSuggest h2 a:hover{opacity:.7}
section#searchResult .listItemSpec img{padding:0}
section#searchResult .contChk{margin-bottom:10px}
section#searchResult .listItemCate{margin:0;padding-left:1.3em}
#itemDetail div h4::after{background-image:none;margin:0 10px 0 0}
#itemDetails h2 strong{color:#000}
#itemDetail .variation h5::before{display:none}
#itemDetail .variation h5{margin:0;padding:0 0 0 1em;font-size:.815rem}
#itemDetail .variation{background:#f0f0f0;margin:0 0 1em}
#itemDetail div h3+dl,#itemDetail div h3+table{margin:20px 0}
#itemDetail div h4{margin:1em 0 5px}
#itemDetails article{background-color:#f6f6f6}
#itemSpec>p:first-child{background:#fff}
#itemControl ul li label{font-size:.75rem}
@media(max-width:960px){
#itemDetail .variation{flex-wrap:wrap}
}
@media(max-width:750px){
#itemControl .contChk li:nth-child(n+2){width:25%}
}
@media(max-width:600px){
#itemSpec>p:first-child{margin-top:10px}
}
.dbhelp{display:flex;justify-content:flex-end;gap:1rem;box-sizing:border-box;margin:0 0 2rem;padding:0 5.5vw}
@media(min-width:769px){
.dbhelp{margin-left:120px;max-width:1315px}
}
@media(min-width:1520px){
.dbhelp{padding:0;margin-inline:calc((100% - 1180px)/ 2)}
}
#pagetop .sitemap h2{border:none;padding:0}
#itemDetails .important a{background:none}
#itemDetails .alert+.alert.large{margin-top:15px}
#listBody .listItemName h3{margin-top:0}
#listBody .listItemName h3+p{margin-top:0}
#itemDetails #itemControl{padding:0}
#itemControl li:not(:has(input)) label{opacity:.2}
/*lighting/support/products/*/
/*projects/examples/*/
#fullIndex,#fullIndex #examContent{width:100%}
#fullIndex{max-width:1200px;margin-top:0}
#examLink a::before,#fullIndex #examContent #examEquipment h4::after,#fullIndex #examContent aside #lampSelect,#fullIndex #examContent h2::after,#fullIndex #examContent h3.monthOpener::before,#fullIndex #examContent ul li div.caseImgCont ul,#overviewText dl:not(:has(dt)),#overviewText h3:first-of-type{display:none}
#fullIndex #examContent h2.newIcon::after,#fullIndex #examContent ul li div.caseImgCont img{display:block}
#fullIndex #examContent #examEquipment h4,#fullIndex #examContent h3{font-size:1rem}
#fullIndex #examContent h3 a{background:none}
#fullIndex #examContent div.monthBox ul,#fullIndex.catBottom #examContent div ul{min-width:100%}
#fullIndex #examContent div.monthBox ul li,#fullIndex.catBottom #examContent div ul li{margin-bottom:10px}
#fullIndex #examContent div.monthBox ul li:nth-of-type(6n),#fullIndex.catBottom #examContent div ul li:nth-of-type(6n){padding-right:12px}
#fullIndex #examContent ul.caseList li,#fullIndex h1::before{margin-bottom:0}
#fullIndex #examContent ul.caseList li a div.caseTxtCont p{margin:0}
#fullIndex #examContent aside #sortSelect li{border:1px solid #f6f6f6;margin:0}
#fullIndex #examContent .examLighting{border-right-color:#f6f6f6}
:lang(ja) #fullIndex h1,:lang(ja) #fullIndex h2,:lang(ja) #fullIndex h3,:lang(ja) #fullIndex h4{font-family:YuGothic,'Yu Gothic Medium','Hiragino Sans',Meiryo,sans-serif}
@media(min-width:981px){
.examCategory .examLighting>div>div,.examCategory .examOptics>div{width:min(26.35vw,318px)}
.examCategory .examCatList h3 a{width:14.2em}
}
@media(max-width:980px){
#examNav>a{display:none}
}
@media(max-width:600px){
#examMapControl.close *{display:none}
#examMapControl.close a.forSPhone{display:block}
#examMapControl.close{max-width:0;border:none;background:none}
}
@media (981px <= width <= 1039px){
#examOverview #overviewText{width:28vw}
}
#examContent header h2.newIcon{padding-left:50px}
#examContent header h2.newIcon:after{left:-15px;top:0}
@media(min-width:1070px){
#overviewText{margin:0 0 0 30px}
}
#overviewText dl{margin:0 0 5px}
#overviewText dt:first-child{border-top:none;margin:0}
#overviewPhoto .table-cell span{width:max-content;margin:auto;width:fit-content;}
@media(max-width:950px){
#overviewPhoto .table-cell span{width:auto}
#overviewPhoto .table-cell span::after{display:none}
}
#container:has(#fullIndex){margin-top:30px}
#overviewText .mapLink a{transition:.7s}
#fullIndex h1{font-size:clamp(22px,2.86vw,28px)}
#examContent p.toHead::before,#examContent p.toHead a,#overviewText h4:after,#overviewText p:empty{display:none}
.catBottom #examContent p.toHead{border:none}
#overviewText dd:has(h4){display:grid;grid-template-columns:max-content 1fr}
#overviewText h4{font-size:1rem;font-weight:500}
#overviewText dd:has(h4) p{margin:5px 0 0 1em;display:list-item;list-style-type:":";padding-left:5px}
#overviewText>h4{float:left;margin:0 1em 0 0}
#overviewText>h4+p{display:list-item;list-style-type:":";margin:0;padding-left:5px}
#overviewText>h4+p::after{content:"";display:block;clear:both}
#examOverview  p:has(+h3:last-of-type){border-bottom:2px solid #eee;margin-bottom:.4em}
#examLink li::before{display:none;}
#examContent #examLink a{display:inline;padding:0}
#examLink li{padding:20px 0}
@media(min-width:601px){
#examLink{padding-left:10px}
}
@media(min-width:981px){
#examLink{padding-left:0}
}
#overviewText dl:has(+.mapLink){border-bottom:none}
#examContent:has(.yearBox){margin-top:30px}
#examContent .yearBox h2.yearOpener{margin:0}
#examContent .caseList .caseTxtCont h2,#examEquipment :is(h3+ul,ul H4,h4+p){margin-top:0}
#examEquipment ul li{margin-bottom:20px}
#examContent>div>ul>li>a>p>span{color:#069}
#overviewText dl h4{margin-top:5px}
/*projects/examples/*/

/*common all text link*/
.bn1link a ul li span,
.allTxLink a ul li,
#spsIndexDramatization ul li.icon a,
#examComment p a,
#examContent footer a,
#examEquipment a,
#examLink li a,
#overviewText dd a,
.conFrame a .icon li
{background:linear-gradient(#0b183d,#0b183d) bottom left/100% 1px no-repeat;transition:background-size .7s}
.allTxLink a ul li{list-style:none;display:inline}
#spsIndexDramatization ul li.icon a{background-image:linear-gradient(#FFF,#FFF)}
.conFrame a .icon li{display:inline-block;text-indent:-1em;margin-top:0;margin-left:1em;line-height:1.3}
#examComment p a,#examContent footer a,#examEquipment a,#examLink li a,#overviewText dd a{background-image:linear-gradient(#03c,#03c);color:#03c}
@media(hover){
.bn1link a:hover ul li span,
.allTxLink a:hover ul li,
#spsIndexDramatization ul li.icon a:hover,
#examComment p a:hover,
#examEquipment a:hover,
#examLink li a:hover,
#overviewText dd a:hover,
.conFrame a:hover .icon li
{background-position:bottom right;background-size:0 1px}
#examComment p a:hover,#examContent footer a:hover,#examEquipment a:hover,#examLink li a:hover,#overviewText dd a:hover{opacity:.7}
}
/*common all text link*/
/*allTxLink*/
.allTxLink:has(a[target]) ul{margin:0 40px 0 0}
.allTxLink a ul li::before{content:"";background:url(/assets/img/btn_arrow_right_gray_ic02.svg)no-repeat left top;margin-left:-1.4em;padding-left:1.4em;background-size:1.2em auto}
.allTxLink a ul li::after{display:inline-block;content:"";min-height:20px;vertical-align:middle;width:20px;margin:0 -35px 0 10px}
.allTxLink a[target] ul li::after{background:url(/assets/img/list_external-link_black_ic01.svg) center center no-repeat}
.allTxLink:has(a[href*=".pdf"]) ul li::after{background:url(/assets/img/list_pdf_black_ic01.svg) center center no-repeat}
/*allTxLink*/

/*bigfontfix*/
.to_upper_dir a::after{aspect-ratio:1/1}
/*linkProjects*/
.linkProjects{max-width:1200px;gap:30px;justify-content:flex-start}
.linkProjects li{width:calc((100% - 90px)/ 4)}
@media(min-width:769px){
.linkProjects dt span{font-size:18px}
.linkProjects dt{margin-top:.5em}
.linkProjects{margin-top:0}
.inq1606ex :is(h2,.linkProjects)+h3{margin-top:1.5em}
.inq1606ex .linkProjects+p.button{margin-top:50px}
}
@media(max-width:768px){
.linkProjects li{width:calc((100% - 30px)/ 2)}
}
/*linkProjects*/
/*Adjust cate nav*/
#lNavBtn{padding-left:98%}
#lNav #lNavBtn::after{margin-right:20px}
#lNav #lNavBtn::before{margin-right:30px}
#lNav p a{pointer-events:none}
/*Adjust cate nav*/
/*common inq*/
#inq_01.conFrame{border:none}
/*common inq*/
/*Download Optical*/
.dl_opt h2,.dl_opt h3{font-size:1.6rem}
.dl_opt{max-width:1200px}
@media(min-width:601px){
.dl_opt>div{display:grid}
.dl_opt>div>div{margin:10px 20px 0 0;grid-column:1;grid-row:2/6}
}
@media(max-width:600px){
.dl_opt h2{border-bottom:2px solid #0b183d}
.dl_opt img{display:block;margin:20px auto;max-width:180px}
}
.dl_opt>div{grid-template-columns:200px 1fr;max-width:800px;margin:20px auto;border:2px solid #cdf;background:#eef;padding:10px 20px 20px}
.dl_opt h2{margin:0;grid-column:1/3}
.dl_opt h3,.dl_opt p{margin:10px 0;grid-column:2}
.dl_opt .pr_link,.dl_opt h2::after,.dl_opt h3::before,.dl_optCv .noteK,.dl_optCv h2{display:none}
.dl_opt p a{max-width:11em;display:block;background:#f71;border:1px solid #f71;border-radius:5px;color:#fff;padding:8px 0;text-align:center;margin:0 auto}
.dl_opt p a:hover{opacity:.7}
.dl_optCv .dl_opt>div>div{grid-row:1/5}
@media(min-width:901px){
.dl_optCv{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:20px}
.dl_optCv>div{width:calc(50% - 10px);border:2px solid #cdf;background:#eef;padding:10px 20px 20px;box-sizing:border-box}
.dl_optCv>div>div{border:none;padding:0;margin-top:0}
}
.dl_optCv .dl_opt .pr_link{display:flex;justify-content:flex-end;margin:0;padding:0;background:none;border:none}
.dl_optCv .dl_opt .pr_link ul{margin:0 20px 10px;padding:0}
.dl_optCv .dl_opt .pr_link ul::before{content:"詳細情報";margin-left:-1em}
.dl_optCv .dl_opt .pr_link ul li{margin:0;padding:0}
.dl_optCv .dl_opt>div{margin:0 0 20px}
/*Download Optical*/
/*explanation*/
.explanation{margin:calc(30px - .4em) 0 -.4em;position:absolute;right:clamp(20px,5.2vw,40px)}
@media (min-width:1280px){
.explanation{right:calc(50% - 600px)}
}
.explanation summary{cursor:pointer;display:block;text-align:right}
.explanation summary::-webkit-details-marker{display:none}
.explanation summary span{margin-left:10px;display:inline-block;line-height:1}
.explanation summary span img{margin-bottom:-3px;width:20px;height:20px}
.explanation div{margin-top:10px;padding:1.25em;border:1px solid #5b637a;border-radius:.5em;position:relative;background:#f6f6f6;z-index:900}
.explanation div::before{content:"";display:block;width:12px;height:12px;position:absolute;right:1em;top:-7px;border-top:1px solid #5b637a;border-left:1px solid #5b637a;background:#f6f6f6;transform:rotate(45deg)}
.explanation details p,.explanation details ul{width:fit-content}
.explanation details ul{margin:0;padding:0;list-style:none!important}
.explanation details p{margin:calc(20px - .4em) 0 0}
.explanation details li:first-child{margin-top:0}
.explanation+.pageNav{margin-top:clamp(50px,7.8125vw,60px)}
@media (max-width:768px){
.explanation+.sizeM>figure:first-child{margin-top:clamp(60px,10.4vw,80px)}
}
/*explanation*/
/*1linkwidth*/
div.link1lineup,div.link1lineup+.navright,div.link1lineup+.note02,div.link1lineup+.note02+.navright{max-width:1200px}
div.link1lineup .wm-border{padding:10px}
div.link1lineup .wm-border .spec{width:100%;box-sizing:border-box;word-break:break-all}
@media (width <= 950px){
div.link1lineup .wm-border .spec th{white-space:normal;width:45%}
}
@media (max-width:768px){div.link1lineup>div>a>span.p05{height:min(21vw,161px)}}
@media (min-width:769px){div.link1lineup>div>a>span.p05{height:min(8.09vw,161px)}}

/*1linkwidth*/
/*pcbtemp*/
.pcbSubContainer .question h2:after{display:none}
/*pcbtemp*/
/*Third layer main image*/
#third_mi{margin-top:-30px}
#third_mi+h1{margin-top:clamp(10px,1.3vw,30px)}
#container:has(#third_mi){margin-top:30px}
/*Third layer main image*/
/*shrink compress*/
article h1 span{font-size:90%;font-weight:500}
article{line-break:strict}
#container:not(:has(.category_head)){margin-top:30px}
#container :is(:not(.inputQ1_1, .dl_opt div, .nrnote div)>p:not(.noteK,.button),ul:not(.noteK,.ancor,.product_list,td ul,#inq_01 ul),figcaption,ol,dl:not(.carousel_images,.index_item,.infoList),div.vd_cover,h4,h5,h6),#container .lTalkHeader p span,#wrapInner #container article H2.lTalkQ{font-size:clamp(16px,2.08vw,18px)}
#container h1{font-size:clamp(22px,2.86vw,28px)}
#container h1 span{font-size:clamp(20px,2.6vw,24px);font-weight:500}
#container :not(#inq_01, .dl_opt div,.infoHead)>h2:not(.lTalkQ),#wrapInner #container .lTalkHeader p:has(span){font-size:clamp(20px,2.6vw,24px)}
#container :not(a, #input1 div)>h3,#container .conFrame:not(#inq_01) :is(h2,h3,h4,h5,h6):nth-child(1),.allTxLink h3{font-size:clamp(18px,2.34vw,20px)}
#container :is(h1,h3)::before{margin-bottom:0}
#container .conFrame :is(h2,h3,h4,h5,h6):nth-child(1)::before{margin-bottom:0;position:relative}
#container h2{margin-top:50px}
article h3:not(.bn1link h3,.link1lineup h3,.projects_list_info h3,#advancedSearch h3){margin:40px 0 0}
#container h4{margin:30px 0 0}
article :is(h5,h6){margin-top:30px}
#container .col4 .sep4 h5:nth-child(1){margin-top:0}
article :is(h2,h3,h4,h5,h6)+:is(p:not(.projects_list_place),ol,ul,dl,figure,.wm-border,table,.parallelR){margin-top:15px}
article .inputQ1_1 :is(h4,p){margin:9px 0;line-height:1.8}
.conFrame:not(#inq_01){padding-top:0}
h2+.bn1link a{margin-top:30px}
h3+.OpenImageLeft,article .fxb:has(h3){margin-top:40px}
.link1lineup+.vd_cover,h1+.OpenImageLeft,.dl_opt,:is(.parallelR,.parallelL):has(h2){margin-top:50px}
h3+.roundR,.OpenImageLeft p,#container :is(.topic2,.dl_opt,#inq_01,.conFrame,.parallelR,.parallelL,.fxb,.infoHead) :is(h2,h3,h4,h5,h6),article p:has(strong.underline)+.wm-border{margin-top:0}
article p:has(strong.underline):has(+.wm-border){margin:50px 0 10px}
:is(h2,h3,h4)+.linkProjects :is(li,p){margin-top:0}
.linkProjects+.button{margin-top:20px}
.conFrame .faqlist+.infoList.hideDate{border-top:none}
h1+p{margin-top:10px}
#home_container section.pickup{margin-bottom:-160px}
#wrapInner #container h2+h3{margin-top:30px}
#wrapInner #container :is(.prodData,.noteK)+h4{margin-top:30px}
h3+.parallelL{margin-top:20px}
/*Adjust diamond*/
#container h2:not(:is(.conFrame,.tabBox,.infoHead) h2,[data-en],.newIcon)::after,#container h3:not(.conFrame h3)::before{background-size:auto clamp(10px,2.755px + .943vw,12px)}
#container h1:not([data-en])::before{background-size:auto clamp(12px,4.755px + .943vw,14px)}
#container h2:not(.conFrame h2,.infoHead h2)::after{margin-left:clamp(12px,-2.491px + 1.887vw,16px);margin-top:clamp(11px,.132px + 1.415vw,14px)}
#container h4:not(.conFrame h4)::after{background-size:auto clamp(9px,5.377px + .472vw,10px);margin-left:clamp(8px,-4.491px + 1.887vw,12px);margin-top:clamp(6px,-4.868px + 1.415vw,9px)}
#container :is(h5:not(.conFrame h5),h6:not(.conFrame h6)){padding-left:clamp(34px,5.019px + 3.774vw,42px)}
#container :is(h5:not(.conFrame h5)::before,h6:not(.conFrame h6)::before){background-size:auto clamp(9px,5.377px + .472vw,10px);top:clamp(6px,-4.868px + 1.415vw,9px)}
#container h2[data-en]:not(.infoHead h2)::after{line-height:1}
/*Adjust diamond*/
/*shrink compress*/
@media print{#inq_01{display:none}}
.compImage img{max-height:300px}
article>p{box-sizing:border-box}
#container .lTalkHeader h2{margin-top:1em}
@media(max-width:768px){:is(.roundR,.roundL) figure{margin-bottom:30px}}
#container.mainArea .to_upper_dir{margin-bottom:0}