@charset 'UTF-8';main .col3{display:-webkit-box;display:flex;flex-wrap:wrap}main .col3_inner{width:calc(100% / 3 - 3.5%);margin-right:5%;margin-bottom:5%}main .col3_inner:nth-child(3n){margin-right:0}main .col3_inner>a{display:block}main .col3_inner>a:hover{opacity:.5}main .col3_inner>a img:hover{opacity:1}main .col3_inner figcaption{padding:10px 0;text-align:center;border-top:1px solid #ccc}main .tunnel_menu{margin-bottom:60px;padding:0}main .tunnel_menu .container{margin-top:40px}main .tunnel_menu .container .col3{margin-top:40px}main .tunnel_menu .container .col3_inner{position:relative}main .tunnel_menu .container .col3_inner figure{border:1px solid #ccc}main .tunnel_menu .container .col3_inner figure figcaption{line-height:1.6}main .tunnel_menu .container .col3_inner figure figcaption span{font-family:Roboto,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-size:1.2rem;font-weight:400;color:#32ac57}main .tunnel_menu_lists{position:absolute;top:0;left:0;width:100%;height:calc(100% + 0px);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;opacity:0;background-color:rgba(0,0,0,.7)}main .tunnel_menu_lists h2{font-family:'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-size:1.8rem;font-weight:300;font-weight:300;display:-webkit-box;display:flex;padding:12px 12px 12px 20px;-webkit-transition:all .2s;transition:all .2s;color:#fff;background-color:#32ac57;-webkit-box-align:center;align-items:center}main .tunnel_menu_lists h2:hover{opacity:.5}main .tunnel_menu_lists h2 a{line-height:1.2;display:-webkit-box;display:flex;width:100%;padding-left:11px;border-left:3px solid #fff;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}main .tunnel_menu_lists h2 a::after{display:block;width:24px;height:24px;content:'';background:url(../images/icon_arw_g.png) no-repeat;background-size:contain}main .tunnel_menu_lists .link_menu{font-size:1.6rem;font-size:1.4rem;margin-bottom:0;padding:20px;color:#fff}main .tunnel_menu_lists .link_menu li{display:-webkit-box;display:flex;margin-bottom:10px;-webkit-box-align:baseline;align-items:baseline}main .tunnel_menu_lists .link_menu li:last-child{margin-bottom:0}main .tunnel_menu_lists .link_menu li::before{position:relative;display:block;width:16px;height:16px;margin-right:12px;content:'';background-image:url(../images/icon_arw.png);background-repeat:no-repeat;background-position:top;background-size:contain;-webkit-box-flex:0;flex:0 0 24px}main .tunnel_menu_lists .link_menu li a{font-weight:500}main .tunnel_menu_lists .link_menu li a:hover{text-decoration:underline}main .tunnel_menu_lists .link_menu li{line-height:1.14;width:100%}main .tunnel_menu_lists .link_menu li::before{top:3px}main .tunnel_menu_lists.on{opacity:1}main .tunnel .back_link{font-size:0;text-align:right}main .tunnel .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 .tunnel .back_link a:hover{opacity:.5}main .tunnel section{margin-bottom:25px}main .tunnel section h3{font-size:1.8rem;margin-bottom:25px;padding-left:10px;border-left:3px solid #32ac57}main .tunnel section .type_list{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}main .tunnel 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 .tunnel section .type_list a[href='javascript:void(0);']{cursor:default;border:2px solid #32ac57;background:0 0}main .tunnel section .type_list a:hover{border:2px solid #32ac57}main .tunnel section .type_list::after{display:block;box-sizing:border-box;width:32%;content:''}main .tunnel section .drawing_acc{text-align:right}main .tunnel 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 .tunnel section .drawing_acc button span{font-weight:500;position:absolute;top:50%;left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}main .tunnel section .drawing_acc button:first-child{margin-right:14px}main .tunnel 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 .tunnel 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 .tunnel section .drawing_box{margin-top:20px;border:2px solid #ddd}main .tunnel 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 .tunnel section .drawing_btn.hide_but_draw::after{display:none}main .tunnel section .drawing_btn::after{display:block;width:24px;height:24px;content:'';background:url(../images/ac_close_green.png) no-repeat}main .tunnel section .drawing_btn.on::after{content:url(../images/ac_open_green.png)}main .tunnel 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 .tunnel section .drawing_btn_not.hide_but_draw::after{display:none}main .tunnel section .drawing_contents{padding:0 3.87%}main .tunnel 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 .tunnel section .drawing_contents dl:last-child{border-bottom:none}main .tunnel section .drawing_contents dl dt{width:auto;padding:25px 0;padding-right:50px}main .tunnel section .drawing_contents dl dd{padding:25px 0}main .tunnel section .drawing_contents dl dd.drawing_link{font-size:0;padding:25px 0 15px}main .tunnel 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 .tunnel 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 .tunnel section .drawing_contents dl dd.drawing_link a [class*=' icon_'],main .tunnel 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 .tunnel section .drawing_contents dl dd.drawing_link a [class*=' icon_']::before,main .tunnel section .drawing_contents dl dd.drawing_link a [class^=icon_]::before{display:none}main .tunnel section .drawing_contents dl dd.drawing_link a [class*=' icon_']::after,main .tunnel section .drawing_contents dl dd.drawing_link a [class^=icon_]::after{display:none}main .tunnel section .drawing_contents dl dd.drawing_link a .icon_pdf{background-image:url(../images/icon_pdf.png)}main .tunnel section .drawing_contents dl dd.drawing_link a .icon_xls{background-image:url(../images/icon_xls.png)}main .tunnel section .drawing_contents dl dd.drawing_link a .icon_doc{background-image:url(../images/icon_doc.png)}main .tunnel section .drawing_contents dl dd.drawing_link a .icon_ppt{background-image:url(../images/icon_ppt.png)}main .tunnel section .drawing_contents dl dd.drawing_link a .icon_zip{background-image:url(../images/icon_zip.png)}main .tunnel section .drawing_contents dl dd.drawing_link a .icon_other{background-image:url(../images/icon_other.png)}main .tunnel section .drawing_contents dl dd.drawing_link a:hover{color:#fff;background:#777}main .tunnel section .drawing_contents dl dd.drawing_link a:hover [class*=' icon_'],main .tunnel section .drawing_contents dl dd.drawing_link a:hover [class^=icon_]{-webkit-transition:all .2s;transition:all .2s;color:#fff}main .tunnel section .annotation{margin-top:30px}main .ImageMap area{-webkit-transition:all 2s ease-out!important;transition:all 2s ease-out!important;border:none;outline:0}@media screen and (max-width:1259px){main .col3{-webkit-box-pack:justify;justify-content:space-between}main .col3_inner{width:calc(100% / 2 - 2.5%);margin-right:0}}@media screen and (max-width:1024px){main .col3_inner>a:hover{opacity:1}}@media screen and (max-width:1000px){main .tunnel section .type_list a{width:49%}}@media screen and (max-width:768px){main .tunnel_menu .col3_inner{width:calc(100% / 2 - 1.8%);margin-bottom:18px;cursor:default}main .tunnel_menu_lists{display:none}main .tunnel_menu .content_list_sp{border:1px solid #ccc;border-top:none}main .tunnel section .drawing_contents dl{display:block}main .tunnel section .drawing_contents dl dt{width:100%;padding:25px 0 10px;padding-right:0}main .tunnel section .drawing_contents dl dd{width:100%;padding:0 0 25px}main .tunnel section .drawing_contents dl dd.drawing_link{padding:0 0 15px}}@media screen and (max-width:480px){main .col3{display:block}main .col3_inner{width:100%;margin-right:0}main .tunnel_menu .col3{display:block}main .tunnel_menu .col3_inner{width:100%;margin-bottom:18px}main .toneel section .type_list a{width:100%}main .toneel section .drawing_acc button{width:130px}main .toneel section .drawing_acc button span{left:10px}main .toneel section .drawing_acc button::before{right:12px}main .toneel section .drawing_acc button:first-child::after{right:16px}}@media screen and (min-width:813px){main .tunnel section .drawing_acc button:hover{opacity:.5}}