.page-fresh-workshop-tech-workshop{--p-gray:#c7c7c7;#recommend{margin-top:300px;@media screen and (max-width:768px){margin-top:calc(var(--vw)*140)}.wrap{margin:50px auto 0;max-width:454.4px;@media screen and (max-width:768px){margin-top:calc(var(--vw)*50);max-width:100%}}.ttl{font-size:calc(var(--rem)*24);font-weight:700;line-height:1;text-align:center;@media screen and (max-width:768px){font-size:calc(var(--vw)*24)}}.txt{@media screen and (max-width:768px){font-size:calc(var(--vw)*14);line-height:1.75}}.btn_wrap{margin-top:10px;@media screen and (max-width:768px){margin-top:calc(var(--vw)*20);text-align:right}}.recommend_btn{align-items:center;background-color:#c03;color:#fff;cursor:pointer;display:flex;font-size:calc(var(--rem)*16);font-weight:700;height:40px;justify-content:center;padding:30px 0;text-decoration:none;&:before{border-bottom:5px solid transparent;border-left:10px solid #fff;border-top:5px solid transparent;content:"";margin-right:10px;right:7px;top:4px}@media screen and (min-width:769px){transition:opacity .3s;&:hover{opacity:.7}}}}#technical_area{margin-top:120px;@media screen and (max-width:768px){margin-top:calc(var(--vw)*120)}.list{display:flex;flex-wrap:wrap;gap:60px 5%;justify-content:space-between;margin:50px auto 0;max-width:960px;@media screen and (max-width:768px){flex-direction:column;gap:calc(var(--vw)*60) 5%;margin-top:calc(var(--vw)*50);max-width:80%}.item{display:flex;flex-direction:column;width:47.5%;@media screen and (max-width:768px){width:100%}.name{background:var(--p-gray);display:inline-flex;font-size:calc(var(--rem)*20);font-weight:700;line-height:1;padding:2px 7px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;@media screen and (max-width:768px){font-size:calc(var(--vw)*18);padding:calc(var(--vw)*2) calc(var(--vw)*7)}}.date{font-size:calc(var(--rem)*14);font-weight:700;line-height:2;padding-left:20px;position:relative;text-decoration:underline;@media screen and (min-width:769px){&:hover{text-decoration:none}}@media screen and (max-width:768px){font-size:calc(var(--vw)*14);padding-left:calc(var(--vw)*20)}&:before{border-bottom:3px solid transparent;border-left:10px solid #c03;border-top:3px solid transparent;content:"";display:block;height:0;left:0;position:absolute;top:12px;width:0;@media screen and (max-width:768px){border-bottom-color:transparent;border-bottom-style:solid;border-bottom-width:calc(var(--vw)*3);border-left-color:#c03;border-left-style:solid;border-left-width:calc(var(--vw)*10);border-top-color:transparent;border-top-style:solid;border-top-width:calc(var(--vw)*3);top:calc(var(--vw)*12)}}}}}}#zehi{margin-top:200px;@media screen and (max-width:768px){margin-top:calc(var(--vw)*90)}}#event_info,#point{.container{max-width:900px}}#point{margin-top:120px;@media screen and (max-width:768px){margin-top:calc(var(--vw)*90)}}#event_info{margin-top:120px;@media screen and (max-width:768px){margin-top:calc(var(--vw)*90)}.event_list{margin-top:60px;@media screen and (max-width:768px){font-size:calc(var(--vw)*14);line-height:1.75;margin-top:calc(var(--vw)*30)}.event_item{border-bottom:1px solid #d7cbcb;padding-left:.6em;.cat_ttl{cursor:pointer;font-weight:700;margin-left:12px;padding:34px 0 30px;position:relative;@media screen and (max-width:768px){margin-left:calc(var(--vw)*12);padding:calc(var(--vw)*34) 0 calc(var(--vw)*30)}&:before{border-bottom:5px solid transparent;border-left:10px solid #c03;border-top:5px solid transparent;content:"";display:block;height:0;position:absolute;right:12px;top:44px;-webkit-transform:rotate(0);transform:rotate(0);width:0;@media screen and (max-width:768px){border-bottom-color:transparent;border-bottom-style:solid;border-bottom-width:calc(var(--vw)*5);border-left-color:#c03;border-left-style:solid;border-left-width:calc(var(--vw)*10);border-top-color:transparent;border-top-style:solid;border-top-width:calc(var(--vw)*5);right:calc(var(--vw)*12);top:calc(var(--vw)*44)}}&.-open{&:before{border-bottom:5px solid transparent;border-left:10px solid #c03;border-top:5px solid transparent;content:"";display:block;height:0;position:absolute;right:12px;top:44px;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:0;@media screen and (max-width:768px){border-bottom-color:transparent;border-bottom-style:solid;border-bottom-width:calc(var(--vw)*5);border-left-color:#c03;border-left-style:solid;border-left-width:calc(var(--vw)*10);border-top-color:transparent;border-top-style:solid;border-top-width:calc(var(--vw)*5);right:calc(var(--vw)*12);top:calc(var(--vw)*44)}}}}.cont_wrap{max-height:0;overflow:hidden;.cont{opacity:0;padding:12px;transition:opacity .5s ease;@media screen and (max-width:768px){padding:calc(var(--vw)*12)}.ttl{background-color:var(--p-gray);display:inline-block;font-weight:700;margin-bottom:10px;padding:4px 8px;@media screen and (max-width:768px){margin-bottom:calc(var(--vw)*10);padding:calc(var(--vw)*4) calc(var(--vw)*8)}}.link{@media screen and (min-width:769px){&:hover{text-decoration:underline}}}}&.-open{max-height:10000px;.cont{opacity:1}}}}}}}