@charset 'UTF-8';main .products{padding-bottom:60px}main .products .back_link{font-size:0;text-align:right}main .products .back_link a{font-size:1.4rem;display:inline-block;margin:0 0 10px 10px;padding:8px 40px 8px 20px;background:#eee url(../images/icon_arw_b.png) no-repeat right 15px center;background-size:13px 12px}main .products .back_link a:hover{opacity:.5}main .products section{margin-bottom:60px}main .products section h3{font-size:1.8rem;margin-bottom:25px;padding-left:10px;border-left:3px solid #32ac57}main .products section .type_list{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}main .products section .type_list a{line-height:1.5;position:relative;display:-webkit-box;display:flex;width:32%;min-height:60px;margin-bottom:20px;padding:0 40px 0 16px;border:2px solid #ddd;background:url(../images/icon_arw_green.png) no-repeat right 18px center;background-size:13px 12px;-webkit-box-align:center;align-items:center}main .products section .type_list a[href='javascript:void(0);']{cursor:default;border:2px solid #32ac57;background:0 0}main .products section .type_list a:hover{border:2px solid #32ac57}main .products section .type_list::after{display:block;box-sizing:border-box;width:32%;content:''}main .products section .drawing_acc{text-align:right}main .products section .drawing_acc button{font-size:1.4rem;line-height:34px;position:relative;width:140px;height:34px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;color:#fff;background-color:#32ac57}main .products section .drawing_acc button span{font-weight:500;position:absolute;top:50%;left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}main .products section .drawing_acc button:first-child{margin-right:14px}main .products section .drawing_acc button:first-child::after{position:absolute;top:50%;right:18px;display:block;width:2px;height:10px;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#fff}main .products section .drawing_acc button::before{position:absolute;top:50%;right:14px;display:block;width:10px;height:2px;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#fff}main .products section .drawing_box{margin-top:20px;border:2px solid #ddd}main .products section .drawing_btn{display:-webkit-box;display:flex;padding:10px 18px;cursor:pointer;background:#eee;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}main .products section .drawing_btn.hide_but_draw::after{display:none}main .products section .drawing_btn::after{display:block;width:24px;height:24px;content:'';background:url(../images/ac_close_green.png) no-repeat}main .products section .drawing_btn.on::after{content:url(../images/ac_open_green.png)}main .products section .drawing_btn_not{display:-webkit-box;display:flex;padding:10px 18px;cursor:pointer;background:#eee;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}main .products section .drawing_btn_not.hide_but_draw::after{display:none}main .products section .drawing_contents{padding:0 3.87%}main .products section .drawing_contents dl{font-size:1.4rem;display:-webkit-box;display:flex;border-bottom:1px solid #ddd;-webkit-box-align:center;align-items:center}main .products section .drawing_contents dl:last-child{border-bottom:none}main .products section .drawing_contents dl dt{width:140px;padding:25px 0;padding-right:3.5%}main .products section .drawing_contents dl dd{width:calc(100% - 140px);padding:25px 0}main .products section .drawing_contents dl dd.drawing_link{font-size:0;padding:25px 0 15px}main .products section .drawing_contents dl dd.drawing_link p{font-size:1.4rem;display:inline-block;margin:0 10px 10px 0;padding:5px 18px;border:1px solid #ccc}main .products section .drawing_contents dl dd.drawing_link a{font-size:1.4rem;display:inline-block;margin:0 10px 10px 0;padding:5px 10px 5px 18px;border:1px solid #ccc}main .products section .drawing_contents dl dd.drawing_link a [class*=' icon_'],main .products section .drawing_contents dl dd.drawing_link a [class^=icon_]{font-size:1.2rem;display:inline-block;min-height:20px;margin-left:15px;padding-left:26px;color:#777;background-repeat:no-repeat;background-size:16px 20px}main .products section .drawing_contents dl dd.drawing_link a [class*=' icon_']::before,main .products section .drawing_contents dl dd.drawing_link a [class^=icon_]::before{display:none}main .products section .drawing_contents dl dd.drawing_link a [class*=' icon_']::after,main .products section .drawing_contents dl dd.drawing_link a [class^=icon_]::after{display:none}main .products section .drawing_contents dl dd.drawing_link a .icon_pdf{background-image:url(../images/icon_pdf.png)}main .products section .drawing_contents dl dd.drawing_link a .icon_xls{background-image:url(../images/icon_xls.png)}main .products section .drawing_contents dl dd.drawing_link a .icon_doc{background-image:url(../images/icon_doc.png)}main .products section .drawing_contents dl dd.drawing_link a .icon_ppt{background-image:url(../images/icon_ppt.png)}main .products section .drawing_contents dl dd.drawing_link a .icon_zip{background-image:url(../images/icon_zip.png)}main .products section .drawing_contents dl dd.drawing_link a .icon_other{background-image:url(../images/icon_other.png)}main .products section .drawing_contents dl dd.drawing_link a:hover{color:#fff;background:#777}main .products section .drawing_contents dl dd.drawing_link a:hover [class*=' icon_'],main .products section .drawing_contents dl dd.drawing_link a:hover [class^=icon_]{-webkit-transition:all .2s;transition:all .2s;color:#fff}main .products section .annotation{margin-top:30px}@media screen and (max-width:1000px){main .products section .type_list a{width:49%}}@media screen and (max-width:768px){main .products section .drawing_contents dl{display:block}main .products section .drawing_contents dl dt{width:100%;padding:25px 0 10px;padding-right:0}main .products section .drawing_contents dl dd{width:100%;padding:0 0 25px}main .products section .drawing_contents dl dd.drawing_link{padding:0 0 15px}}@media screen and (max-width:480px){main .products section .type_list a{width:100%}main .products section .drawing_acc button{width:130px}main .products section .drawing_acc button span{left:10px}main .products section .drawing_acc button::before{right:12px}main .products section .drawing_acc button:first-child::after{right:16px}}@media screen and (min-width:813px){main .products section .drawing_acc button:hover{opacity:.5}}