@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;src:local(""),url("../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"),url("../fonts/Montserrat/Montserrat-Regular.woff") format("woff")}@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;src:local(""),url("../fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"),url("../fonts/Montserrat/Montserrat-SemiBold.woff") format("woff")}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:rgba(0,0,0,0)}*{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.5}@media screen and (min-width: 750px){html{font-size:10px}}@media screen and (max-width: 749px){html{font-size:clamp(1px,2.6666666667vw,12px)}}body{width:100%;overflow-x:hidden;background:#fff;font-family:YuGothic,"Yu Gothic","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN",sans-serif;color:#333;letter-spacing:.05em}@media screen and (min-width: 750px){body{font-size:1.6rem}}@media screen and (max-width: 749px){body{font-size:1.4rem}}main{display:block}li{list-style-type:none}a{text-decoration:none;color:inherit}@media screen and (min-width: 750px){a{-webkit-transition:all .3s;transition:all .3s}a::before,a::after{-webkit-transition:all .3s;transition:all .3s}}img{vertical-align:bottom;max-width:100%;height:auto}svg{width:100%;height:auto}sup{font-size:.5em;vertical-align:super}input,button,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}table{border-collapse:collapse;border-spacing:0;width:100%}address{font-style:normal}@media screen and (min-width: 1024px){.visible-md,.visible-sm{display:none}.visible-lg{display:inherit}}@media screen and (min-width: 750px)and (max-width: 1023px){.visible-lg,.visible-sm{display:none}.visible-md{display:inherit}}@media screen and (max-width: 749px){.visible-lg,.visible-md{display:none}.visible-sm{display:inherit}}body.is-active{overflow:hidden}@media screen and (min-width: 1200px){.l-main{padding-top:11rem}}@media screen and (min-width: 750px)and (max-width: 1199px){.l-main{padding-top:8rem}}@media screen and (max-width: 749px){.l-main{padding-top:5rem}}@media screen and (min-width: 750px){.l-inner{width:85%;max-width:1100px;margin:0 auto}}@media screen and (max-width: 749px){.l-inner{padding:0 1.5rem}}@media screen and (min-width: 1024px){.l-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 750px){.l-column{width:90%;max-width:1100px;margin:0 auto;padding:4rem 0 8rem}}@media screen and (max-width: 749px){.l-column{padding:1.5rem 1.5rem 4rem}}@media screen and (min-width: 1024px){.l-content{width:70.9090909091%}}@media screen and (min-width: 1024px){.l-side{width:24.5454545455%}}@media screen and (max-width: 1023px){.l-side{margin-top:4rem;padding-top:4rem;border-top:1px solid #ccc}}@media screen and (max-width: 749px){.l-single{padding-top:0}}.btn{position:relative;width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.4em 3.5em;border-radius:3em;font-weight:bold;line-height:1.3;text-align:center;text-transform:uppercase}@media screen and (max-width: 749px){.btn{height:5.5rem;margin:0 auto;font-size:1.5rem}}@media screen and (min-width: 750px){.btn:not(.-sm){min-width:35rem;min-height:6rem;font-size:clamp(1.6rem,.017578125em,1.8rem)}}@media screen and (min-width: 750px){.btn.-sm{min-width:23rem;min-height:5rem;font-size:1.4rem}}@media screen and (min-width: 750px){.btn.-lg{font-size:2.2rem;min-height:6.5rem}}@media screen and (min-width: 750px){.btn.-left{padding-left:2.5rem;padding-right:6rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.btn::after{position:absolute;top:50%;font-family:"datascientist" !important;font-weight:normal;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0s;transition:all 0s}.btn.-arrow::after{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;content:"";right:1em;width:2.3333333333em;height:2.3333333333em;border:1px solid;border-radius:50%;font-size:.6666666667em}.btn.-blank::after{content:"";right:.6em;font-size:1.5em}.btn.-pdf::after{content:"";right:.6em;font-size:1.5em}.btn.-calender::after{content:"";font-size:1.5em}@media screen and (min-width: 750px){.btn.-calender::after{right:.8em}}@media screen and (max-width: 749px){.btn.-calender::after{right:.6em}}.btn.-white{color:#333;border:2px solid #fff;background:#fff}@media screen and (min-width: 750px){.btn.-white:hover{color:#0068b6}}.btn.-blue{color:#fff;border:2px solid #0068b6;background:#0068b6}@media screen and (min-width: 750px){.btn.-blue:hover{background:#fff;color:#0068b6}}.btn.-gray{border:2px solid #f6f9fc;background:#f6f9fc}@media screen and (min-width: 750px){.btn.-gray:hover{background:#fff;color:#0068b6}}.btn.-gradeOrange{color:#fff;background:-webkit-gradient(linear, left top, left bottom, from(#FC8300), to(#FFB464));background:linear-gradient(to bottom, #FC8300, #FFB464)}@media screen and (min-width: 750px){.btn.-gradeOrange:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}}.btn.-gradeBlue{color:#fff;background:-webkit-gradient(linear, left top, left bottom, from(#4CAFDB), to(#0082D0));background:linear-gradient(to bottom, #4CAFDB, #0082D0)}@media screen and (min-width: 750px){.btn.-gradeBlue:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}}.btn.-lineblue{color:#0068b6;border:2px solid #0068b6;background:#fff}@media screen and (min-width: 750px){.btn.-lineblue:hover{background:#0068b6;color:#fff}}.btn.-dj{color:#fff;border-radius:.8em;border:2px solid #0068b6;background:#0068b6}@media screen and (min-width: 750px){.btn.-dj{min-width:36rem;width:auto;font-size:clamp(1.6rem,1.4285714286vw,2rem)}.btn.-dj:hover{color:#0068b6;background:#fff}.btn.-dj:hover::before{color:#0068b6}}.btn.-dj::before{content:"";position:absolute;top:50%;right:2rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;font-family:"datascientist" !important}@media screen and (max-width: 1199px){.ham{position:relative;z-index:10;cursor:pointer;background:#0068b6;-webkit-transition:all .3s;transition:all .3s}}@media screen and (min-width: 750px)and (max-width: 1199px){.ham{width:8rem;height:8rem;left:0}.is-active .ham{left:-40rem}}@media screen and (max-width: 749px){.ham{width:5rem;height:5rem;right:0}.is-active .ham{right:calc(100% - 6rem)}}@media screen and (max-width: 1199px){.ham__item{position:absolute;height:2px;background:#fff;-webkit-transition:all .35s ease;transition:all .35s ease}}@media screen and (min-width: 750px)and (max-width: 1199px){.ham__item{left:2.5rem;width:3rem}.ham__item:nth-child(1){top:3rem}.ham__item:nth-child(2){top:3.9rem}.ham__item:nth-child(3){top:5rem}}@media screen and (max-width: 749px){.ham__item{left:1.5rem;width:2rem}.ham__item:nth-child(1){top:1.8rem}.ham__item:nth-child(2){top:2.5rem}.ham__item:nth-child(3){top:3.2rem}}@media screen and (min-width: 750px)and (max-width: 1199px){.is-active .ham__item{top:4rem}}@media screen and (max-width: 749px){.is-active .ham__item{top:2.5rem}}.is-active .ham__item:nth-child(1){-webkit-transform:rotate(225deg);transform:rotate(225deg)}.is-active .ham__item:nth-child(2){opacity:0}.is-active .ham__item:nth-child(3){-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}.hd{position:fixed;top:0;left:0;width:100%;z-index:999;-webkit-transition:all .3s;transition:all .3s;background:#fff}@media screen and (min-width: 1200px){.hd{padding:2rem 0;height:16rem;-webkit-transition:all .3s;transition:all .3s}.is-view .hd{height:13rem;padding:1rem 0;-webkit-box-shadow:0 0 1rem #ccc;box-shadow:0 0 1rem #ccc}}@media screen and (max-width: 1199px){.hd::before{content:"";position:fixed;top:0;left:0;display:block;width:100vw;height:100vh;background:#333;opacity:.1;visibility:hidden;-webkit-transition:all .3s;transition:all .3s;opacity:0}.is-active .hd::before{visibility:visible;opacity:.4}}.hd__inner{height:100%}@media screen and (min-width: 1200px){.hd__inner{position:relative}}@media screen and (max-width: 1199px){.hd__inner{width:100%;max-width:none;padding:0}}@media screen and (min-width: 1200px){.hd__head{position:absolute;top:.7rem;left:0;width:16.6363636364%;max-width:18.3rem}}@media screen and (max-width: 1199px){.hd__head{position:relative;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:5rem}}@media screen and (min-width: 750px)and (max-width: 1199px){.hd__head{padding-left:3rem;height:8rem}}@media screen and (max-width: 1199px){.hd__body{position:absolute;top:0;right:calc(-100% + 5rem);z-index:10;width:calc(100% - 6rem);height:100vh;background:#f6f9fc;padding-bottom:8rem;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s;overflow-y:scroll}.is-active .hd__body{visibility:visible;opacity:1;right:0}}@media screen and (min-width: 750px)and (max-width: 1199px){.hd__body{width:40rem;right:-40rem}}@media screen and (min-width: 1024px){.hdLogo{width:clamp(10rem,13.0714285714vw,18.3rem)}}@media screen and (max-width: 1023px){.hdLogo{margin-left:1.5rem;width:13rem}}@media screen and (min-width: 750px){.hdLogo__item:hover{opacity:.7}}.hdLogo__anc .off{display:block}.is-hover .hdLogo__anc .off,.is-view .hdLogo__anc .off{display:none}.hdLogo__anc .on{display:none}.is-hover .hdLogo__anc .on,.is-view .hdLogo__anc .on{display:block}@media screen and (min-width: 1200px){.gnav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.gnav__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}}@media screen and (min-width: 1200px){.gnav__foot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:absolute;width:100%;top:0;left:0;background:#888}}@media screen and (max-width: 1199px){.gnav__foot{background:#f5f5f5;padding:4rem 1.5rem}}@media screen and (min-width: 1200px){.gnav__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:100%;margin-top:2.5rem;margin-left:auto;-webkit-transition:all .3s;transition:all .3s}.is-view .gnav__list{margin-top:1rem}}@media screen and (max-width: 1199px){.gnav__list{border-bottom:1px solid #ccc}}@media screen and (min-width: 1200px){.gnav__item{position:relative;cursor:pointer}.gnav__item::after{content:"";display:block;position:absolute;bottom:-3rem;left:-10rem;width:100rem;height:4rem;visibility:hidden}.gnav__item:hover::after{visibility:visible}.gnav__item.is-show::after{visibility:visible}}@media screen and (max-width: 1199px){.gnav__item{border-top:1px solid #ccc}}.gnav__anc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:bold}@media screen and (min-width: 1200px){.gnav__anc{position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:3em;font-size:1.5rem;text-align:center;z-index:10}.is-show .gnav__anc::before{opacity:1}.gnav__anc::before{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:3px;background:#0068b6;opacity:0}.gnav__anc:hover::before{opacity:1}.gnav__anc.-tab::after{content:"";margin-left:.5em;color:#9eb0c1;font-family:"datascientist" !important;-webkit-transition:0s;transition:0s}}@media screen and (max-width: 1199px){.gnav__anc{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;padding:1em}.gnav__anc::after{font-family:"datascientist" !important}.gnav__anc.-tab::after{content:""}.gnav__anc.-tab.is-show::after{content:""}.gnav__anc:not(.-tab)::after{content:""}}.gnav__anc__inner{position:relative;padding-left:3.4rem}.gnav__anc__inner::before{content:"";position:absolute;top:45%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2.4rem;min-width:24px;height:2.4rem;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../img/dssjournal/common/icon_news.svg)}.-dj-news .gnav__anc__inner::before{background-image:url(../img/dssjournal/common/icon_news.svg)}.-dj-interview .gnav__anc__inner::before{background-image:url(../img/dssjournal/common/icon_interview.svg)}.-dj-skill .gnav__anc__inner::before{background-image:url(../img/dssjournal/common/icon_skill.svg)}.-dj-column .gnav__anc__inner::before{background-image:url(../img/dssjournal/common/icon_column.svg)}.-dj-guide .gnav__anc__inner::before{background-image:url(../img/dssjournal/common/icon_guide.svg)}.-dj-faq .gnav__anc__inner::before{background-image:url(../img/dssjournal/common/icon_tell.svg)}@media screen and (min-width: 1200px){.gnavChild{position:fixed;visibility:hidden;opacity:0;top:16rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100vw;-webkit-transition:all .3s;transition:all .3s;background:#fff;-webkit-box-shadow:0 .5rem .5rem rgba(51,51,51,.1);box-shadow:0 .5rem .5rem rgba(51,51,51,.1)}.is-show .gnavChild{visibility:visible;opacity:1}.is-view .gnavChild{top:13rem}}@media screen and (max-width: 1199px){.gnavChild{display:none}}.gnavChild__list{background:#f5f5f5}@media screen and (min-width: 1200px){.gnavChild__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:2em}}@media screen and (min-width: 1200px){.gnavChild__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 1em}.gnavChild__item.-top{display:none}}@media screen and (max-width: 1199px){.gnavChild__item+.gnavChild__item{border-top:1px dashed #fff}}.gnavChild__anc{font-weight:bold}@media screen and (min-width: 1200px){.gnavChild__anc{font-size:1.4rem}.gnavChild__anc:hover{color:#fc8300}.gnavChild__anc.-top{display:none}}@media screen and (max-width: 1199px){.gnavChild__anc{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;min-height:5rem;padding:.5em 2rem;line-height:1.3;font-size:1.4rem;font-weight:bold}.gnavChild__anc::before{content:"-";margin-right:1em}.gnavChild__anc::after{content:"";position:absolute;top:50%;right:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:"datascientist" !important}}@media screen and (min-width: 1200px){.gnavSub{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:calc(100% - 21.5rem);min-height:5.4rem}}@media screen and (max-width: 1199px){.gnavSub{margin-top:3rem;padding:0 1.5rem}}@media screen and (min-width: 1200px){.gnavSub__item{margin-left:1.5em}}@media screen and (max-width: 1199px){.gnavSub__item{border-bottom:1px solid #ccc}}@media screen and (min-width: 1200px){.gnavSub__anc{font-size:1.2rem}.gnavSub__anc:hover{text-decoration:underline}.is-hover .gnavSub__anc,.is-view .gnavSub__anc{color:#333}}@media screen and (max-width: 1199px){.gnavSub__anc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1em;font-weight:bold}.gnavSub__anc::after{content:"";font-family:"datascientist" !important;margin-left:.5em}}@media screen and (min-width: 1200px){.gnav__area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:auto}}@media screen and (max-width: 1199px){.gnav__area{margin-top:3rem}}.gnav__link__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:bold}@media screen and (min-width: 1200px){.gnav__link__text{font-size:1.3rem}}@media screen and (max-width: 1199px){.gnav__link__text{margin-top:1.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 750px){.gnav__link__text:hover .inner{text-decoration:underline}}.gnav__link__text::after{content:"";margin-left:.5rem;color:#9eb0c1;font-family:"datascientist" !important;font-size:1.1em}@media screen and (min-width: 1200px){.gnav__menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:1.5rem}}@media screen and (max-width: 1199px){.gnav__menu{margin-top:1.5rem}}.gnav__menu__btn{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.85em;border-style:solid;border-width:1px;padding:.5em 2.5em .5em 1.375em;color:#fff;font-weight:bold}@media screen and (min-width: 1200px){.gnav__menu__btn{min-height:4rem}}@media screen and (max-width: 1199px){.gnav__menu__btn{min-height:5rem}}@media screen and (min-width: 1200px){.gnav__menu__btn:not(:first-of-type){margin-left:1.5rem}}@media screen and (max-width: 1199px){.gnav__menu__btn:not(:first-of-type){margin-top:1.5rem}}.gnav__menu__btn.-blue{background:#0e89f2}@media screen and (min-width: 750px){.gnav__menu__btn.-blue:hover{color:#0e89f2;background:#fff}}.gnav__menu__btn.-orange{background:#fc8504}@media screen and (min-width: 750px){.gnav__menu__btn.-orange:hover{color:#fc8504;background:#fff}}.gnav__menu__btn::after{position:absolute;top:50%;right:.9em;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:"datascientist" !important;-webkit-transition:all 0s;transition:all 0s}.gnav__menu__btn:not(.-blank)::after{content:""}.gnav__menu__btn.-blank::after{content:""}@media screen and (min-width: 1200px){.gnav__search{width:31.6384180791%}}@media screen and (max-width: 1199px){.gnav__search{width:28rem}}.gnav__search__item{position:relative;width:100%}.gnav__search__input{border-radius:3em;border:2px solid #9eb0c1;padding:.6rem 1.5rem;width:100%;color:#888}@media screen and (min-width: 1200px){.gnav__search__input{font-size:1.6rem;height:4rem}}@media screen and (max-width: 1199px){.gnav__search__input{height:5rem}}.gnav__search__btn{position:absolute;top:50%;right:1.5rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:none;padding:0;width:2rem;height:2rem;background:rgba(0,0,0,0);cursor:pointer}@media screen and (min-width: 750px){.gnav__search__btn:hover{opacity:.7}}.gnav__search__btn::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-family:"datascientist" !important;font-size:2rem}@media screen and (min-width: 1200px){.l-main{padding-top:16rem}}@media screen and (min-width: 750px){.search{padding:8rem 0 0}}@media screen and (max-width: 749px){.search{padding:5rem 0 0}}.search__inner{position:relative;overflow:hidden}@media screen and (min-width: 750px){.search__inner{padding:8rem 0 6rem}}@media screen and (max-width: 749px){.search__inner{padding:5rem 0}}.search__inner::before,.search__inner::after{content:"";position:absolute;z-index:-1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;background:#f5f5f5}.search__inner::before{content:"";top:0;border-radius:50%;width:800vw;height:1200vw}.search__inner::after{top:11rem;width:100vw;height:100%}.search__head{text-align:center}@media screen and (min-width: 750px){.search__head{margin-bottom:2.5rem}}@media screen and (max-width: 749px){.search__head{margin-bottom:3rem}}.search__en{position:relative;display:inline-block;border-radius:.4em;border:2px solid #9eb0c1;padding:.3rem 1rem;letter-spacing:0;color:#fff;font-family:"Montserrat",YuGothic,"Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;font-weight:bold;background:#0068b6}@media screen and (min-width: 750px){.search__en{margin-bottom:1.5rem}}@media screen and (max-width: 749px){.search__en{margin-bottom:1rem}}.search__en::before,.search__en::after{content:"";position:absolute;left:50%}.search__en::before{bottom:-8px;margin-left:-6px;border:3px solid rgba(0,0,0,0);border-top:5px solid #0068b6;z-index:2}.search__en::after{bottom:-14px;margin-left:-8px;border:5px solid rgba(0,0,0,0);border-top:8px solid #9eb0c1;z-index:1}@media screen and (min-width: 750px){.search__title{font-size:3.2rem}}@media screen and (max-width: 749px){.search__title{font-size:2.4rem}}@media screen and (min-width: 750px){.search__block:not(:first-of-type){margin-top:4rem}}@media screen and (max-width: 749px){.search__block:not(:first-of-type){margin-top:3rem}}.search__name{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1.5rem}@media screen and (min-width: 750px){.search__name{padding-bottom:1.3rem}}@media screen and (max-width: 749px){.search__name{padding-bottom:1rem}}.search__name::before,.search__name::after{content:"";position:absolute;bottom:0;left:0;display:block;height:2px}.search__name::before{width:100%;background:#dedede}.search__name::after{width:6rem;background:#81fc06}.search__name__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 750px){.search__name__inner{font-size:2.4rem}}@media screen and (max-width: 749px){.search__name__inner{font-size:1.8rem}}.search__name__inner::before{content:"";display:block;margin-right:1.5rem;background-position:center;background-repeat:no-repeat;background-size:contain}@media screen and (min-width: 750px){.search__name__inner::before{width:3rem;min-width:3rem;height:3rem}}@media screen and (max-width: 749px){.search__name__inner::before{width:2.4rem;min-width:2.4rem;height:2.4rem}}.-key .search__name__inner::before{background-image:url(../img/dssjournal/common/search/icon_keyword.svg)}.-cate .search__name__inner::before{background-image:url(../img/dssjournal/common/search/icon_category.svg)}.-tag .search__name__inner::before{background-image:url(../img/dssjournal/common/search/icon_tag.svg)}.search__main{border-radius:1.5rem;border:2px solid #dedede;background:#fff}@media screen and (min-width: 750px){.search__main{padding:3.8rem 7.0909090909% 3.5rem}}@media screen and (max-width: 749px){.search__main{padding:3rem 1.3rem}}.search__form{margin:0 auto;width:100%;max-width:490px}.search__form__box{position:relative;width:100%}.search__input{border-radius:3em;width:100%;height:5rem;color:#888}@media screen and (min-width: 750px){.search__input{border:3px solid #9eb0c1;padding:.6rem 6rem .6rem 3rem;font-size:1.6rem}}@media screen and (max-width: 749px){.search__input{border:2px solid #9eb0c1;padding:.6rem 1.5rem}}.search__btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:none;padding:0;width:3rem;height:3rem;background:rgba(0,0,0,0);cursor:pointer}@media screen and (min-width: 750px){.search__btn{right:2rem}.search__btn:hover{opacity:.7}}@media screen and (max-width: 749px){.search__btn{right:1.5rem}}.search__btn::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-family:"datascientist" !important;font-size:2rem}@media screen and (min-width: 750px){.search__key{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:2.5rem}}@media screen and (max-width: 749px){.search__key{margin-top:1.5rem}}.search__key__title{white-space:nowrap;color:#888;font-weight:bold}@media screen and (min-width: 750px){.search__key__title{margin-top:.1rem;margin-right:4rem}}@media screen and (max-width: 749px){.search__key__title{margin-bottom:.5rem}}.search__key__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 750px){.search__key__list{margin-top:-0.5rem;margin-left:-1.5rem}}@media screen and (max-width: 749px){.search__key__list{margin-top:-0.25rem;margin-left:-0.75rem}}.search__key__link{display:block;text-decoration:underline;color:#0068b6;font-weight:bold}@media screen and (min-width: 750px){.search__key__link{margin:.5rem 1.5rem;font-size:1.7rem}.search__key__link:hover{text-decoration:none}}@media screen and (max-width: 749px){.search__key__link{margin:.25rem .75rem;font-size:1.3rem}}.search__cate{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 749px){.search__cate{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 750px){.search__cate__group{padding-right:1.5rem;width:25%}}@media screen and (max-width: 749px){.search__cate__group{width:48.5%}}@media screen and (min-width: 750px){.search__cate__group:nth-of-type(n+5){margin-top:3.5rem}}@media screen and (max-width: 749px){.search__cate__group:nth-of-type(n+3){margin-top:2rem}}.search__cate__oya__link{text-decoration:underline;color:#0068b6;font-weight:bold}@media screen and (min-width: 750px){.search__cate__oya__link{font-size:1.7rem}.search__cate__oya__link:hover{text-decoration:none}}@media screen and (min-width: 750px){.search__cate__child{margin-top:2rem}}@media screen and (max-width: 749px){.search__cate__child{margin-top:1rem}}.search__cate__child__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 750px){.search__cate__child__link{text-decoration:underline;color:#888;font-size:1.4rem;font-weight:bold}.search__cate__child__link:hover{text-decoration:none}}@media screen and (max-width: 749px){.search__cate__child__link{font-size:1.3rem}}.search__cate__child__link::before{content:"";display:block;margin-right:5px;width:5px;height:2px;background:#888}@media screen and (min-width: 750px){.search__cate__child__link+.search__cate__child__link{margin-top:1.5rem}}@media screen and (max-width: 749px){.search__cate__child__link+.search__cate__child__link{margin-top:1rem}}.search__tag__group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-0.5rem;margin-left:-0.5rem}.search__tag{display:block;border-radius:1.5em;border:1px solid #9eb0c1;margin:.5rem;color:#888;background:#f5f5f5}@media screen and (min-width: 750px){.search__tag{padding:.5rem 1.5rem;font-size:1.3rem;font-weight:bold}.search__tag:hover{color:#fff;background:#0068b6}.search__tag:hover .sharp{color:#fff}}@media screen and (max-width: 749px){.search__tag{padding:.5rem 1.4rem;font-size:1.2rem}}.search__tag .sharp{color:#0068b6;-webkit-transition:all .3s;transition:all .3s}.bnr{position:relative;z-index:10}@media screen and (min-width: 750px){.bnr{padding:6.5rem 0}}@media screen and (max-width: 749px){.bnr{padding:4rem 0}}.bnr__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 750px){.bnr__list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width: 749px){.bnr__list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.bnr__item{text-align:center}@media screen and (min-width: 750px){.bnr__item{width:23.6363636364%}.bnr__item:not(:nth-child(4n)){margin-right:1.8181818182%}.bnr__item:nth-child(n+5){margin-top:2rem}}@media screen and (max-width: 749px){.bnr__item{width:48.5%}.bnr__item:nth-child(n+3){margin-top:3%}}@media screen and (min-width: 750px){.bnr__anc:hover{opacity:.8}}.ft{position:relative}@media screen and (min-width: 750px)and (max-width: 1199px){.ft__inner{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 750px){.ft__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.ft__head{background:#f6f9fc}@media screen and (min-width: 750px){.ft__head{padding:4.5rem 0}}@media screen and (max-width: 749px){.ft__head{padding:3rem 0}}.ft__body{padding:1.5rem 0;text-align:center;color:#fff;background:#0068b6}@media screen and (min-width: 750px){.ft__info{margin-left:4.0909090909%}}@media screen and (max-width: 749px){.ft__info{margin-top:1.5rem;text-align:center}}@media screen and (min-width: 1024px){.ftLogo{margin-top:.5rem}}.ftLogo__item{display:block}@media screen and (min-width: 750px){.ftLogo__item{width:27rem}.ftLogo__item:hover{opacity:.7}}@media screen and (max-width: 749px){.ftLogo__item{margin:0 auto;width:20rem}}.ft__text{font-weight:bold}.ft__textLogo{margin-top:.5rem}.ft__address{margin-top:.5rem;font-weight:bold}@media screen and (min-width: 1024px){.ft__address{font-size:clamp(1.2rem,1vw,1.4rem)}}@media screen and (max-width: 1023px){.ft__address{font-size:1.4rem}}@media screen and (min-width: 1200px){.ft__btnarea{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-left:auto;width:21.3636363636%}}@media screen and (max-width: 1199px){.ft__btnarea{margin-top:3rem}}@media screen and (min-width: 750px)and (max-width: 1199px){.ft__btnarea{width:100%}}.ft__btn{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:.85em;border:1px solid #0068b6;padding:.65em 1.5em;color:#fff;font-weight:bold;background:#0068b6}@media screen and (min-width: 1200px){.ft__btn{min-height:4.6rem;width:100%}}@media screen and (max-width: 1199px){.ft__btn{min-height:5rem}}@media screen and (min-width: 750px)and (max-width: 1199px){.ft__btn{margin:0 auto;width:30rem}}@media screen and (min-width: 750px){.ft__btn:hover{color:#0068b6;background:#fff}}@media screen and (max-width: 749px){.ft__btn{width:100%}}.ft__btn::after{content:"";position:absolute;top:50%;right:.8em;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:"datascientist" !important;-webkit-transition:all 0s;transition:all 0s}.ft__copy{text-align:center}@media screen and (min-width: 1024px){.ft__copy{font-size:1.2rem}}@media screen and (max-width: 1023px){.ft__copy{font-size:1rem}}.sec__head{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 750px){.sec__head{margin-bottom:3rem;padding-bottom:1.3rem}}@media screen and (max-width: 749px){.sec__head{margin-bottom:3rem;padding-bottom:1rem}}.sec__head::before,.sec__head::after{content:"";position:absolute;bottom:0;left:0;display:block;height:2px}.sec__head::before{width:100%;background:#dedede}.sec__head::after{width:6rem;background:#81fc06}@media screen and (min-width: 750px){.sec__heading{text-align:center;font-size:3.2rem}}@media screen and (max-width: 749px){.sec__heading{font-size:2.4rem}}.sec__en{position:relative;border-radius:.4em;border:2px solid #9eb0c1;margin-left:1.5rem;padding:.3rem 1rem;letter-spacing:0;font-family:"Montserrat",YuGothic,"Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;font-weight:bold;background:#fff}.sec__en::before,.sec__en::after{content:"";position:absolute;top:50%}.sec__en::before{left:-9px;margin-top:-3px;border:3px solid rgba(0,0,0,0);border-right:6px solid #fff;z-index:2}.sec__en::after{left:-15px;margin-top:-5px;border:5px solid rgba(0,0,0,0);border-right:10px solid #9eb0c1;z-index:1}@media screen and (min-width: 750px){.sec__heading{font-size:2.4rem}}.sec__en{color:#fff;border-color:#0068b6;background:#0068b6}.sec__en::before{border-right:6px solid #0068b6}.sec__en::after{border-right:10px solid #0068b6}.hero{position:relative;color:#fff}.hero::before{content:"";position:absolute;bottom:0;left:0;width:100%;background-image:url(../img/dssjournal/common/hero/hero_nami.svg);background-position:center top;background-repeat:no-repeat;background-size:cover}@media screen and (min-width: 750px){.hero::before{height:clamp(4rem,4.2857142857vw,8rem)}}@media screen and (max-width: 749px){.hero::before{height:4rem}}.hero__inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}@media screen and (min-width: 750px){.hero__inner{min-height:27rem;padding:4rem 0 8rem}}@media screen and (max-width: 749px){.hero__inner{min-height:16rem;padding:2rem 0 3rem}}.hero__heading{line-height:1.3}@media screen and (min-width: 750px){.hero__heading{font-size:4rem}}@media screen and (max-width: 749px){.hero__heading{font-size:2.2rem}}.hero__heading .-sm{font-size:.8em}@media screen and (min-width: 750px){.hero{background:url(../img/dssjournal/common/hero/hero04.webp) no-repeat center/cover}}@media screen and (max-width: 749px){.hero{background:url(../img/dssjournal/common/hero/hero04_sp.webp) no-repeat center/cover}}.breadcrumb{overflow-x:scroll;scrollbar-width:none;position:absolute;top:0;left:0;padding:1.2em 0;width:100%}.breadcrumb::-webkit-scrollbar{display:none}.breadcrumb__list{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 750px){.breadcrumb__list{font-size:1.2rem}}@media screen and (max-width: 749px){.breadcrumb__list{font-size:1rem}}.breadcrumb__item{color:#fff;letter-spacing:.05em;white-space:nowrap;line-height:1}.breadcrumb__item+.breadcrumb__item:before{content:"";margin:0 .5rem;color:#fff;font-family:"datascientist" !important}.breadcrumb__anc{color:#fff;line-height:1}@media screen and (min-width: 750px){.breadcrumb__anc:hover{text-decoration:underline}}.category{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-0.5em}@media screen and (min-width: 750px){.category{font-size:1.2rem}}@media screen and (max-width: 749px){.category{font-size:1rem}}.category__item:not(:last-of-type){margin-right:.5rem}.category__item .nolink,.category__item .link{display:block;border-radius:.6rem;border:1px solid #9eb0c1;margin-top:.5em;line-height:1.2;font-weight:bold;background:#fff}@media screen and (min-width: 750px){.category__item .nolink,.category__item .link{padding:.6rem}}@media screen and (max-width: 749px){.category__item .nolink,.category__item .link{padding:.4rem .6rem}}@media screen and (min-width: 750px){.category__item .link:hover{color:#0068b6}}.pager{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 750px){.pager{margin-top:6rem}}@media screen and (max-width: 749px){.pager{margin-top:3rem}}.pager__item{margin:0 .3em;font-size:1.3rem}.pager__anc,.pager__both{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pager__anc{width:3.6rem;height:3.6rem;border:1px solid #ccc;background:#fff;font-weight:bold;border-radius:50%}@media screen and (min-width: 750px){.pager__anc:hover{background:#0068b6;color:#fff;opacity:.5}}.pager__anc.is-current{background:#0068b6;color:#fff;pointer-events:none}.pager__both{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:3.6rem;height:3.6rem;border:1px solid #0068b6;color:#0068b6;border-radius:50%}@media screen and (min-width: 750px){.usefulBtm{margin-top:8rem}}@media screen and (max-width: 749px){.usefulBtm{margin-top:5rem}}@media screen and (min-width: 750px){.usefulBtm .sec__head{margin-bottom:2rem}}@media screen and (max-width: 749px){.usefulBtm .sec__head{font-size:2.2rem}}@media screen and (min-width: 750px){.usefulBtm__block+.usefulBtm__block{margin-top:5rem}}@media screen and (max-width: 749px){.usefulBtm__block+.usefulBtm__block{margin-top:3rem}}.usefulBtm__item+.usefulBtm__item{margin-top:2rem}.usefulBtm__item__head{margin-bottom:1.5rem;font-weight:bold}@media screen and (max-width: 749px){.usefulBtm__item__head{font-size:1.6rem}}.usefulBtm__category__item .link{padding:.3rem .8rem;background:#f6f9fc}.usefulBtm__tag{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-0.5rem;margin-left:-0.5rem}.usefulBtm__tag__link{display:block;border-radius:1.5em;border:1px solid #9eb0c1;margin:.5rem;color:#888;font-size:1.2rem;background:#f5f5f5}@media screen and (min-width: 750px){.usefulBtm__tag__link{padding:.6rem 1.5rem;font-weight:bold}.usefulBtm__tag__link:hover{color:#fff;background:#0068b6}.usefulBtm__tag__link:hover .sharp{color:#fff}}@media screen and (max-width: 749px){.usefulBtm__tag__link{padding:.5rem 1.4rem}}.usefulBtm__tag__link .sharp{color:#0068b6;-webkit-transition:all .3s;transition:all .3s}.usefulBtm__article{counter-reset:usefulBtm__ranking;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 749px){.usefulBtm__article{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.usefulBtm__article .wpp-no-data{white-space:nowrap;color:#fff}@media screen and (min-width: 750px){.usefulBtm__ranking__item{width:23.6363636364%}}@media screen and (max-width: 749px){.usefulBtm__ranking__item{width:48.5%}}.usefulBtm__ranking__item .no{background:#333}@media screen and (max-width: 749px){.usefulBtm__ranking__item:nth-of-type(n+3){margin-top:1.5rem}}@media screen and (min-width: 750px){.usefulBtm__ranking__item:not(:nth-of-type(4n)):not(:last-of-type){margin-right:1.8181818182%}}.usefulBtm__ranking__item:nth-of-type(1) .usefulBtm__ranking__img .no{background:#caa900}.usefulBtm__ranking__item:nth-of-type(2) .usefulBtm__ranking__img .no{background:#989898}.usefulBtm__ranking__item:nth-of-type(3) .usefulBtm__ranking__img .no{background:#a64d28}@media screen and (min-width: 750px){.usefulBtm__ranking__link:hover .usefulBtm__ranking__item__title{text-decoration:underline}}@media screen and (min-width: 750px){.usefulBtm__ranking__info{padding-top:1.5rem}}@media screen and (max-width: 749px){.usefulBtm__ranking__info{padding-top:1rem}}@media screen and (min-width: 750px){.usefulBtm__ranking__info .category__item .nolink,.usefulBtm__ranking__info .category__item .link{padding:.2em .6em}}.usefulBtm__ranking__img{position:relative;border-radius:1rem;border:2px solid #9eb0c1;overflow:hidden}@media screen and (min-width: 750px){.usefulBtm__ranking__img{height:clamp(12rem,10.4285714286vw,14.6rem)}}@media screen and (max-width: 749px){.usefulBtm__ranking__img{height:9rem}}.usefulBtm__ranking__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.usefulBtm__ranking__img .no{position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);display:block}@media screen and (min-width: 750px){.usefulBtm__ranking__img .no{top:-3.5rem;left:-3.5rem;width:7rem;height:7rem}}@media screen and (max-width: 749px){.usefulBtm__ranking__img .no{top:-2.5rem;left:-2.5rem;width:5rem;height:5rem}}.usefulBtm__ranking__img .no::before{counter-increment:usefulBtm__ranking;content:counter(usefulBtm__ranking);position:absolute;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);color:#fff}@media screen and (min-width: 750px){.usefulBtm__ranking__img .no::before{top:3rem;left:4rem;font-size:1.9rem}}@media screen and (max-width: 749px){.usefulBtm__ranking__img .no::before{top:2rem;left:3rem;font-size:1.4rem}}.usefulBtm__ranking__date{position:relative;margin-bottom:.5rem;font-weight:bold}@media screen and (min-width: 750px){.usefulBtm__ranking__date{font-size:1.2rem}}@media screen and (max-width: 749px){.usefulBtm__ranking__date{font-size:1rem}}.usefulBtm__ranking__item__title{margin-top:1rem;font-weight:bold}.notfound__text{padding:2em 1.5rem;background:#fff}@media screen and (min-width: 750px){.notfound__text{text-align:center}}@media screen and (max-width: 749px){.notfound__text{margin-top:3rem}}@media screen and (min-width: 750px){.recom__lead__sec{padding-top:5rem}}@media screen and (max-width: 749px){.recom__lead__sec{padding-top:3rem}}.recom__lead{margin:0 auto;max-width:510px;text-align:justify}@media screen and (min-width: 750px){.recom__category{padding-top:5rem}}@media screen and (max-width: 749px){.recom__category{padding-top:3rem}}@media screen and (min-width: 750px){.recom__category__inner{max-width:780px}}.recom__category__box{border-radius:1.3rem;border:1px solid #0068b6}@media screen and (min-width: 750px){.recom__category__box{padding:2rem}}@media screen and (max-width: 749px){.recom__category__box{padding:2rem 1.5rem}}.recom__category__head{margin-bottom:1.5rem;padding-bottom:1.2rem;font-weight:bold;background-image:linear-gradient(to right, #0E89F2, #0E89F2 2px, transparent 2px, transparent 8px);background-size:4px 2px;background-position:left bottom;background-repeat:repeat-x}@media screen and (min-width: 750px){.recom__category__head{font-size:2rem}}@media screen and (max-width: 749px){.recom__category__head{font-size:1.8rem}}@media screen and (min-width: 750px){.recom__field{padding-top:6rem}}@media screen and (max-width: 749px){.recom__field{padding-top:3rem}}@media screen and (min-width: 750px){.recom__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.recom__item{border-radius:1.3rem;overflow:hidden;background:#f6f9fc}@media screen and (min-width: 750px){.recom__item{width:49.0909090909%}}@media screen and (min-width: 750px){.recom__item:nth-of-type(n+3){margin-top:3rem}}@media screen and (max-width: 749px){.recom__item+.recom__item{margin-top:2rem}}.recom__item__inner{position:relative;border-top:5px solid #0e89f2;height:100%}@media screen and (min-width: 750px){.recom__item__inner{padding:3rem 2.5rem 4rem}}@media screen and (max-width: 749px){.recom__item__inner{padding:2rem 1.5rem}}.recom__item__inner::before,.recom__item__inner::after{content:"";position:absolute;display:block;background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none}.recom__item__inner::before{top:-3rem;right:-4rem;width:clamp(129.5px,18.5vw,259px);height:clamp(155px,22.8571428571vw,320px);background-image:url(../img/dssjournal/useful/bg_figure_recom01.svg)}.recom__item__inner::after{bottom:-11.5rem;left:-4rem;width:clamp(148px,21.1428571429vw,296px);height:clamp(183px,26.1428571429vw,366px);background-image:url(../img/dssjournal/useful/bg_figure_recom02.svg)}.recom__item__head{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.recom__item__category{margin-top:-0.5rem;margin-left:-0.5rem}.recom__item__category__item{margin:.5rem}.recom__item__category__item .link{margin:0;background:#f6f9fc}.recom__item__tag__item{margin:.5rem}.recom__item__tag__item .link{display:block;border-radius:1.5em;border:1px solid #9eb0c1;color:#888;font-size:1rem;background:#f5f5f5}@media screen and (min-width: 750px){.recom__item__tag__item .link{padding:.6rem 1.5rem;font-weight:bold}.recom__item__tag__item .link:hover{color:#fff;background:#0068b6}.recom__item__tag__item .link:hover .sharp{color:#fff}}@media screen and (max-width: 749px){.recom__item__tag__item .link{padding:.2rem 1rem}}.recom__item__tag__item .link .sharp{color:#0068b6;-webkit-transition:all .3s;transition:all .3s}.recom__item__body{position:relative;z-index:1}@media screen and (min-width: 750px){.recom__item__body{margin-top:3rem}}@media screen and (max-width: 749px){.recom__item__body{margin-top:1.5rem}}@media screen and (min-width: 750px){.recom__item__body__main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 750px){.recom__item__left{width:32.6530612245%}}.recom__item__img{margin:0 auto}@media screen and (max-width: 749px){.recom__item__img{max-width:370px}}@media screen and (min-width: 750px){.recom__item__right{width:64.2857142857%}}@media screen and (max-width: 749px){.recom__item__right{margin-top:1.5rem}}.recom__item__title{font-weight:bold}@media screen and (min-width: 750px){.recom__item__title{font-size:2rem}}@media screen and (max-width: 749px){.recom__item__title{font-size:1.8rem}}.recom__item__text{position:relative;border-radius:1.3rem;background:#fff}@media screen and (min-width: 750px){.recom__item__text{margin-top:2.2rem;padding:1.5rem 2rem 1.5rem 1.5rem;font-size:1.4rem}}@media screen and (max-width: 749px){.recom__item__text{margin-top:3rem;padding:1.5rem}}.recom__item__text::before,.recom__item__text::after{content:"";position:absolute;display:block;width:2rem;height:1.6rem;background-position:center;background-repeat:no-repeat;background-size:contain}.recom__item__text::before{top:-1rem;left:0;background-image:url(../img/dssjournal/useful/accent_recom01.svg)}.recom__item__text::after{bottom:-1rem;background-image:url(../img/dssjournal/useful/accent_recom02.svg)}@media screen and (min-width: 750px){.recom__item__text::after{right:-0.4rem}}@media screen and (max-width: 749px){.recom__item__text::after{right:0}}.recom__item__text a{color:#0068b6;text-decoration:underline}@media screen and (min-width: 750px){.recom__item__text a:hover{opacity:.7}}.recom__item__text strong{color:#0068b6;font-weight:normal}.recom__item__text ul,.recom__item__text ol{padding:revert}.recom__item__text li:not(.listStyleNone){list-style:inherit}@media screen and (min-width: 750px){.recom__item__btnarea{margin-top:1.3rem}}@media screen and (max-width: 749px){.recom__item__btnarea{margin-top:2rem}}.recom__item__btn{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:.85em;border-style:solid;border-width:1px;padding:.5em 1.3333333333em;color:#fff;font-weight:bold}@media screen and (min-width: 750px){.recom__item__btn{min-height:4.5rem;font-size:clamp(1.2rem,1.0714285714vw,1.5rem)}}@media screen and (max-width: 749px){.recom__item__btn{min-height:5rem}}.recom__item__btn:not(:first-of-type){margin-top:.8rem}@media screen and (min-width: 750px){.recom__item__btn.-other{text-align:center;font-size:clamp(1.2rem,1vw,1.4rem)}}.recom__item__btn.-blue{background:#0068b6}@media screen and (min-width: 750px){.recom__item__btn.-blue:hover{color:#0068b6;background:#fff}}.recom__item__btn.-orange{background:#fc8504}@media screen and (min-width: 750px){.recom__item__btn.-orange:hover{color:#fc8504;background:#fff}}.recom__item__btn::after{content:"";position:absolute;top:50%;right:.6rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:"datascientist" !important;font-size:1.4rem;-webkit-transition:all 0s;transition:all 0s}.recom__item__suisen{font-weight:bold}@media screen and (min-width: 750px){.recom__item__suisen{margin-top:1.8rem}}@media screen and (max-width: 749px){.recom__item__suisen{margin-top:1.5rem}}.recom__item__suisen .line{background:-webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #D2E4F3));background:linear-gradient(transparent 60%, #D2E4F3 60%)}