@charset "utf-8";
.ref{padding-bottom:100px;background-color:#5000b4;}.ref.inview--enter .ref__ctgs,.ref.inview--enter .ref__cont{-webkit-transition:opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 80ms;-moz-transition:opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 80ms;-o-transition:opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 80ms;-ms-transition:opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 80ms;transition:opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 80ms;opacity:1;-ms-filter:none;filter:none}.ref.inview--enter .ref__cont{-webkit-transition-delay:200ms;-moz-transition-delay:200ms;-o-transition-delay:200ms;-ms-transition-delay:200ms;transition-delay:200ms}.ref__lead{margin-top:70px;font-size:1.4rem;text-align:center;line-height:2}.ref__ctgs{margin-top:70px;color:#fff;font-size:0;text-align:center;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.ref__ctg{display:inline-block;margin:0 12px;font-size:1.4rem;font-weight:bold;}.ref__ctg--current{color:#ff643c}.ref__ctgA{display:block;}.ref__ctgA:after{content:' ';display:block;margin-top:8px;border-bottom:2px solid}.ref__ctgA:hover{opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65)}.ref__cont{z-index:0;position:relative;width:1120px;margin:50px auto 60px;color:#fff;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.ref__item--head .f-en{font-size:1.4rem;letter-spacing:.05em;line-height:1}.ref__item--head .ref__main,.ref__item--head .ref__article,.ref__item--head .ref__category,.ref__item--head .ref__btn{border-top:none}.ref__item--opened .ref__ph{opacity:1;-ms-filter:none;filter:none}.ref__top{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.ref__main{-webkit-flex-shrink:0;flex-shrink:0;width:656px;border-top:1px solid}.ref__mainSpan,.ref__mainA{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:8px 0;height:100%}.ref__mainA:hover{color:#ff643c;}.ref__mainA:hover .ref__ph{opacity:1;-ms-filter:none;filter:none}.ref__thumb{-webkit-flex-shrink:0;flex-shrink:0;width:96px}.ref__thumbWrap{position:relative;overflow:hidden;width:64px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:16px;border:1px solid}.ref__name{font-size:1.6rem;line-height:1.5}.ref__ph{z-index:-1;position:absolute;top:50%;right:-36px;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);pointer-events:none;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.ref__phImg{width:auto;height:200px}.ref__article{-webkit-flex-shrink:0;flex-shrink:0;width:368px;margin-left:16px;border-top:1px solid;font-size:1.4rem}.ref__articleA,.ref__articleSpan{display:block;padding:8px 0}.ref__articleA{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%;}.ref__articleA:hover{color:#ff643c}.ref__articleName{display:block;overflow:hidden;position:absolute;top:50%;left:0;right:0;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.ref__category{-webkit-flex-shrink:0;flex-shrink:0;position:relative;width:64px;margin-left:16px;padding:8px 0;border-top:1px solid}.ref__categoryName{position:absolute;top:50%;left:0;right:0;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);font-size:1.4rem}.ref__more{position:relative;z-index:1;padding:0 15px 0;text-align:center;font-size:2.4rem;letter-spacing:.05em;-webkit-animation:yura 3000ms cubic-bezier(.455,.03,.515,.955) infinite;-moz-animation:yura 3000ms cubic-bezier(.455,.03,.515,.955) infinite;-o-animation:yura 3000ms cubic-bezier(.455,.03,.515,.955) infinite;-ms-animation:yura 3000ms cubic-bezier(.455,.03,.515,.955) infinite;animation:yura 3000ms cubic-bezier(.455,.03,.515,.955) infinite;}@-moz-keyframes yura{0%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}}@-webkit-keyframes yura{0%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}}@-o-keyframes yura{0%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes yura{0%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}}.ref__moreA{display:inline-block;}.ref__moreA:hover{color:#6e3cff}.ref__moreCircle{position:absolute;width:56px;height:56px;z-index:-1;top:-17px;left:50%;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}@media screen and (max-width:736px){.ref{padding-bottom:21.333333333333332vw;}.ref__lead{margin-top:10.666666666666666vw;font-size:3.2vw}.ref__ctgs{position:relative;overflow:auto;width:100%;padding:10.666666666666666vw 0;margin-top:0;-ms-overflow-style:none;scrollbar-width:none;}.ref__ctgs::::-webkit-scrollbar{display:none}.ref__ctgsList{white-space:nowrap}.ref__ctg{margin:0 3.733333333333333vw;font-size:3.733333333333333vw;}.ref__ctg:first-child{padding-left:6.666666666666667vw}.ref__ctg:last-child{padding-right:6.666666666666667vw}.ref__ctgA:after{margin-top:2vw}.ref__ctgA:hover{opacity:1;-ms-filter:none;filter:none}.ref__cont{width:87.46666666666667vw;margin:0 auto 12.666666666666666vw}.ref__item--head .f-en{font-size:2.4vw}.ref__main{-webkit-flex-shrink:0;flex-shrink:0;width:64vw}.ref__mainA,.ref__mainSpan{padding:2.133333333333333vw 0}.ref__mainA:hover{color:#fff;}.ref__mainA:hover .ref__ph{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.ref__thumb{width:17.066666666666666vw}.ref__thumbWrap{width:12.8vw;border-radius:2.133333333333333vw}.ref__name{font-size:3.2vw;line-height:1.5}.ref__ph{right:-6.666666666666667vw}.ref__phImg{height:40vw}.ref__category{width:10.666666666666666vw;margin-left:2.133333333333333vw;padding:2.133333333333333vw 0}.ref__categoryName{font-size:2.666666666666667vw}.ref__btn{-webkit-flex-shrink:0;flex-shrink:0;width:8.666666666666666vw;margin-left:2.133333333333333vw;border-top:1px solid}.ref__btnA,.ref__btnSpan{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;padding:2.133333333333333vw 0}.ref__btnA{position:relative;height:100%;}.ref__btnA:after{content:' ';display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:3.066666666666666vw;height:2vw;margin:auto;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-position:center center;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022.63%2014.19%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22a%22%20points%3D%2211.77%2014.19%200%201.35%201.48%200%2011.71%2011.16%2021.1%200.03%2022.63%201.32%2011.77%2014.19%22%2F%3E%3C%2Fsvg%3E")}.ref__spArticle{position:relative;height:0;overflow:hidden;-webkit-transition:height 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:height 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:height 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:height 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:height 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.ref__spArticleA{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;padding:3.733333333333333vw 0 3.733333333333333vw 17.066666666666666vw;font-size:3.2vw;line-height:1.5;border-top:1px dotted}.ref__more{padding:0 4vw 0;font-size:6.4vw}.ref__moreA:hover{color:#000}.ref__moreCircle{top:-4vw;width:14.933333333333334vw;height:14.933333333333334vw}}