@charset "utf-8";
/* diecasting 2022
=================================================================== */
.mainSlider{height:375px; width:100%;}
.mainSlider .slide{min-height:375px; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center; padding:40px;}
.mainSlider .slide a{display:block; width:100%; height:100%;}

.mainSlider.freeHeight{height:auto; width:100%;}
.mainSlider .slide{background:none; padding:0;}
.mainSlider .slide img{width:100%; height:auto;}


nav.tileList{max-width:1180px; margin:0 auto; padding:60px 0;}
h2+nav.tileList,h3+nav.tileList{padding-top:30px;}/* 202309 add (builder) */
article.products section nav.tileList ul{margin-left:auto;}
nav.tileList ul{display:flex; justify-content:flex-start; flex-wrap:wrap;}
nav.tileList ul li,
#pageBody article.products nav.tileList ul li{width:calc((100% - 80px) / 4); margin:0 10px 30px; text-align:center; }

.bgIntro{text-align:center; padding:0 200px; background-position:center; background-repeat:no-repeat; height:400px; background-size:cover; display:flex; flex-direction:column; justify-content:center; color:#fff;}
.bgIntro h2{font-size:36px; font-weight:bold; max-width:1000px; margin:0 auto 18px;}
.bgIntro p{max-width:1000px; font-size:18px; font-weight:bold; margin:0 auto 30px;}
.bgIntro a.linkBtn{display:table; margin:0 auto; padding:12px 50px; text-align:center; background:#fff; border-radius:8px; color:#333; font-weight:bold; font-size:18px; text-decoration:none; position:relative; line-height:1.2; transition:all .3s ease;} 
.bgIntro a.linkBtn::after{content:'\f105'; width:20px; height:20px; position:absolute; right:20px; top:calc(50% - 10px); text-align:center; line-height:20px; font-family:rybicons; font-weight:normal;} 
.bgIntro a.linkBtn:hover{background:#333; color:#fff;}
.bgIntro.diecasting{background-image:url(/diecasting/images/bgEnv.jpg);}

main.projects div.mainVisual{display:block;}
main.projects div.mainVisual img{width:100%; height:auto; display:block;}

#pageBody article.products .leadCopy{text-align:center; max-width:1160px; margin:50px auto 0;}
#pageBody article.products .leadCopy p{font-size:18px; font-weight:bold;}
#pageBody article.products .leadCopy p.sub{font-size:16px; font-weight:normal;}
#pageBody article.products .leadCopy p:last-child{margin-bottom:0;}

article.products{max-width:1160px; margin:0 auto;}
article.products.fw{max-width:100%;}
article.products section{max-width:1160px; margin:0 auto; padding:60px 0;}
article.products section h2{text-align:center;}
article.products section h3{font-weight:bold; font-size:20px; margin-top:50px;}
article.products section p + h2{margin-top:50px;}

article.profile{padding:0 0 60px 0;}

article.products section ul,
article.products section ol{margin:0 0 30px 1.5em;}
article.products section ul li,
article.products section ol li{margin-bottom:.5em;}
article.products section ul li.etc{list-style:none;}
article.products section ul.duo,
article.products section ul.trio,
article.products section ul.quad{display:flex; justify-content:flex-start; flex-wrap:wrap;}
article.products section ul.duo li,
article.products section ul.trio li,
article.products section ul.quad li{margin:0 24px .5em 0;}
article.products section ul.duo li{width:calc(50% - 24px);}
article.products section ul.trio li{width:calc(33.33% - 24px);}
article.products section ul.quad li{width:calc(25% - 24px);}




article.products .fwImg img{display:block; width:100%; height:auto; margin:0 auto;}
article.products .fwImg.duo{display:flex; justify-content:space-between;}
article.products .fwImg.duo img{width:50%;}

article.products figure{margin:30px auto 50px;}
article.products figure.ctr{text-align:center;}
article.products figure figcaption{padding:10px; font-size:14px; font-weight:bold;}
article.products figure.movieContainer{margin:50px auto; width:100%; text-align:center;}
article.products figure.movieContainer.w720{width:720px;}
article.products .ytMovie{width:720px; margin:0 auto; padding:56.25% 0 0; height:0; position:relative;}
article.products .ytMovie iframe{width:100%; height:100%; position:absolute; left:0; top:0;}

article.products div.process{}
article.products div.process .item{margin-top:50px; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
article.products div.process .item h3{margin:0 0 10px; width:100%;}
article.products div.process .item .illust{width:280px;}
article.products div.process .item .content{width:calc(100% - 280px);}


#pageBody article.products ul.dlList{list-style:none; margin:26px 0 60px;}
#pageBody article.products ul.dlList li a{text-decoration:none;}
#pageBody article.products ul.dlList li a:hover{text-decoration:underline;}
#pageBody article.products ul.dlList li{padding-left:45px; font-size:24px; margin-bottom:26px; position:relative;}
#pageBody article.products ul.dlList li small{font-size:12px;}
#pageBody article.products ul.dlList li:before{content:"\e905"; font-family:rybicons; position:absolute; left:0px; top:0px; font-size:24px; color:#757575;}
#pageBody article.products ul.dlList li p{font-size:14px;}


article.products .imgGallery{position:relative; margin:50px auto; width:810px; padding:5px; background:#ccc;}
article.products section .imgGallery:last-child{margin-bottom:0;}
article.products .imgGallery .disp{width:800px; height:480px; position:relative; margin:0 auto;}
article.products .imgGallery .disp img{display:block; position:absolute; left:0; top:0; width:100%; height:auto;}
article.products .imgGallery .thumb{display:flex; justify-content:space-between; margin-bottom:5px;}
article.products .imgGallery .thumb figure{width:calc(25% - 5px); cursor:pointer; transition:opacity .3s ease; margin:0; background:#fff; text-align:center;}
article.products .imgGallery .thumb figure img{display:block; width:100%; height:auto;}
article.products .imgGallery .thumb figure:hover{opacity:.5;}
article.products .imgGallery .thumb figure figcaption{padding:5px;}

article.products div.aluminumFeatures{margin:40px auto; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:stretch; }
article.products div.aluminumFeatures div{width:calc(33.3333% - 20px); margin-bottom:30px; padding:25px; border:1px #ccc solid;}
article.products div.aluminumFeatures h3{text-align:center; margin:0;}
article.products div.aluminumFeatures h3 img{display:block; margin:10px auto; width:160px;}


article.products section.globalNetwork h3{margin-top:80px;}

article.products figure.network{position:relative; width:auto; margin:50px auto;}

article.products figure.network li{position:absolute; list-style:none;}
article.products figure.network li a{background:rgba(0,0,0,.5); color:#fff; display:block; border-radius:30px; text-decoration:none; font-weight:bold; padding:1px 20px; min-width:120px; text-align:center;}
article.products figure.network li.gb{left:10px; top:220px;}
article.products figure.network li.us{left:870px; top:290px;}
article.products figure.network li.jp{left:490px; top:300px;}
article.products figure.network li.th{left:380px; top:380px;}
article.products figure.network li.cn{left:360px; top:320px;}
article.products figure.network li.mx{left:890px; top:360px;}

article.products .base{margin-bottom:50px;}
article.products .base.photo{display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
article.products .base h3{width:100%}
article.products .base h4{margin-bottom:10px; font-weight:bold; width:100%;}
article.products .base.photo .img{width:460px; background:#f5f5f5; display:flex; justify-content:center; align-items:center;}
article.products .base.photo .img img{display:block; max-width:100%; height:auto;}
article.products .base.photo > p{width:100%;}
#pageBody article.products .base.photo table{width:calc(100% - 460px); margin-bottom:0;}
#pageBody article.products .base table th{width:130px;}
#pageBody article.products .base table td span a::before{content:'＋';}

table.glossary th{width:25%;}

#pageBody article.products div.highlight{background:#F9E6E7;border:1px #e61016 solid; padding:25px; margin:50px auto;}
#pageBody article.products section div.highlight:last-child{margin-bottom:0;}
#pageBody article.products section div.highlight:first-child{margin-top:-50px;}

#pageBody article.products div.highlight p:last-child{margin-bottom:0;}

#pageBody article.products a.btn{padding:10px 40px; display:inline-block; background:#000; color:#fff; text-decoration:none; font-weight:bold; min-width:240px; border-radius:10px;}
#pageBody article.products a.btn:hover{background:#666;}
#pageBody article.products a.btnR{padding:8px 38px; display:inline-block; background:#fff; color:#000; text-decoration:none; font-weight:bold; min-width:240px; border-radius:10px; border:1px #000 solid;}
#pageBody article.products a.btnR:hover{background:#000; color:#fff;}

#pageBody article.products ul.imgBtns{display:flex; justify-content:space-between; margin:0 auto 40px;}
#pageBody article.products ul.imgBtns li{width:50%; margin-bottom:20px; list-style:none;}
#pageBody article.products ul.imgBtns li a{display:flex; justify-content:center; align-items:center; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#eee; height:200px; font-size:24px; font-weight:bold; color:#fff; text-decoration:none; transition:opacity .3s ease; text-shadow:0 0 6px rgba(0,0,0,.6);}
#pageBody article.products ul.imgBtns li a:hover{opacity:.6;}
#pageBody article.products ul.imgBtns li a.ev{background-image:url("/diecasting/electric_vehicles/images/mainVisual.jpg");}
#pageBody article.products ul.imgBtns li a.sustainability{background-image:url("/diecasting/sustainability/images/mainVisual.jpg");}


.mc{display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;}
.mc + .mc{margin-top:50px;}
.mc .col img{max-width:100%; height:auto;}
.mc.duo .col{width:calc(50% - 15px); margin:0 30px 50px 0;}
.mc.duo figure.col{margin-top:30px; margin-bottom:30px;}
.mc.duo figure.col:nth-child(1),
.mc.duo figure.col:nth-child(2){margin-top:0;}
.mc.duo .col:nth-child(2n){margin-right:0;}
.mc.duo .col:nth-last-child(2),
.mc.duo .col:last-child{margin-bottom:0;}
.mc.trio .col{width:calc((100% - 60px) / 3); margin:0 30px 50px 0;}
.mc.trio figure.col{margin-top:30px; margin-bottom:30px;}
.mc.trio .col:nth-child(3n){margin-right:0;}
.mc.trio .col:nth-last-child(2),
.mc.trio .col:nth-last-child(3),
.mc.trio .col:last-child{margin-bottom:0;}
.mc.quad .col{width:calc((100% - 60px) / 4); margin:0 20px 50px 0;}
.mc.quad .col:nth-child(4n){margin-right:0;}
.mc.duo.oneByTwo .col:nth-child(odd){width:calc(33.3% - 15px);}
.mc.duo.oneByTwo .col:nth-child(even){width:calc(66.6% - 15px);}
.mc.duo.twoByOne .col:nth-child(odd){width:calc(66.6% - 15px);}
.mc.duo.twoByOne .col:nth-child(even){width:calc(33.3% - 15px);}
#pageBody article.products.builder .col table.regular:first-child{margin-top:0;}


/* 202309 add (builder) */
.caution{color:#E61016;}
article.products.builder{padding:0;}
article.products.builder section{padding:0 0 80px 0;}
article.products.builder img.fill{width:100%; height:auto;}
.mainVisual + article.products{padding-top:80px;}
#pageBody article.products.builder section div.highlight:first-child{margin-top:0;}
article.products.builder section h2{margin-top:0;}
article.products.builder section h2:not(:first-child){margin-top:60px;}
article.products.builder section > h3:first-child{margin-top:0;}
article.products.builder section h3 + p{margin-top:20px;}article.products h3 + figure.movieContainer{margin-top:20px;}
article.products.builder section h2 + h3{margin-top:20px;}
article.products.builder h3 + .mc{margin-top:20px;}
article.products.builder h4{margin:20px 0 10px; font-weight:bold;}
article.products section .col h3:first-child,
article.products section .col h4:first-child{margin-top:0;}
article.products.builder p.ind1{text-indent:-1em; padding-left:1em;}
article.products.builder table.regular{margin:40px 0;}
nav.tileList h2{text-align:center; font-size:24px; margin-bottom:30px;}
#pageBody header nav.subNav{margin-bottom:40px;}
#pageBody header nav.subNav.builderProducts ul{left:200px; padding:8px 20px;}
#pageBody header nav.subNav.builderProducts ul li{font-size:12px;}
#pageBody header nav.subNav.builderProducts ul li:first-child{left:-200px; position:absolute; top:13px; font-size:14px;}
article.products section a.download{background:url("/common/images/iconDl.png") no-repeat left center; padding:10px 0 10px 24px; background-size:20px; font-size:18px; font-weight:bold; display:inline-block;}
article.products.builder ul.builderBtns{text-align:center; display:flex; justify-content:center; flex-wrap:wrap; margin:60px -10px 0;}
article.products.builder ul.builderBtns li{margin:0 10px 20px 10px; width:calc((100% - 60px) /3); font-size:16px; font-weight:bold; list-style:none;}
article.products.builder ul.builderBtns li a{display:block; padding:15px; border:1px #333 solid; transition:all .3s ease; color:#333; text-decoration:none; border-radius:4px;}
article.products.builder ul.builderBtns li a:hover{background:#333; color:#fff;}
article.products section .builderBtnContainer{display:flex; justify-content:center; align-items:flex-start; margin:60px -10px 0;}
article.products section .builderBtnContainer + .builderBtnContainer{margin-top:30px;}
article.products section .builderBtns + .builderBtnContainer{margin-top:20px;}
article.products section .builderBtn{margin:0 10px 20px 10px; text-align:center; width:calc((100% - 60px) /3);}
article.products section .builderBtn:nth-child(3n){margin-right:0;}
article.products section .builderBtn a{display:block; padding:15px 15px; border:1px #333 solid; transition:all .3s ease; color:#333; text-decoration:none; border-radius:4px; margin:0 auto; width:100%;; font-size:16px; font-weight:bold;}
article.products section .builderBtn a:hover{background:#333; color:#fff;}
#pageBody article.products section .builderBtn p.btnSubText{text-align:center; margin:5px 0 0 0; font-size:12px;}
#pageBody article.products section table + p.tableCaption{margin:10px 0 30px;}
aside.bnr{width:1160px; margin:60px auto;}
aside.bnr > div{margin:30px 0;}
aside.bnr img{width:100%; height:auto;}
#pageBody article.products section nav.tileList:last-child{padding-bottom:0;}

aside.dualBnr{width:1160px; margin:60px auto; display:flex; justify-content:space-between;}
aside.dualBnr > div{width:560px;}
aside.dualBnr img{width:100%; height:auto;}

article.products.builder dl.flat{display:flex; justify-content:space-between; flex-wrap:wrap;}
article.products.builder dl.flat dt,
article.products.builder dl.flat dd{margin-bottom:10px;}
article.products.builder dl.flat.w5 dt{width:5.5em;}
article.products.builder dl.flat.w5 dd{width:calc(100% - 5.5em);}

.rtImage{display:flex; justify-content:space-between; align-items:flex-start;}
.rtImage .content{padding-right:20px;}
.rtImage .img{max-width:40%;}

.col.duo{display:flex; justify-content:space-between;}
article.products.builder figure.half{margin:0 auto 20px; width:45%;}
article.products.builder figure.half figcaption{padding:5px 0 0 0; font-size:14px; font-weight:normal;}
article.products.builder figcaption{font-weight:normal;}
article.products.builder figcaption .bdr{border:1px #000 solid; text-align:center; padding:10px; display:block; margin-bottom:10px;}
article.products.builder .mc .col figure:last-child{margin-bottom:0;}

/* 202309 add (builder) knowledge */
.knowledgeList{margin-bottom:60px;}
.knowledgeList:first-child{margin-top:-60px;}
.knowledgeList dt{margin-top:40px; font-weight:bold; font-size:18px; border-bottom:2px #ccc solid; padding-bottom:6px;}
.knowledgeList dd{margin-top:20px;}
.knowledgeList dd p{font-weight:bold; font-size:16px; margin-top:20px;}
article.products section .knowledgeList ul{display:flex; justify-content:flex-start; flex-wrap:wrap; margin:10px 0 0 0; border-bottom:1px #ccc dotted; padding-bottom:10px;}
article.products section .knowledgeList ul li{width:calc((100% - 60px) / 3); margin:0 30px 15px 0; padding:0; list-style:none; position:relative; padding-left:18px;}
article.products section .knowledgeList ul li::before{content:''; display:block; width:8px; height:8px; border:2px #666 solid; border-width:2px 2px 0 0; position:absolute; left:0; top:.55em; transform:rotate(45deg);}
article.products section .knowledgeList ul li:nth-child(3n){margin-right:0;}
/* 202309 add (builder) cad */
div.notices{background:#eee; border:1px #ccc solid; padding:30px 40px; margin:40px 0;}
#pageBody div.notices p:last-child,
#pageBody div.notices ul:last-child,
#pageBody div.notices ol:last-child{margin-bottom:0;}
article.products section dl.cadData{margin-top:40px; padding-top:40px;  border-top:1px #ccc solid;}
#pageBody div.notices h3:first-child{margin-top:0;}
article.products section dl.cadData dt{font-size:18px; font-weight:bold; margin-bottom:15px;}
article.products section dl.cadData dd{margin-bottom:40px; border-bottom:1px #ccc solid;}
article.products section dl.cadData dd ul{display:flex; flex-wrap:wrap;}
article.products section dl.cadData dd ul li{width:calc((100% - 60px) / 3); margin:0 30px 15px 0; list-style:none; position:relative; padding-left:18px;}
article.products section dl.cadData dd ul li::before{content:''; display:block; width:8px; height:8px; border:2px #666 solid; border-width:2px 2px 0 0; position:absolute; left:0; top:.55em; transform:rotate(45deg);}
article.products section dl.cadData dd ul li:nth-child(3n){margin-right:0;}
#pageBody > header p.shoulder{font-size:18px; padding:30px 0 10px; max-width:1160px; margin:0 auto -50px;}
#pageBody > header p.ctgPath{font-size:18px; font-weight:bold; padding:10px 0; max-width:1160px; margin:-50px auto 50px;}
#pageBody > header p.shoulder b{display:block;}
.cadDataDownLoad{margin:60px 0; display:flex; justify-content:space-between; flex-wrap:wrap;}
.cadDataDownLoad dl{border:1px #ccc solid; background:#eee; width:calc(50% - 15px); margin-bottom:30px; padding:20px;}
.cadDataDownLoad dl dt{font-weight:bold; margin-bottom:10px;}
.cadDataDownLoad dl dd{display:flex; justify-content:space-between; align-items:center;}
.cadDataDownLoad dl dd a,
.cadDataDownLoad dl dd span{display:block; text-decoration:none; text-align:center; background:#ccc; color:#fff; padding:5px; width:calc((100% - 20px) /3); font-weight:bold; font-size:14px; transition:background .3s ease;}
.cadDataDownLoad dl dd a.dxf{background:#ffaa84;}
.cadDataDownLoad dl dd a.dwg{background:#ff6552;}
.cadDataDownLoad dl dd a.pdf{background:#c40000;}
.cadDataDownLoad dl dd a:hover{background:#222;}
/* 202309 add (builder) faq */
#pageBody > header h1.faqDetail{font-size:16px;}
article.products section.faq:first-child{padding-top:0;}
article.products section.faq h2{margin-bottom:40px;}
article.products section.faq h2:not(:first-child){text-align:left; font-size:36px; margin-top:0;}
article.products section.faq faqCtg{font-size:14px;}
article.products section ul.faqList{margin:20px 0 60px 15px;}
article.products section ul.faqList:last-child{margin-bottom:0;}
article.products section ul.faqList li{list-style:none;}
article.products section ul.faqList li a{display:inline-block; padding-left:30px; position:relative; margin-bottom:.75em;}
article.products section ul.faqList li a::before{content:'Q.'; font-weight:bold; font-size:24px; position:absolute; left:0; top:-0.25em;}
#pageBody > header .faqCtg{font-size:18px; max-width:1160px; margin:-40px auto 50px;}
/* 202309 add (builder) support */
#pageBody article.products section div.officeBlock{display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:50px;}
#pageBody article.products section div.officeBlock h4{font-size:18px; font-weight:bold; margin-bottom:10px; width:100%;}
#pageBody article.products section div.officeBlock table.regular{width:50%;}
#pageBody article.products section div.officeBlock .map{width:50%; border:1px #ddd solid;}
#pageBody article.products section div.officeBlock .map iframe,
#pageBody article.products section div.officeBlock .map img{display:block; width:100%; height:100%; min-height:240px;}
#pageBody article.products section.documentList h2{text-align:left; font-size:24px; font-weight:bold; border-bottom:2px #ccc solid;}
#pageBody article.products section.documentList h3{font-size:18px; font-weight:bold;}
#pageBody article.products section.documentList h3 + .dlList{margin-top:10px;}
#pageBody article.products section.documentList h2 + h3{margin-top:20px;}
article.products section figcaption.btns{display:flex; justify-content:center; align-items:center;}
article.products section figcaption.btns a{display:block; padding:5px 15px; margin:0 5px; border:1px #222 solid; color:#222; text-decoration:none;}
article.products section figcaption.btns a:hover{background:#222; color:#fff;}
/* 202309 add (builder) catalog */
#pageBody article.products section .catalogBox{display:flex; justify-content:space-between; max-width:800px; margin:20px auto;}
#pageBody article.products section .catalogBox .cover{width:50%; padding-right:25px;}
#pageBody article.products section .catalogBox .cover img{max-width:100%; height:auto; display:block; border:1px #ccc solid;}
#pageBody article.products section .catalogBox ul{width:50%; padding-left:25px;}
#pageBody article.products section .catalogBox ul.builderBtns{margin:0; display:block;}
#pageBody article.products section .catalogBox ul.builderBtns li{width:100%; margin:0 0 20px;}

#pageBody article.products section.manuals h2{text-align:left; border-top:1px #ccc solid; padding-top:25px; line-height:1.4;}
#pageBody article.products section.manuals h2 b{display:block; font-size:16px; color:#999;}

article.products section ul.notes{margin-left:0;}
article.products section ul.notes li{list-style:none; text-indent:-1em; padding-left:1em;}

/* builder english */
.mc.quad.producsList{margin:20px auto;}
.mc.quad.producsList .col{text-align:center;}
.mc.quad.producsList .col p{font-size:14px; display:flex; justify-content:center; align-items:center; min-height:3.5em;}
#pageBody article.products section h4.distributor{font-weight:bold; margin-top:15px;}
.imgContainer{background:#000;}
.imgContainer img{display:block; margin:0 auto;}
.productOtherList .col{display:flex; justify-content:space-between; flex-wrap:wrap;}
.productOtherList .col h3{width:100%; margin-bottom:10px;}
.productOtherList .col .image{width:200px;}
.productOtherList .col .content{width:calc(100% - 200px); padding-left:20px;}

@media screen and (max-width:768px){
	.mainSlider{height:240px;}
	.mainSlider .slide{padding:0; min-height:240px;}
	.mainSlider.freeHeight{height:auto;}
	.mainSlider.freeHeight .slide{min-height:0;}
	.mainSlider .slide a{}
	nav.tileList{max-width:none; margin:0 auto; padding:30px 10px;}
	section nav.tileList{padding:30px 0;}
	nav.tileList ul{}
	nav.tileList ul li,
	#pageBody article.products nav.tileList ul li{width:calc(50% - 10px); margin:0 5px 20px; text-align:center; font-size:12px;}
	.bgIntro{padding:40px 15px; height:auto; display:block;}
	.bgIntro h2{font-size:24px; max-width:none; margin:0 auto 12px;}
	.bgIntro p{max-width:none; font-size:14px; margin:0 auto 20px;}
	.bgIntro a.linkBtn{padding:10px 20px; font-size:16px; width:100%; display:block;} 

	article.products .leadCopy{max-width:none; margin:30px auto 0; font-weight:bold; padding:0 15px;}
	article.products .leadCopy p{font-size:16px;}

	article.products{max-width:none; padding:0;}
	article.products.fw{max-width:100%;}
	article.products section{max-width:none; margin:0 auto; padding:30px 15px;}
	article.products section h2{text-align:center;}
	article.products section h3{font-weight:bold; font-size:18px; margin-top:30px;}
	article.products section ul{margin:0 0 20px 1.5em;}
	article.products section ul.duo,
	article.products section ul.trio,
	article.products section ul.quad{display:block;}
	article.products section ul.duo li,
	article.products section ul.trio li,
	article.products section ul.quad li{margin:0 0 .5em 0;}
	article.products section ul.duo li,
	article.products section ul.trio li,
	article.products section ul.quad li{width:auto;}

	article.products figure{margin:20px auto 30px;}
	article.products figure figcaption{padding:5px; font-size:12px;}
	article.products figure.movieContainer{margin:30px auto;}
	article.products figure.movieContainer.w720{width:100%;}
	article.products .ytMovie{width:100%;}

	article.products div.process{}
	article.products div.process .item{margin-top:10px; border-bottom:1px #ccc solid;}
	article.products div.process .item:first-child{border-top:1px #ccc solid; padding-top:10px;}
	article.products div.process .item h3{margin:0 0 5px;}
	article.products div.process .item .illust{width:37%;}
	article.products div.process .item .content{width:60%; margin-top:-35px;}
	html[lang=en] article.products div.process .item .content{margin-top:0;}
	#pageBody article.products div.process .item .content p{line-height:1.4; margin-bottom:10px;}

	article.products .imgGallery{width:100%; padding:3px;}
	article.products .imgGallery .disp{width:100%; height:auto; margin:0 auto 3px;}
	article.products .imgGallery .disp img{position:relative; left:0; top:0; width:100%; height:auto;}
	article.products .imgGallery .thumb{display:flex; justify-content:space-between;}
	article.products .imgGallery .thumb figure{width:calc(25% - 2px);}
	article.products .imgGallery .thumb figure figcaption{font-size:10px;}

	article.products div.aluminumFeatures{margin:40px auto; display:block;}
	article.products div.aluminumFeatures div{width:auto; margin-bottom:20px; padding:15px;}
	article.products div.aluminumFeatures h3 img{margin:10px auto; width:80px;}

	article.products section.globalNetwork h3{margin-top:80px;}

	article.products figure.network{width:auto; margin:0 auto;}
	article.products figure.network img{display:none;}
	article.products figure.network ul{display:flex; justify-content:space-between; flex-wrap:wrap; margin:0;}
	article.products figure.network li{position:static; margin:0; width:50%;}
	article.products figure.network li a{background:transparent; color:#000; border-radius:0; font-weight:bold; min-width:0; text-align:left; padding:10px;}
	article.products figure.network li a::before{content:'▼';}
	article.products figure.network li.gb,
	article.products figure.network li.us,
	article.products figure.network li.jp,
	article.products figure.network li.th,
	article.products figure.network li.cn,
	article.products figure.network li.mx{left:auto; top:auto;}

	article.products .base{margin-bottom:50px;}
	article.products .base.photo{display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
	article.products .base h3{width:100%}
	article.products .base h4{margin-bottom:10px; font-weight:bold; width:100%;}
	article.products .base.photo .img{width:460px; background:#f5f5f5; display:flex; justify-content:center; align-items:center;}
	article.products .base.photo .img img{display:block; max-width:100%; height:auto;}
	article.products .base.photo > p{width:100%;}
	#pageBody article.products .base.photo table{width:auto; margin-bottom:0;}
	#pageBody article.products .base table th{width:90px;}

	table.glossary th{width:25%;}

	#pageBody article.products div.highlight{background:#F9E6E7;border:1px #e61016 solid; padding:25px; margin:50px auto;}
	#pageBody article.products section div.highlight:last-child{margin-bottom:0;}
	#pageBody article.products section div.highlight:first-child{margin-top:0px;}
	#pageBody article.products div.highlight p:last-child{margin-bottom:0;}
	
	#pageBody article.products ul.imgBtns{display:block; margin:0 auto 20px;}
	#pageBody article.products ul.imgBtns li{width:auto; margin-bottom:10px;}
	#pageBody article.products ul.imgBtns li a{height:125px; font-size:18px;}

	.mc{display:block;}
	.mc + .mc{margin-top:30px;}
	.mc.duo .col{width:auto; margin:0 0 20px 0;}
	.mc.duo figure.col{margin-top:30px; margin-bottom:30px;}
	.mc.duo figure.col:nth-child(1),
	.mc.duo figure.col:nth-child(2){margin-top:30px;}
	.mc.duo .col:nth-child(2n){margin-right:0;}
	.mc.duo .col:nth-last-child(2),
	.mc.duo .col:last-child{margin-bottom:20px;}
	.mc.trio .col{width:auto; margin:0 0 20px 0;}
	.mc.trio figure.col{margin-top:30px; margin-bottom:30px;}
	.mc.trio .col:nth-child(3n){margin-right:0;}
	.mc.trio .col:nth-last-child(2),
	.mc.trio .col:nth-last-child(3),
	.mc.trio .col:last-child{margin-bottom:0;}
	.mc.quad{display:flex;}
	.mc.quad .col{width:calc((100% - 10px) / 2); margin:0 10px 25px 0;}
	.mc.quad .col:nth-child(2n){margin-right:0;} 
	.mc.duo.oneByTwo .col:nth-child(odd),
	.mc.duo.oneByTwo .col:nth-child(even),
	.mc.duo.twoByOne .col:nth-child(odd),
	.mc.duo.twoByOne .col:nth-child(even){width:auto;}
	
	
	/* 202309 add (builder) */
	article.products.builder{padding:0 15px;}
	article.products.builder section{padding:0 0 40px 0;}
	article.products.builder section:first-child{padding:20px 0;}
	/*.mainVisual + article.products{padding-top:40px;}*/
	article.products.builder section h3 + p{margin-top:10px;}
	article.products h3 + figure.movieContainer{margin-top:10px;}
	article.products.builder section h2 + h3{margin-top:15px;}
	article.products.builder h3 + .mc{margin-top:15px;}
	article.products.builder section h2:not(:first-child){margin-top:30px;}
	nav.tileList h2{}
	#pageBody header nav.subNav.builderProducts{position:fixed; left:0; top:95px; width:100%; background:#fff; transition:top .3s ease; z-index:100; border-top:1px #ccc solid;}
	#pageBody header nav.subNav.builderProducts ul{position:static; padding:0; }
	#pageBody header nav.subNav.builderProducts ul li{display:none; border-bottom:1px #ccc solid; margin:0; line-height:1.2;}
	#pageBody header nav.subNav.builderProducts ul li:first-child{position:static; margin:0; display:block;}
	#pageBody header nav.subNav.builderProducts ul li:first-child a{text-decoration:none; position:relative; padding:14px 15px 12px;}
	#pageBody header nav.subNav.builderProducts ul li:first-child a::after{content:''; display:block; width:8px; height:8px; border:2px #666 solid; border-width:0 2px 2px 0; position:absolute; right:15px; top:calc(50% - 6px); transform:rotate(45deg); transition:all .3s ease;}
	#pageBody header nav.subNav.builderProducts ul li:first-child a.open::after{transform:rotate(-135deg); top:calc(50% - 2px);}
	#pageBody header nav.subNav.builderProducts ul li a{display:block; padding:12px 15px 10px;}
	body.hasSubNav #wrapper{margin-top:90px;}
	body.stateDown #pageBody header nav.subNav.builderProducts{top:0;}
	body.stateDown #siteHeader{display:none;}
	body.stateDown #local{display:none;}
	
	article.products section a.download{}
	article.products.builder ul.builderBtns{display:block; margin:30px 0 0;}
	article.products.builder ul.builderBtns li{margin:0 0 20px 0; width:auto; font-size:14px;}
	article.products.builder ul.builderBtns li a{padding:10px 20px;}
	article.products section .builderBtnContainer{display:block; margin:30px 0 0;}
	article.products section .builderBtnContainer + .builderBtnContainer{margin-top:20px;}
	article.products section .builderBtns + .builderBtnContainer{margin-top:20px;}
	article.products section .builderBtn{margin:0 0 20px 0; width:auto;}
	article.products section .builderBtn a{padding:10px 20px; font-size:14px; font-weight:bold;}
	#pageBody article.products section .builderBtn p.btnSubText{text-align:center; margin:5px 0 0 0; font-size:12px;}
	#pageBody article.products section table + p.tableCaption{margin:10px 0 30px;}

	#pageBody ul.dlList li span, #pageBody ul.dlList li small{display:block;}

	aside.bnr{width:auto; margin:30px auto; padding:0 15px;}
	aside.bnr > div{margin:15px 0;}

	aside.dualBnr{width:auto; margin:30px auto; display:block; padding:0 15px;}
	aside.dualBnr > div{width:auto;}
	
	#pageBody article.products.builder table.regular{margin:20px 0;}
	
	
	#pageBody article.products.builder table.regular.stack,
	#pageBody article.products.builder table.regular.stack tbody,
	#pageBody article.products.builder table.regular.stack thead,
	#pageBody article.products.builder table.regular.stack tr,
	#pageBody article.products.builder table.regular.stack th,
	#pageBody article.products.builder table.regular.stack td{display:block;}
	#pageBody article.products.builder table.regular.stack th{border-left:1px #ddd solid; padding:5px 10px; border-bottom:0;}
	#pageBody article.products.builder table.regular.stack td{border:1px #ddd solid; border-bottom:0;}
	#pageBody article.products.builder table.regular.stack tr:last-child td{border-bottom:1px #ddd solid;}
	#pageBody article.products.builder table.regular.stack caption{display:block;}
	
	/* knowledge */
	.knowledgeList{margin-bottom:40px;}
	.knowledgeList:first-child{margin-top:-40px;}
	.knowledgeList dt{margin-top:20px; font-size:16px; padding-bottom:4px;}
	.knowledgeList dd{margin-top:10px;}
	.knowledgeList dd p{font-size:14px; margin-top:10px;}
	article.products section .knowledgeList ul{display:block; margin:5px 0 0 0; padding-bottom:5px;}
	article.products section .knowledgeList ul li{width:auto; margin:0 0 10px 0; padding-left:16px;}
	article.products section .knowledgeList ul li::before{width:6px; height:6px; border:1px #666 solid; border-width:1px 1px 0 0; top:.55em;}
	/* cad */
	div.notices{padding:15px 10px; margin:20px 0;}
	article.products section dl.cadData{margin-top:20px; padding-top:20px;}
	article.products section dl.cadData dt{font-size:16px; margin-bottom:10px;}
	article.products section dl.cadData dd{margin-bottom:20px;}
	article.products section dl.cadData dd ul{display:block;}
	article.products section dl.cadData dd ul li{width:auto; margin:0 0 10px 0; padding-left:16px;}
	article.products section dl.cadData dd ul li::before{width:6px; height:6px; border:1px #666 solid; border-width:1px 1px 0 0; top:.55em;}

	#pageBody > header p.shoulder{font-size:14px; padding:15px 15px 5px; max-width:none; margin:0;}
	#pageBody > header p.ctgPath{font-size:14px; padding:0 15px; max-width:none; margin:-10px auto 30px;}
	#pageBody > header p.shoulder + h1{margin-top:-15px;}
	#pageBody > header p.shoulder b{display:block;}
	.cadDataDownLoad{margin:60px 0; display:block;}
	.cadDataDownLoad dl{width:auto; margin-bottom:15px; padding:10px;}
	
	/* support */
	#pageBody article.products section div.officeBlock{display:block; margin-bottom:30px;}
	#pageBody article.products section div.officeBlock h4{font-size:16px;}
	#pageBody article.products section div.officeBlock table.regular{width:100%;}
	#pageBody article.products section div.officeBlock .map{width:100%;}
	#pageBody article.products section.documentList h2{font-size:18px;}
	#pageBody article.products section.documentList h3{font-size:16px;}
	#pageBody article.products section.documentList h3 + .dlList{margin-top:5px;}
	#pageBody article.products section.documentList h2 + h3{margin-top:10px;}
	
	#pageBody article.products section.manuals h2{padding-top:15px; font-size:18px;}
	#pageBody article.products section.manuals h2 b{font-size:14px;}

	/* 202309 add (builder) catalog */
	#pageBody article.products section .catalogBox{display:block; max-width:none;}
	#pageBody article.products section .catalogBox .cover{width:auto; margin:0 0 20px; padding:0 50px;}
	#pageBody article.products section .catalogBox ul{width:auto; padding-left:0;}
	
	/* faq */
	#pageBody article.products section.faq h2{text-align:left; text-indent:-1.1em; padding-left:1.1em; font-size:20px; line-height:1.4;}
	#pageBody article.products section.faq h2:not(:first-child){margin-top:5px;}
	article.products section ul.faqList{margin:10px 0 40px 0px;}
	article.products section ul.faqList:last-child{margin-bottom:0;}
	article.products section ul.faqList li{list-style:none; margin-bottom:10px;}
	article.products section ul.faqList li a{padding-left:24px; margin-bottom:0;}
	article.products section ul.faqList li a::before{font-size:18px; position:absolute; left:0; top:-0.2em;}
	#pageBody > header .faqCtg{font-size:12px; max-width:none; margin:-10px auto 20px; padding:0 15px;}

	/* builder english */
	#pageBody .mc.quad.producsList .col p{font-size:12px; line-height:1.4; min-height:4.5em; margin-bottom:5px;}
	.productOtherList .col .image{width:100px;}
	.productOtherList .col .content{width:calc(100% - 100px); padding-left:20px;}
}