CINXE.COM

<!doctype html> <html data-n-head-ssr lang="en" data-n-head="%7B%22lang%22:%7B%22ssr%22:%22en%22%7D%7D"> <head > <title>Photoshopド定番チュートリアル｜デザインを深掘り MdN</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"><meta data-n-head="ssr" data-hid="og:type" property="og:type" content="article"><meta data-n-head="ssr" data-hid="og:title" property="og:title" content="デザインとクリエイティブを深掘りするWebメディア「MdN」"><meta data-n-head="ssr" data-hid="og:url" property="og:url" content="https://www.mdn.co.jp/"><meta data-n-head="ssr" data-hid="twitter:title" name="twitter:title" content="デザインとクリエイティブを深掘りするWebメディア「MdN」"><meta data-n-head="ssr" data-hid="charset" charset="utf-8"><meta data-n-head="ssr" data-hid="mobile-web-app-capable" name="mobile-web-app-capable" content="yes"><meta data-n-head="ssr" data-hid="apple-mobile-web-app-title" name="apple-mobile-web-app-title" content="MdNDesignInteractiveWeb"><meta data-n-head="ssr" data-hid="og:site_name" name="og:site_name" property="og:site_name" content="MdNDesignInteractiveWeb"><meta data-n-head="ssr" data-hid="description" name="description" content="Photoshopの定番&トレンド表現を紹介するHow to記事。工程は一から手順通りに解説【初心者対応】。記事もすべて無料公開。実用/習作どちらもOK！デザイナー・非デザイナーどちらもOK！"><meta data-n-head="ssr" data-hid="og:description" name="og:description" content="Photoshopの定番&トレンド表現を紹介するHow to記事。工程は一から手順通りに解説【初心者対応】。記事もすべて無料公開。実用/習作どちらもOK！デザイナー・非デザイナーどちらもOK！"><meta data-n-head="ssr" data-hid="twitter:description" name="twitter:description" content="Photoshopの定番&トレンド表現を紹介するHow to記事。工程は一から手順通りに解説【初心者対応】。記事もすべて無料公開。実用/習作どちらもOK！デザイナー・非デザイナーどちらもOK！"><meta data-n-head="ssr" data-hid="og:image" property="og:image" content="https://api-www.mdn.co.jp/image/290d9a27-bb01-4565-be09-6aae8e333a64"><meta data-n-head="ssr" data-hid="twitter:card" property="twitter:card" content="summary_large_image"><meta data-n-head="ssr" data-hid="twitter:image" name="twitter:image" content="https://api-www.mdn.co.jp/image/290d9a27-bb01-4565-be09-6aae8e333a64"><base href="/"><link data-n-head="ssr" rel="shortcut icon" href="favicon.ico"><link data-n-head="ssr" rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"><link data-n-head="ssr" rel="preconnect" href="https://fonts.gstatic.com"><link data-n-head="ssr" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&amp;display=swap&amp;amp;subset=japanese"><link data-n-head="ssr" rel="shortcut icon" href="/favicon.ico"><link data-n-head="ssr" rel="manifest" href="/_nuxt/manifest.5f93eaa5.json" data-hid="manifest"><script data-n-head="ssr" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript"></script><script data-n-head="ssr" src="/js/ofi.min.js" type="text/javascript"></script><script data-n-head="ssr" src="/js/slick/slick.min.js" type="text/javascript"></script><script data-n-head="ssr" src="/js/jquery.matchHeight.js" type="text/javascript"></script><link rel="preload" href="/_nuxt/f9b94d8.js" as="script"><link rel="preload" href="/_nuxt/1dc1c3a.js" as="script"><link rel="preload" href="/_nuxt/73a010c.js" as="script"><link rel="preload" href="/_nuxt/4aa44c0.js" as="script"><link rel="preload" href="/_nuxt/442112c.js" as="script"><link rel="preload" href="/_nuxt/1859a96.js" as="script"><style data-vue-ssr-id="2c18f19a:0 694eedda:0 51465905:0 7e56e4e3:0 fffef378:0 0a8c5100:0">html{font-size:100%;*font-size:small;*font:x-small;overflow:auto;width:100%}body{margin:0;padding:0;width:100%}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}main{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{margin:0;padding:0;background:none;border:none;outline:0;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none} .slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} @media screen and (min-width:768px){.pc{display:block}br.pc,img.pc,span.pc{display:inline}.sp,br.sp,img.sp,span.sp{display:none}}@media screen and (max-width:767px){.sp{display:block}br.sp,img.sp,span.sp{display:inline}.pc,br.pc,img.pc,span.pc{display:none}}@media screen and (max-width:767px){#dispNav{display:block!important}#navSp{display:block}#navPc{display:none}}body,input,select,textarea{font-family:BlinkMacSystemFont,Roboto,"Segoe UI","Helvetica Neue",HelveticaNeue,YuGothic,"Yu Gothic Medium","Yu Gothic",Verdana,Meiryo,sans-serif}#modalAd .modalContent #viewPage a,#modCategory .category h3,#modCategory .other a,#modCategory .signup h3 span,#modNews .list .method,#modNews .list .tag,#modNews .list .title,#modNews .list figure,#modNews .secButton a,#modRanking .list .method,#modRanking .list .tag,#modRanking .list .title,#modRanking .list figure,#modRanking dl.ranking>dt,#modRecommend .list .method,#modRecommend .list .tag,#modRecommend .list .title,#modRecommend .list figure,#modRecommend .secButton a,#modRelated h2 span,#modSns .read,#navSp .category,#navSp .member,.bold,.modSubTitle .button a,.modSubTitle h3 span,.modTitle .button a,.modTitle h2 span,.page-others .secOthersCategory .secCategorySerialization .secOthersList .secCategoryTitle h4,.page-reference .secTitle h2,.page-top .secArtCulture .secButton a,.page-top .secArtCulture .slick-list .tag,.page-top .secArtCulture .slick-list .title,.page-top .secDesign .list .method,.page-top .secDesign .list .tag,.page-top .secDesign .list .title,.page-top .secDesign .secButton a,.page-top .secDesign .slick-list .tag,.page-top .secDesign .slick-list .title,.page-top .secLearnExperience .list .method,.page-top .secLearnExperience .list .tag,.page-top .secLearnExperience .list .title,.page-top .secLearnExperience .secButton a,.page-top .secProduct .list .method,.page-top .secProduct .list .tag,.page-top .secProduct .list .title,.page-top .secProduct .secButton a,.page-top .secSliderMainVisual dl.description .tag,.page-top .secSliderMainVisual dl.description .title,.page-top .secTakumi .article .link a,.page-top .secTakumi .article .price,.page-top .secTakumi .article .tag,.page-top .secTakumi .article .title,.page-top .secTakumi .secButton a,.page-top .secWeb .list .method,.page-top .secWeb .list .tag,.page-top .secWeb .list .title,.page-top .secWeb .secButton a,.secAboutCategory .slider div dl dd,.secAboutCategory .slider div dl dt,.secAboutCategory .text,.secAboutHeader .button a,.secAboutHeader p,.secAboutOther .text,.secAboutOther ul li p,.secAboutSerialization .text,.secAboutSns .text,.secAboutSns h3,.secAgree dt,.secArticleList .list .tag,.secArticleList .list .title,.secArticleList .secButton a,.secArticleOther .secButton a,.secArticleOther .slider div.slick-slide .tag,.secArticleOther .slider div.slick-slide .title,.secAuthorProfile .name,.secAuthorProfile .occupation,.secAuthorProfile h3,.secCategoryReference .list figcaption,.secCategoryReference .secButton a,.secCategorySerialization .item .tag,.secCategorySerialization .item .title,.secCategorySerialization .secButton a,.secCaution h3,.secConfirmArea .caution,.secConfirmArea th,.secDetailBody .contentsList .title,.secDetailBody .contentsList ul li a,.secDetailBody h3,.secDetailBody h4,.secDetailBody strong,.secDetailButton a,.secDetailData h3,.secDetailData table th,.secDetailHeader .icon,.secDetailHeader .sub,.secDetailHeader .tag,.secDetailHeader h2,.secDetailOther .secButton a,.secDetailOther .slider div.slick-slide .tag,.secDetailOther .slider div.slick-slide .title,.secDetailPagination ul li a,.secDetailRecommend .secButton a,.secDetailRecommend .slider div.slick-slide .tag,.secDetailRecommend .slider div.slick-slide .title,.secDetailRelated h3,.secErrorHeader .read,.secErrorHeader h2,.secFormButton button,.secFormHeader .read,.secFormHeader h2,.secInputArea .cautionMail p:first-child,.secInputArea h3,.secInputArea th,.secNewsDetailBody h3,.secNewsDetailBody h4,.secNewsDetailBody strong,.secNewsHeader .secNewsTitle .text,.secNewsHeader .secNewsTitle h2 span,.secPressRelease .text strong,.secPressRelease h3,.secPressReleaseHeader .read,.secPressReleaseHeader h2,.secQuestion>p,.secQuestion h3,.secQuestion ul li,.secReferenceHeader div .text,.secReferenceHeader div h2,.secRefereneAnchor,.secRefereneCecontentsList,.secSearch .gsc-cursor-box .gsc-cursor .gsc-cursor-page,.secSearch .gsc-selected-option-container,.secSearch .gsc-tabHeader,.secSearch h2,.secSliderCategory .slick-list .tag,.secSliderCategory .slick-list .title,.secSubTitle .button a,.secSubTitle h3,.secTieUpDetailBody .pointList .title,.secTieUpDetailBody .pointList ul li,.secTieUpDetailBody .productName dt,.secTieUpDetailBody .resource .title,.secTieUpDetailBody h3,.secTieUpDetailBody h4,.secTieUpDetailBody strong,.secTitle .button a,.secTitle .text,.secTitle h2 span,.tabNews li a,b,button,header.pc,strong{font-family:BlinkMacSystemFont,Roboto,"Segoe UI semibold","Helvetica Neue",HelveticaNeue,YuGothic,"Yu Gothic","Segoe UI",Verdana,Meiryo,sans-serif;font-weight:700}@media screen and (max-width:767px){.modAdBanner-3,.page-top .secArtCulture .sliderWrap,.page-top .secDesign .sliderWrap,.page-top .secLearnExperience .sliderWrap,.page-top .secSliderBanner .sliderWrap,.page-top .secSliderMainVisual .sliderWrap,.secAboutCategory .sliderWrap,.secAboutHeader,.secAboutSerialization .slick-list,.secArticleHeader,.secArticleOther .sliderWrap,.secDetailAdd,.secDetailOther .sliderWrap,.secDetailRecommend .sliderWrap,.secReferenceHeader,.secShareSns,.secSideBanner,.secSliderCategory .sliderWrap{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}}#modNews .secButton a,#modRecommend .secButton a,.page-top .secArtCulture .secButton a,.page-top .secDesign .secButton a,.page-top .secLearnExperience .secButton a,.page-top .secProduct .secButton a,.page-top .secTakumi .secButton a,.page-top .secWeb .secButton a,.secArticleList .secButton a,.secArticleOther .secButton a,.secCategoryReference .secButton a,.secCategorySerialization .secButton a,.secDetailButton a,.secDetailOther .secButton a,.secDetailRecommend .secButton a{display:flex;justify-content:center;align-items:center;width:700px;background:#fff;font-size:18px;border:2px solid #000;border-radius:40px;padding:26px 0;margin:0 auto;position:relative}@media screen and (max-width:767px){#modNews .secButton a,#modRecommend .secButton a,.page-top .secArtCulture .secButton a,.page-top .secDesign .secButton a,.page-top .secLearnExperience .secButton a,.page-top .secProduct .secButton a,.page-top .secTakumi .secButton a,.page-top .secWeb .secButton a,.secArticleList .secButton a,.secArticleOther .secButton a,.secCategoryReference .secButton a,.secCategorySerialization .secButton a,.secDetailButton a,.secDetailOther .secButton a,.secDetailRecommend .secButton a{display:block;width:auto;font-size:1.6rem;text-align:center;border-radius:10.6666666667vw;padding:4vw 10.6666666667vw}#modNews .secButton a span,#modRecommend .secButton a span,.page-top .secArtCulture .secButton a span,.page-top .secDesign .secButton a span,.page-top .secLearnExperience .secButton a span,.page-top .secProduct .secButton a span,.page-top .secTakumi .secButton a span,.page-top .secWeb .secButton a span,.secArticleList .secButton a span,.secArticleOther .secButton a span,.secCategoryReference .secButton a span,.secCategorySerialization .secButton a span,.secDetailButton a span,.secDetailOther .secButton a span,.secDetailRecommend .secButton a span{display:block}}#modNews .secButton a:after,#modRecommend .secButton a:after,.page-top .secArtCulture .secButton a:after,.page-top .secDesign .secButton a:after,.page-top .secLearnExperience .secButton a:after,.page-top .secProduct .secButton a:after,.page-top .secTakumi .secButton a:after,.page-top .secWeb .secButton a:after,.secArticleList .secButton a:after,.secArticleOther .secButton a:after,.secCategoryReference .secButton a:after,.secCategorySerialization .secButton a:after,.secDetailButton a:after,.secDetailOther .secButton a:after,.secDetailRecommend .secButton a:after{content:"";display:block;width:9px;height:9px;border-top:2px solid #000;border-right:2px solid #000;transform:rotate(45deg) translateY(-50%);position:absolute;top:50%;right:36px}@media screen and (max-width:767px){#modNews .secButton a:after,#modRecommend .secButton a:after,.page-top .secArtCulture .secButton a:after,.page-top .secDesign .secButton a:after,.page-top .secLearnExperience .secButton a:after,.page-top .secProduct .secButton a:after,.page-top .secTakumi .secButton a:after,.page-top .secWeb .secButton a:after,.secArticleList .secButton a:after,.secArticleOther .secButton a:after,.secCategoryReference .secButton a:after,.secCategorySerialization .secButton a:after,.secDetailButton a:after,.secDetailOther .secButton a:after,.secDetailRecommend .secButton a:after{width:1.8666666667vw;height:1.8666666667vw;right:8vw}}#modNews .secButton a img,#modRecommend .secButton a img,.page-top .secArtCulture .secButton a img,.page-top .secDesign .secButton a img,.page-top .secLearnExperience .secButton a img,.page-top .secProduct .secButton a img,.page-top .secTakumi .secButton a img,.page-top .secWeb .secButton a img,.secArticleList .secButton a img,.secArticleOther .secButton a img,.secCategoryReference .secButton a img,.secCategorySerialization .secButton a img,.secDetailButton a img,.secDetailOther .secButton a img,.secDetailRecommend .secButton a img{height:27px;margin-right:22px}@media screen and (max-width:767px){#modNews .secButton a img,#modRecommend .secButton a img,.page-top .secArtCulture .secButton a img,.page-top .secDesign .secButton a img,.page-top .secLearnExperience .secButton a img,.page-top .secProduct .secButton a img,.page-top .secTakumi .secButton a img,.page-top .secWeb .secButton a img,.secArticleList .secButton a img,.secArticleOther .secButton a img,.secCategoryReference .secButton a img,.secCategorySerialization .secButton a img,.secDetailButton a img,.secDetailOther .secButton a img,.secDetailRecommend .secButton a img{height:3.7333333333vw;margin:0 0 2.1333333333vw}}.modSubTitle .button a,.modTitle .button a,.secAboutHeader .button a,.secSubTitle .button a,.secTitle .button a{box-sizing:border-box;display:block;width:208px;background:#fff;font-size:16px;border-width:2px;border-style:solid;text-align:center;border-radius:40px;padding:20px 12px 20px 0;position:relative}.modSubTitle .button a:after,.modTitle .button a:after,.secAboutHeader .button a:after,.secSubTitle .button a:after,.secTitle .button a:after{content:"";display:block;width:9px;height:9px;border-top:2px solid #000;border-right:2px solid #000;transform:rotate(45deg) translateY(-60%);position:absolute;top:50%;right:26px}@media screen and (max-width:767px){html{font-size:2.6666666667vw}}.disable-auto-tel a[href^="tel:"]{color:inherit;text-decoration:none;pointer-events:none}body{font-size:14px;color:#000;-webkit-text-size-adjust:inherit}@media screen and (max-width:767px){body{-webkit-text-size-adjust:100%;font-size:1.4rem}}input,select,textarea{font-size:14px}@media screen and (max-width:767px){input,select,textarea{font-size:1.4rem}}:root body,_:-ms-fullscreen{overflow:hidden}.selector,_:lang(x)::-ms-backdrop{font-family:"Segoe UI",Meiryo,sans-serif}div,dl,p,section,ul{box-sizing:border-box}figure img,p img{vertical-align:bottom}a{color:#000;text-decoration:none}a,a:after,a:before{transition:.3s}a:hover{opacity:.6;filter:alpha(opacity=60)}button{transition:.3s}button:hover{opacity:.6;filter:alpha(opacity=60)}.ofi-img,img.gs-image{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;font-family:"object-fit: cover; object-position: 50% 50%;"}body .anchor{padding-top:145px;margin-top:-145px}@media screen and (max-width:767px){body .anchor{padding-top:14.9333333333vw;margin-top:-14.9333333333vw}}body.isFixed .anchor,body.isFixedLogo .anchor{padding-top:85px;margin-top:-85px}@media screen and (max-width:767px){body.isFixed .anchor,body.isFixedLogo .anchor{padding-top:14.9333333333vw;margin-top:-14.9333333333vw}}@media screen and (max-width:767px){main{margin-left:5.3333333333vw;margin-right:5.3333333333vw}}body.isFixed main{padding-top:145px}@media screen and (max-width:767px){body.isFixed main{padding-top:14.9333333333vw}}body.isFixedLogo main{padding-top:145px}@media screen and (max-width:767px){body.isFixedLogo main{padding-top:14.9333333333vw}}.slick-arrow{width:60px;height:60px;background-image:url(/_nuxt/img/ic_slide.ee3b0e5.svg);background-size:contain;background-repeat:no-repeat;overflow:hidden;text-indent:-10000px;position:absolute;z-index:1;cursor:pointer}@media screen and (max-width:767px){.slick-arrow{width:11.2vw;height:11.2vw}}.slick-arrow.slick-prev{left:30px}@media screen and (max-width:767px){.slick-arrow.slick-prev{left:.8vw}}.slick-arrow.slick-next{right:30px;transform:rotate(180deg)}@media screen and (max-width:767px){.slick-arrow.slick-next{right:.8vw}}.secSliderMainVisual .slick-arrow{top:235px}@media screen and (max-width:767px){.secSliderMainVisual .slick-arrow{top:20.5333333333vw}}.secSliderBanner .slick-arrow{top:52px}@media screen and (max-width:767px){.secSliderBanner .slick-arrow{top:6.6666666667vw}}.secArtCulture .slick-arrow,.secDesign .slick-arrow,.secSliderCategory .slick-arrow{top:140px}@media screen and (max-width:767px){.secArtCulture .slick-arrow,.secDesign .slick-arrow,.secSliderCategory .slick-arrow{top:18.6666666667vw}}.secLearnExperience .slick-arrow{top:140px}@media screen and (max-width:767px){.secLearnExperience .slick-arrow{top:18.6666666667vw}}.secArticleOther .slick-arrow,.secDetailOther .slick-arrow,.secDetailRecommend .slick-arrow{top:80px}@media screen and (max-width:767px){.secArticleOther .slick-arrow,.secDetailOther .slick-arrow,.secDetailRecommend .slick-arrow{top:18.6666666667vw}}@media screen and (max-width:767px){.modAdBanner-3 .slick-arrow{top:42%}}.slick-dots{font-size:0;text-align:center;margin-top:12px}@media screen and (max-width:767px){.slick-dots{margin-top:5.3333333333vw}}.slick-dots li{display:inline-block;margin:0 3.5px}@media screen and (max-width:767px){.slick-dots li{margin:0 .9333333333vw}}.slick-dots li button{width:7px;height:7px;background:#ddd;font-size:0;overflow:hidden;text-indent:10000px;cursor:pointer}@media screen and (max-width:767px){.slick-dots li button{width:1.8666666667vw;height:1.8666666667vw}}.slick-dots li.slick-active button{background:#000}.secTitle{width:1240px;position:relative;padding:7px 0 0 40px;margin:0 auto 40px}@media screen and (max-width:767px){.secTitle{width:auto;margin:0;padding:0 0 0 5.8666666667vw;margin-bottom:8vw}}.secTitle:before{content:"";width:6px;height:100%;border-radius:6px;position:absolute;top:0;left:0}@media screen and (max-width:767px){.secTitle:before{width:1.0666666667vw}}.secTitle h2{display:flex;align-items:flex-end;margin-bottom:20px}@media screen and (max-width:767px){.secTitle h2{display:block;margin-bottom:4vw}}.secTitle h2 img{height:58px;margin-right:35px}@media screen and (max-width:767px){.secTitle h2 img{height:8.5333333333vw;margin:0 0 5.3333333333vw}}.secTitle h2 span{font-size:20px;margin-bottom:12px}@media screen and (max-width:767px){.secTitle h2 span{display:block;font-size:1.8rem;line-height:1.6111111111em;margin-bottom:4vw}}.secTitle h2 span br{display:none}@media screen and (max-width:767px){.secTitle h2 span br{display:inline}}.secTitle .text{font-size:16px}@media screen and (max-width:767px){.secTitle .text{font-size:1.4rem;line-height:1.5714285714em}}.secTitle.withButton{display:flex;justify-content:space-between;align-items:flex-end}.page-design .secTitle:before,.secDesign .secTitle:before{background:#fb0}.page-web .secTitle:before,.secWeb .secTitle:before{background:#0089d0}.page-art-culture .secTitle:before,.secArtCulture .secTitle:before{background:#f76fb4}.page-product .secTitle:before,.secProduct .secTitle:before{background:#4eb446}.page-learn-experience .secTitle:before,.secLearnExperience .secTitle:before{background:#ff7f12}.page-learn-experience .secTitle .button a,.secLearnExperience .secTitle .button a{border-color:#ff7f12}.page-takumi .secTitle:before,.secTakumi .secTitle:before{background:#9b6fcc}.page-takumi .secTitle .button a,.secTakumi .secTitle .button a{border-color:#9b6fcc}.page-reference .secTitle:before{background:#b2b2b2}.page-reference .secTitle h2{font-size:52px;margin-bottom:30px}@media screen and (max-width:767px){.page-reference .secTitle h2{font-size:3rem;margin-bottom:5.3333333333vw}}.secSubTitle{width:1240px;display:flex;justify-content:space-between;align-items:flex-end;margin:0 auto 50px}@media screen and (max-width:767px){.secSubTitle{width:auto;margin:0;margin-bottom:8vw}}.secSubTitle h3{font-size:20px;line-height:1.8em}@media screen and (max-width:767px){.secSubTitle h3{font-size:1.8rem}}.secSubTitle h3 strong{padding:2px 5px;margin-right:10px}.page-design .secDetailOther .secSubTitle h3 strong{background:#ffd650}.page-design .secDetailOther .secSubTitle .button a{border-color:#fb0}.page-web .secDetailOther .secSubTitle h3 strong{background:#76d0ff}.page-web .secDetailOther .secSubTitle .button a{border-color:#0089d0}.page-art-culture .secDetailOther .secSubTitle h3 strong{background:#ffb5d5}.page-art-culture .secDetailOther .secSubTitle .button a{border-color:#f76fb4}.page-product .secDetailOther .secSubTitle h3 strong{background:#77db70}.page-product .secDetailOther .secSubTitle .button a{border-color:#4eb446}.page-learn-experience .secDetailOther .secSubTitle h3 strong{background:#ffa740}.page-learn-experience .secDetailOther .secSubTitle .button a{border-color:#ff7f12}.page-takumi .secDetailOther .secSubTitle h3 strong{background:#ccafeb}.page-takumi .secDetailOther .secSubTitle .button a{border-color:#9b6fcc}.page-news .secDetailOther .secSubTitle h3 strong{background:none;margin-right:0}#headerInformation{min-width:1240px;color:#2c2c2c;background:#fff;padding:10px 0}@media screen and (max-width:767px){#headerInformation{min-width:0;padding:1.6vw 1.3333333333vw}}#headerInformation a{color:#2c2c2c}#headerInformation dl{width:1240px;margin:0 auto;display:flex;justify-content:center;line-height:1.4}@media screen and (max-width:767px){#headerInformation dl{width:auto;margin:0;font-size:1rem}}#headerInformation dl dt{margin-right:2em;white-space:nowrap}@media screen and (max-width:767px){#headerInformation dl dt{margin-right:1em}}@media screen and (max-width:767px){#headerInformation dl dd{flex:1}}#headerBanner{min-width:1240px;background:#f2f2f2;text-align:center;border-bottom:1px solid #fff;padding:5px 0;position:relative}@media screen and (max-width:767px){#headerBanner{min-width:0}}#headerBanner img{max-width:100%}@media screen and (max-width:767px){#headerBanner{padding:0}#headerBanner img{width:100%}}#headerBanner p{width:1240px;margin:0 auto}@media screen and (max-width:767px){#headerBanner p{width:auto;margin:0}}#headerBanner #closeBanner{display:block;width:26px;height:26px;position:absolute;top:50%;right:22px;transform:translateY(-50%);cursor:pointer}@media screen and (max-width:767px){#headerBanner #closeBanner{display:none}}#headerBanner #closeBanner span{display:block;width:100%;height:2px;background:#2c2c2c;position:absolute;left:0}#headerBanner #closeBanner span:first-of-type{top:0;transform:translateY(12px) rotate(-45deg)}#headerBanner #closeBanner span:nth-of-type(2){bottom:0;transform:translateY(-12px) rotate(45deg)}#headerNavBusiness{min-width:1240px;background:#f2f2f2;padding:11px 0}@media screen and (max-width:767px){#headerNavBusiness{min-width:0}}#headerNavBusiness ul{display:flex;justify-content:flex-end;font-size:12px}#headerNavBusiness ul li{margin-left:2em}#headerNavBusiness ul li:last-child{margin-right:60px}header.pc{min-width:1240px;width:100%;height:145px;background:#fff;position:relative}@media screen and (max-width:767px){header.pc{min-width:0}}header.pc .global{margin:0 30px}header.pc .wrap{display:flex;flex-wrap:wrap;align-items:center;height:85px}header.pc h1{width:75px}header.pc h1 img{width:100%}header.pc .member{display:flex;align-items:center;margin-left:auto;margin-right:30px}header.pc .member .about{padding-right:90px}header.pc .member .entry{padding-right:30px;border-right:2px solid #000}header.pc .member .login{padding-left:30px}header.pc .member .search{padding-left:60px}header.pc .member .search a{display:block;width:40px;height:40px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4NCiAgPGcgaWQ9IuOCsOODq+ODvOODl182NDk4IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA2NDk4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODAzIC0xMjMpIj4NCiAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfNSIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNSIgY3g9IjIwIiBjeT0iMjAiIHI9IjIwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MDMgMTIzKSIvPg0KICAgIDxnIGlkPSLjgrDjg6vjg7zjg5dfNjQ5NyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNjQ5NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI2MyAtMjApIj4NCiAgICAgIDxnIGlkPSLmpZXlhoblvaJfMSIgZGF0YS1uYW1lPSLmpZXlhoblvaIgMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA3NyAxNTQpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiI+DQogICAgICAgIDxjaXJjbGUgY3g9IjcuOTAzIiBjeT0iNy45MDMiIHI9IjcuOTAzIiBzdHJva2U9Im5vbmUiLz4NCiAgICAgICAgPGNpcmNsZSBjeD0iNy45MDMiIGN5PSI3LjkwMyIgcj0iNi45MDMiIGZpbGw9Im5vbmUiLz4NCiAgICAgIDwvZz4NCiAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMzciIGRhdGEtbmFtZT0i44OR44K5IDM3IiBkPSJNMTExNS4yMTEsMTgzLjg5MWwtMi41NjQtMi41NjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMi4zNjUgLTEzLjUpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==);background-repeat:no-repeat;background-size:contain;text-indent:-10000px}header.pc .member .search a.active{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4NCiAgPGcgaWQ9IuOCsOODq+ODvOODl182NDk4IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA2NDk4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODAzIC0xMjMpIj4NCiAgICA8ZyBpZD0i5qWV5YaG5b2iXzUiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwMyAxMjMpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMSI+DQogICAgICA8Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIyMCIgc3Ryb2tlPSJub25lIi8+DQogICAgICA8Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIxOS41IiBmaWxsPSJub25lIi8+DQogICAgPC9nPg0KICAgIDxnIGlkPSLjgrDjg6vjg7zjg5dfNjQ5NyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNjQ5NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI2MyAtMjApIj4NCiAgICAgIDxnIGlkPSLmpZXlhoblvaJfMSIgZGF0YS1uYW1lPSLmpZXlhoblvaIgMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA3NyAxNTQpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiI+DQogICAgICAgIDxjaXJjbGUgY3g9IjcuOTAzIiBjeT0iNy45MDMiIHI9IjcuOTAzIiBzdHJva2U9Im5vbmUiLz4NCiAgICAgICAgPGNpcmNsZSBjeD0iNy45MDMiIGN5PSI3LjkwMyIgcj0iNi45MDMiIGZpbGw9Im5vbmUiLz4NCiAgICAgIDwvZz4NCiAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMzciIGRhdGEtbmFtZT0i44OR44K5IDM3IiBkPSJNMTExNS4yMTEsMTgzLjg5MWwtMi41NjQtMi41NjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMi4zNjUgLTEzLjUpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==)}header.pc .category{display:flex;justify-content:space-around;height:60px;border-top:2px solid #000;border-bottom:2px solid #000;padding:0 20px}header.pc .category li{height:100%;display:flex;align-items:center;position:relative}header.pc .category li br{display:none}header.pc .category li a{display:inline-block;padding:6px 8px 4px}header.pc .category li a:hover{opacity:1;filter:alpha(opacity=100)}.page-design header.pc .category li.design a,header.pc .category li.design a:hover{background:#ffd650}.page-web header.pc .category li.web a,header.pc .category li.web a:hover{background:#76d0ff}.page-art-culture header.pc .category li.art-culture a,header.pc .category li.art-culture a:hover{background:#ffb5d5}.page-product header.pc .category li.product a,header.pc .category li.product a:hover{background:#77db70}.page-learn-experience header.pc .category li.learn-experience a,header.pc .category li.learn-experience a:hover{background:#ffa740}.page-takumi header.pc .category li.takumi a,header.pc .category li.takumi a:hover{background:#ccafeb}.page-reference header.pc .category li.reference a,header.pc .category li.reference a:hover{background:#c9c9c9}header.pc .category li:after,header.pc .category li:before{content:"";display:none;border-style:solid;border-width:12px 10px 0;position:absolute;left:50%;transform:translateX(-50%)}header.pc .category li:before{border-color:#000 transparent transparent;bottom:-12px}header.pc .category li:after{border-color:#fff transparent transparent;bottom:-9px}.page-art-culture header.pc .category li.art-culture:after,.page-art-culture header.pc .category li.art-culture:before,.page-design header.pc .category li.design:after,.page-design header.pc .category li.design:before,.page-learn-experience header.pc .category li.learn-experience:after,.page-learn-experience header.pc .category li.learn-experience:before,.page-news header.pc .category li.news:after,.page-news header.pc .category li.news:before,.page-product header.pc .category li.product:after,.page-product header.pc .category li.product:before,.page-reference header.pc .category li.reference:after,.page-reference header.pc .category li.reference:before,.page-takumi header.pc .category li.takumi:after,.page-takumi header.pc .category li.takumi:before,.page-web header.pc .category li.web:after,.page-web header.pc .category li.web:before{display:block}header.sp{width:100%;height:14.9333333333vw;background:#fff;position:relative}header.sp:after{content:"";width:94.6666666667vw;height:.5333333333vw;background:#000;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}header.sp .global{height:100%;display:flex;align-items:center;justify-content:space-between;margin:0 5.3333333333vw}header.sp h1{flex:1}header.sp h1 img{width:13.8666666667vw}header.sp .search{margin-right:5.3333333333vw}header.sp .search a{display:block;width:6.9333333333vw;height:6.9333333333vw;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4NCiAgPGcgaWQ9IuOCsOODq+ODvOODl182NDk4IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA2NDk4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODAzIC0xMjMpIj4NCiAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfNSIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNSIgY3g9IjIwIiBjeT0iMjAiIHI9IjIwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MDMgMTIzKSIvPg0KICAgIDxnIGlkPSLjgrDjg6vjg7zjg5dfNjQ5NyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNjQ5NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI2MyAtMjApIj4NCiAgICAgIDxnIGlkPSLmpZXlhoblvaJfMSIgZGF0YS1uYW1lPSLmpZXlhoblvaIgMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA3NyAxNTQpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiI+DQogICAgICAgIDxjaXJjbGUgY3g9IjcuOTAzIiBjeT0iNy45MDMiIHI9IjcuOTAzIiBzdHJva2U9Im5vbmUiLz4NCiAgICAgICAgPGNpcmNsZSBjeD0iNy45MDMiIGN5PSI3LjkwMyIgcj0iNi45MDMiIGZpbGw9Im5vbmUiLz4NCiAgICAgIDwvZz4NCiAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMzciIGRhdGEtbmFtZT0i44OR44K5IDM3IiBkPSJNMTExNS4yMTEsMTgzLjg5MWwtMi41NjQtMi41NjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMi4zNjUgLTEzLjUpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==);background-repeat:no-repeat;background-size:contain;text-indent:-10000px}header.sp .search a.active{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4NCiAgPGcgaWQ9IuOCsOODq+ODvOODl182NDk4IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA2NDk4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODAzIC0xMjMpIj4NCiAgICA8ZyBpZD0i5qWV5YaG5b2iXzUiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwMyAxMjMpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMSI+DQogICAgICA8Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIyMCIgc3Ryb2tlPSJub25lIi8+DQogICAgICA8Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIxOS41IiBmaWxsPSJub25lIi8+DQogICAgPC9nPg0KICAgIDxnIGlkPSLjgrDjg6vjg7zjg5dfNjQ5NyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNjQ5NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI2MyAtMjApIj4NCiAgICAgIDxnIGlkPSLmpZXlhoblvaJfMSIgZGF0YS1uYW1lPSLmpZXlhoblvaIgMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA3NyAxNTQpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiI+DQogICAgICAgIDxjaXJjbGUgY3g9IjcuOTAzIiBjeT0iNy45MDMiIHI9IjcuOTAzIiBzdHJva2U9Im5vbmUiLz4NCiAgICAgICAgPGNpcmNsZSBjeD0iNy45MDMiIGN5PSI3LjkwMyIgcj0iNi45MDMiIGZpbGw9Im5vbmUiLz4NCiAgICAgIDwvZz4NCiAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMzciIGRhdGEtbmFtZT0i44OR44K5IDM3IiBkPSJNMTExNS4yMTEsMTgzLjg5MWwtMi41NjQtMi41NjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMi4zNjUgLTEzLjUpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==)}body.isFixed header{position:fixed;top:-85px;left:0;z-index:9000;transition:.3s}@media screen and (max-width:767px){body.isFixed header{top:0}}body.isFixedLogo header{top:0}header .searchBox{display:none;width:100%;background:#000;position:absolute;top:143px;height:80px;left:0;z-index:1;padding:20px 35px 0}@media screen and (max-width:767px){header .searchBox{top:14.4vw;height:16vw;padding:4vw 5.3333333333vw 0}}header .searchBox .searchInputArea{background:#fff;height:40px;border-radius:20px;padding:12px 35px 0}@media screen and (max-width:767px){header .searchBox .searchInputArea{height:8vw;border-radius:5.3333333333vw;padding:1.8666666667vw 5.3333333333vw 0}}header .searchBox .searchInputArea form{display:flex;justify-content:space-between;align-items:center}header .searchBox .searchInputArea .searchBar_input{width:100%;flex:1}header .searchBox .searchInputArea .searchBar_button{width:16px;height:17px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy4yNiIgaGVpZ2h0PSIxNy44MDYiIHZpZXdCb3g9IjAgMCAxNy4yNiAxNy44MDYiPg0KICA8ZyBpZD0i44Kw44Or44O844OXXzgyODMiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDgyODMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDc3IC0xNTQpIj4NCiAgICA8ZyBpZD0i5qWV5YaG5b2iXzEiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwNzcgMTU0KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiPg0KICAgICAgPGNpcmNsZSBjeD0iNy45MDMiIGN5PSI3LjkwMyIgcj0iNy45MDMiIHN0cm9rZT0ibm9uZSIvPg0KICAgICAgPGNpcmNsZSBjeD0iNy45MDMiIGN5PSI3LjkwMyIgcj0iNi45MDMiIGZpbGw9Im5vbmUiLz4NCiAgICA8L2c+DQogICAgPHBhdGggaWQ9IuODkeOCuV8zNyIgZGF0YS1uYW1lPSLjg5HjgrkgMzciIGQ9Ik0xMTE1LjIxMSwxODMuODkxbC0yLjU2NC0yLjU2NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyLjM2NSAtMTMuNSkiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4NCiAgPC9nPg0KPC9zdmc+DQo=);background-repeat:no-repeat;background-size:contain;cursor:pointer}@media screen and (max-width:767px){header .searchBox .searchInputArea .searchBar_button{width:3.2vw;height:3.4666666667vw}}#dispNav{width:5.3333333333vw;height:5.0666666667vw;position:relative}#dispNav span{display:block;box-sizing:border-box;position:absolute;right:0;width:100%;height:.8vw;background:#000;border-radius:1.3333333333vw}#dispNav span:first-of-type{top:0}#dispNav span:nth-of-type(2){top:50%;transform:translateY(-50%)}#dispNav span:nth-of-type(3){bottom:0}#closeNav{width:5.3333333333vw;height:5.0666666667vw;position:absolute;top:4.8vw;right:4.8vw}#closeNav span{display:block;box-sizing:border-box;position:absolute;right:0;width:120%;height:.8vw;background:#000;border-radius:1.3333333333vw}#closeNav span:first-of-type{transform:translate(0) rotate(-45deg)}#closeNav span:nth-of-type(2){transform:translate(0) rotate(45deg)}#navSp{transition:1s}#navSp,#navSp .bg{width:0;height:100vh;position:fixed;top:0;right:0;z-index:10000}#navSp .bg{background:rgba(0,0,0,.4);opacity:0;filter:alpha(opacity=0)}#navSp .inner{width:80vw;height:100vh;background:#fff;padding:14.6666666667vw 8vw 26.6666666667vw;position:absolute;top:0;right:-80vw;z-index:10001;transition:.3s;overflow-y:auto}#navSp ul li a{display:block;line-height:1.5384615385em}#navSp .business,#navSp .category,#navSp .member{font-size:1.3rem}#navSp .utility{font-size:1.2rem}#navSp .business,#navSp .category,#navSp .member{border-bottom:.5333333333vw solid #000;margin-bottom:5.3333333333vw}#navSp .business li,#navSp .category li,#navSp .member li{margin-bottom:5.3333333333vw}#navSp .member .entry,#navSp .member .entry a,#navSp .member .login,#navSp .member .login a{display:inline-block}#navSp .member .entry:after{content:"/";display:inline-block;margin:0 .5em 0 1em}#navSp .category li a{border-left-width:.5333333333vw;border-left-style:solid;padding-left:2.6666666667vw}#navSp .category li.design a{border-left-color:#fb0}#navSp .category li.web a{border-left-color:#0089d0}#navSp .category li.art-culture a{border-left-color:#f76fb4}#navSp .category li.clProduct a{border-left-color:#4eb446}#navSp .category li.learn-experience a{border-left-color:#ff7f12}#navSp .category li.takumi a{border-left-color:#9b6fcc}#navSp .category li.reference a{border-left-color:#b2b2b2}#navSp .category li.news a{border-left-color:transparent}#navSp .utility li{margin-bottom:2.6666666667vw}#navSp .utility li:last-child{margin-bottom:0}#navSp.active{width:100vw}#navSp.active .bg{width:100vw;opacity:1;filter:alpha(opacity=100)}#navSp.active .inner{right:0}footer{min-width:1240px}@media screen and (max-width:767px){footer{min-width:0}}footer nav{display:flex;justify-content:space-between;padding:16px 0 12px;margin:0 30px}@media screen and (max-width:767px){footer nav{display:block;padding:9.3333333333vw 0;margin:0 5.3333333333vw}}footer .logo{display:flex;align-items:center}@media screen and (max-width:767px){footer .logo{margin-bottom:5.3333333333vw}}footer .logo .mdn img{width:82px;margin-right:32px}@media screen and (max-width:767px){footer .logo .mdn img{width:16vw;margin-right:5.3333333333vw}}footer .logo .impress img{width:54px}@media screen and (max-width:767px){footer .logo .impress img{width:10.1333333333vw}}footer .utility ul{display:flex;margin:2px 0 10px}@media screen and (max-width:767px){footer .utility ul{flex-wrap:wrap;margin:0 0 5.3333333333vw}}footer .utility ul li{border-right:1px solid #000;padding:0 11px}@media screen and (max-width:767px){footer .utility ul li{border-right:none;padding:0;margin-bottom:4.8vw}footer .utility ul li:nth-child(odd){width:46%}footer .utility ul li:nth-child(2n){width:54%}}footer .utility ul li:last-child{border-right:none;padding-right:0}footer .utility ul li a{font-size:12px}@media screen and (max-width:767px){footer .utility ul li a{font-size:1.2rem}}footer .utility .copyright{text-align:right}@media screen and (max-width:767px){footer .utility .copyright{text-align:center}footer .utility .copyright img{width:77.0666666667vw}}#modalAd{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:11000}#modalAd.isOpen{display:block}#modalAd .modalOverlay{width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;overflow-y:auto}#modalAd .modalContent{width:100%}#modalAd .modalContent #adImage,#modalAd .modalContent #viewPage,#modalAd .modalContent .logo{margin:0 30px}@media screen and (max-width:767px){#modalAd .modalContent #adImage,#modalAd .modalContent #viewPage,#modalAd .modalContent .logo{margin:0 5.3333333333vw}}#modalAd .modalContent .logo{width:75px;padding:25px 0}@media screen and (max-width:767px){#modalAd .modalContent .logo{width:13.8666666667vw;padding:4vw 0}}#modalAd .modalContent .logo img{width:100%}#modalAd .modalContent #viewPage{border-top:2px solid #000;border-bottom:2px solid #000;text-align:center;padding:20px 0}@media screen and (max-width:767px){#modalAd .modalContent #viewPage{border:none;position:relative;padding:4vw 0}#modalAd .modalContent #viewPage:after,#modalAd .modalContent #viewPage:before{content:"";width:94.6666666667vw;height:.5333333333vw;background:#000;position:absolute;left:50%;transform:translateX(-50%)}#modalAd .modalContent #viewPage:before{top:0}#modalAd .modalContent #viewPage:after{bottom:0}}#modalAd .modalContent #viewPage a{font-size:16px;display:inline-block;position:relative}@media screen and (max-width:767px){#modalAd .modalContent #viewPage a{font-size:1.6rem}}#modalAd .modalContent #viewPage a:after{content:"";display:block;width:7px;height:7px;border-top:2px solid #000;border-right:2px solid #000;transform:rotate(45deg);position:absolute;top:3px;right:-15px}@media screen and (max-width:767px){#modalAd .modalContent #viewPage a:after{width:1.8666666667vw;height:1.8666666667vw;top:.8vw;right:-4vw}}#modalAd .modalContent #adImage{padding-top:65px;text-align:center}@media screen and (max-width:767px){#modalAd .modalContent #adImage{padding-top:16vw}}#modalAd .modalContent #adImage>a{display:inline-block}#modalAd .modalContent #adImage img{width:600px;height:auto}@media screen and (max-width:767px){#modalAd .modalContent #adImage img{width:80vw}}.modTitle{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}@media screen and (max-width:767px){.modTitle{margin-bottom:6.6666666667vw}}.modTitle h2{display:flex;align-items:flex-end}@media screen and (max-width:767px){.modTitle h2{display:block}}.modTitle h2 img{margin-right:35px}@media screen and (max-width:767px){.modTitle h2 img{margin:0 0 6.6666666667vw}}.modTitle h2 span{font-size:20px;white-space:nowrap}@media screen and (max-width:767px){.modTitle h2 span{display:block;font-size:2rem}}#modRecommend .modTitle{margin-bottom:100px}@media screen and (max-width:767px){#modRecommend .modTitle{margin:0 0 10.6666666667vw 5.3333333333vw}#modRecommend .modTitle img{width:51.4666666667vw}}@media screen and (max-width:767px){#modNews .modTitle img{width:24.2666666667vw}}#modRanking .modTitle{margin-bottom:40px}@media screen and (max-width:767px){#modRanking .modTitle{margin-bottom:8vw}}@media screen and (max-width:767px){#modRanking .modTitle img{width:36.5333333333vw;margin-bottom:4vw}}#modRanking .modTitle span{margin-bottom:12px}@media screen and (max-width:767px){#modRanking .modTitle span{margin-bottom:0}}.modSubTitle{width:1240px;display:flex;justify-content:space-between;align-items:flex-start;margin:0 auto 30px}@media screen and (max-width:767px){.modSubTitle{width:auto;margin:0;margin-bottom:6.6666666667vw}}.modSubTitle h3{display:flex;align-items:flex-end;position:relative;padding:6px 0 0 20px}@media screen and (max-width:767px){.modSubTitle h3{display:block;padding:1.6vw 0 0 4.8vw}}.modSubTitle h3:before{content:"";width:4px;height:100%;border-radius:4px;position:absolute;top:0;left:0}@media screen and (max-width:767px){.modSubTitle h3:before{width:.8vw}}.modSubTitle h3 img{height:33px;margin-right:32px}@media screen and (max-width:767px){.modSubTitle h3 img{height:6.1333333333vw;margin:0 0 2.6666666667vw}}.modSubTitle h3 span{font-size:20px;white-space:nowrap;margin-bottom:6px}@media screen and (max-width:767px){.modSubTitle h3 span{display:block;font-size:2rem}}.secRecommend.experience .modSubTitle h3:before{background:#ff7f12}@media screen and (max-width:767px){.secRecommend.experience .modSubTitle h3 span{font-size:1.8rem}}.secRecommend.experience .modSubTitle .button a{border-color:#ff7f12}.secRecommend.takumi .modSubTitle h3:before{background:#9b6fcc}@media screen and (max-width:767px){.secRecommend.takumi .modSubTitle h3 span{font-size:1.8rem}}.secRecommend.takumi .modSubTitle .button a{border-color:#9b6fcc}.page-design .modSubTitle h3:before{background:#fb0}.page-design .modSubTitle .button a{border-color:#fb0}.page-web .modSubTitle h3:before{background:#0089d0}.page-web .modSubTitle .button a{border-color:#0089d0}.page-art-culture .modSubTitle h3:before{background:#f76fb4}.page-art-culture .modSubTitle .button a{border-color:#f76fb4}.page-product .modSubTitle h3:before{background:#4eb446}.page-product .modSubTitle .button a{border-color:#4eb446}#modNews,#modRanking,#modRecommend{min-width:1240px}@media screen and (max-width:767px){#modNews,#modRanking,#modRecommend{min-width:0}}#modNews .inner,#modRanking .inner,#modRecommend .inner{width:1240px;margin:0 auto}@media screen and (max-width:767px){#modNews .inner,#modRanking .inner,#modRecommend .inner{width:auto;margin:0}}#modNews .list,#modRanking .list,#modRecommend .list{display:flex}@media screen and (max-width:767px){#modNews .list,#modRanking .list,#modRecommend .list{display:block}}#modNews .list .item,#modRanking .list .item,#modRecommend .list .item{width:224px;margin-right:30px}@media screen and (max-width:767px){#modNews .list .item,#modRanking .list .item,#modRecommend .list .item{width:auto;display:flex;justify-content:space-between;margin:0 0 5.3333333333vw}#modNews .list .item:last-child,#modRanking .list .item:last-child,#modRecommend .list .item:last-child{margin-bottom:0}}#modNews .list a,#modRanking .list a,#modRecommend .list a{display:inline-block}#modNews .list figure img,#modRanking .list figure img,#modRecommend .list figure img{width:224px;height:126px}@media screen and (max-width:767px){#modNews .list figure img,#modRanking .list figure img,#modRecommend .list figure img{width:34.6666666667vw;height:19.4666666667vw;margin-right:4vw}}#modNews .list .method,#modNews .list .tag,#modNews .list .title,#modNews .list figure,#modRanking .list .method,#modRanking .list .tag,#modRanking .list .title,#modRanking .list figure,#modRecommend .list .method,#modRecommend .list .tag,#modRecommend .list .title,#modRecommend .list figure{margin-bottom:12px}@media screen and (max-width:767px){#modNews .list .method,#modNews .list .tag,#modNews .list .title,#modNews .list figure,#modRanking .list .method,#modRanking .list .tag,#modRanking .list .title,#modRanking .list figure,#modRecommend .list .method,#modRecommend .list .tag,#modRecommend .list .title,#modRecommend .list figure{margin-bottom:2.6666666667vw}}#modNews .list .tag,#modRanking .list .tag,#modRecommend .list .tag{display:inline-block}#modNews .list .method span,#modNews .list .tag span,#modRanking .list .method span,#modRanking .list .tag span,#modRecommend .list .method span,#modRecommend .list .tag span{font-size:11px}@media screen and (max-width:767px){#modNews .list .method span,#modNews .list .tag span,#modRanking .list .method span,#modRanking .list .tag span,#modRecommend .list .method span,#modRecommend .list .tag span{font-size:1.2rem}}#modNews .list .title,#modRanking .list .title,#modRecommend .list .title{line-height:1.5714285714em;max-height:4.7142857143em;overflow:hidden}@media screen and (max-width:767px){#modNews .list .title,#modRanking .list .title,#modRecommend .list .title{font-size:1.3rem}}#modNews .list .update,#modRanking .list .update,#modRecommend .list .update{font-size:12px}@media screen and (max-width:767px){#modNews .list .update,#modRanking .list .update,#modRecommend .list .update{font-size:1.2rem}}#modRecommend .secRecommend{margin-bottom:90px}@media screen and (max-width:767px){#modRecommend .secRecommend{margin:0 5.3333333333vw 16vw}}@media screen and (max-width:767px){#modRecommend .secRecommend .list{margin-bottom:10.6666666667vw}}#modRecommend .secRecommend .tag{margin-bottom:8px}#modRecommend .secRecommend .tag span{line-height:1.5833333333em;padding:5px 6px 4px}@media screen and (max-width:767px){#modRecommend .secRecommend .tag span{padding:1.0666666667vw .8vw .5333333333vw}}#modRecommend .secRecommend.experience .tag span{background:#ffa740}#modRecommend .secRecommend.takumi .tag span{background:#ccafeb}#modRecommend .secRecommend .method span{border:1px solid #000;line-height:1.5833333333em;padding:4px 6px 3px}@media screen and (max-width:767px){#modRecommend .secRecommend .method span{padding:.8vw .8vw .2666666667vw}}#modRecommend .secButton a{padding:6.6666666667vw 0}#modRecommend .secRecommend.experience .secButton a{border-color:#ff7f12}#modRecommend .secRecommend.takumi .secButton a{border-color:#9b6fcc}#modNews{background:#f8f8f8;padding:90px 0;margin-bottom:100px}@media screen and (max-width:767px){#modNews{padding:13.3333333333vw 5.3333333333vw}}@media screen and (max-width:767px){#modNews,#modNews .list{margin-bottom:13.3333333333vw}}#modNews .list .tag span{background:#fff;border:1px solid #000;line-height:1.5833333333em;padding:4px 6px 3px}@media screen and (max-width:767px){#modNews .list .tag span{padding:.8vw .8vw .2666666667vw}}#modNews .secButton a{border-color:#000;padding:6.6666666667vw 0}#modReference{width:1240px;text-align:center;margin:0 auto 120px}@media screen and (max-width:767px){#modReference{width:auto;margin:0;margin:0 5.3333333333vw 18.6666666667vw}}#modReference img{width:100%}@media screen and (max-width:767px){main #modReference{margin-left:0;margin-right:0}}#modRanking{overflow:hidden}@media screen and (max-width:767px){#modRanking{padding:0 5.3333333333vw}}#modRanking dl.ranking{position:relative;padding-top:60px}@media screen and (max-width:767px){#modRanking dl.ranking{padding-top:13.3333333333vw}}#modRanking dl.ranking>dt{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:250px;height:60px;font-size:16px;border:1px solid #000;border-bottom:none;cursor:pointer;padding-top:5px;position:absolute;top:0}@media screen and (max-width:767px){#modRanking dl.ranking>dt{width:44vw;height:13.3333333333vw;font-size:1.4rem;border-bottom:none;padding-top:1.3333333333vw}}#modRanking dl.ranking>dt.active{background:#000;color:#fff}#modRanking dl.ranking>dt:first-of-type{left:0}#modRanking dl.ranking>dt:nth-of-type(2){left:260px}@media screen and (max-width:767px){#modRanking dl.ranking>dt:nth-of-type(2){left:auto;right:0}}#modRanking dl.ranking>dd{display:none;background:#000;padding:55px 0 100px;position:relative}@media screen and (max-width:767px){#modRanking dl.ranking>dd{padding:13.3333333333vw 0}}#modRanking dl.ranking>dd.show{display:block}#modRanking dl.ranking>dd:after,#modRanking dl.ranking>dd:before{content:"";width:50vw;height:100%;background:#000;position:absolute;top:0}#modRanking dl.ranking>dd:before{left:-50vw}#modRanking dl.ranking>dd:after{right:-50vw}#modRanking .list{width:1240px;margin:0 auto}@media screen and (max-width:767px){#modRanking .list{width:auto;margin:0}}#modRanking .list a{color:#fff}#modRanking .list .tag span{background:#fff;color:#000;line-height:1.5833333333em;padding:5px 6px 4px}@media screen and (max-width:767px){#modRanking .list .tag span{padding:1.0666666667vw .8vw .5333333333vw}}#modRanking .list figure{position:relative}#modRanking .list figure:after{content:"";display:block;width:30px;height:34px;background-repeat:no-repeat;background-size:100% auto;position:absolute;top:0;left:0}@media screen and (max-width:767px){#modRanking .list figure:after{width:8vw;height:9.0666666667vw}}#modRanking .list .rank1 figure:after{background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Kw44Or44O844OXXzYwNTMiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDYwNTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMzLjUzOCIgdmlld0JveD0iMCAwIDMwIDMzLjUzOCI+DQogIDxwYXRoIGlkPSLjg5HjgrlfNDU5NyIgZGF0YS1uYW1lPSLjg5HjgrkgNDU5NyIgZD0iTTAtM0gzMFYzMC41MzhsLTE0Ljk1OS03LjRMMCwzMC41MzhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDMpIiBmaWxsPSIjYzQ5OTUzIi8+DQogIDxwYXRoIGlkPSLjg5HjgrlfNDc0MiIgZGF0YS1uYW1lPSLjg5HjgrkgNDc0MiIgZD0iTTEuMTctOS41NGEuODEuODEsMCwwLDAtLjI4OC42MTIuOTU2Ljk1NiwwLDAsMCwuOTE4LjkuOTMxLjkzMSwwLDAsMCwuNTk0LS4yNTJMMy41ODItOS4zNmEuMTU0LjE1NCwwLDAsMSwuMTA4LS4wNTRjLjA5LDAsLjA5LjE2Mi4wOS4xNjJWLS43MzhhLjguOCwwLDAsMCwuOS44MS44LjgsMCwwLDAsLjktLjgxVi0xMS42ODJhLjgxNy44MTcsMCwwLDAtLjgyOC0uOTE4LDEuMiwxLjIsMCwwLDAtLjg0Ni40WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEgMjApIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==)}#modRanking .list .rank2 figure:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMy41MzgiIHZpZXdCb3g9IjAgMCAzMCAzMy41MzgiPg0KICA8ZyBpZD0i44Kw44Or44O844OXXzYwNTQiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDYwNTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTcgLTYzNzUpIj4NCiAgICA8cGF0aCBpZD0i44OR44K5XzQ1OTciIGRhdGEtbmFtZT0i44OR44K5IDQ1OTciIGQ9Ik0wLTNIMzBWMzAuNTM4bC0xNC45NTktNy40TDAsMzAuNTM4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE3IDYzNzgpIiBmaWxsPSIjOTQ5NDk0Ii8+DQogICAgPHBhdGggaWQ9IuODkeOCuV80NzQyIiBkYXRhLW5hbWU9IuODkeOCuSA0NzQyIiBkPSJNNy4wMzgsMGEuNzU1Ljc1NSwwLDAsMCwuODEtLjg0Ni43NjkuNzY5LDAsMCwwLS44MS0uODY0aC00Yy0uMDU0LDAtLjE2MiwwLS4xNjItLjA5YS43NDIuNzQyLDAsMCwxLC4wMzYtLjE2MkE2LjAzMyw2LjAzMywwLDAsMSw0LjMyLTMuNzhMNi4yODItNS42N0E0LjQ1LDQuNDUsMCwwLDAsNy44NjYtOS4wMTgsMy40MDYsMy40MDYsMCwwLDAsNC4xOTQtMTIuNmE0LjA3OSw0LjA3OSwwLDAsMC0zLjAwNiwxLjIyNCwxLjIyMywxLjIyMywwLDAsMC0uNDMyLjc1Ni45NDIuOTQyLDAsMCwwLC45MzYuODgyLjcwNi43MDYsMCwwLDAsLjU1OC0uMjM0LDIuNTY5LDIuNTY5LDAsMCwxLDEuOTQ0LS45MTgsMS42ODgsMS42ODgsMCwwLDEsMS44LDEuOTA4QTIuNzc3LDIuNzc3LDAsMCwxLDQuOTUtNi45M0wyLjg2Mi00LjlDMS4zODYtMy40NTYuNTIyLTEuODcyLjUyMi0uODQ2LjUyMi0uNC42MywwLDEuNTMsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyOCA2Mzk1KSIgZmlsbD0iI2ZmZiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==)}#modRanking .list .rank3 figure:after{background-image:url(/_nuxt/img/ic_rank_03.76471e8.svg)}#modRanking .list .rank4 figure:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMy41MzgiIHZpZXdCb3g9IjAgMCAzMCAzMy41MzgiPg0KICA8ZyBpZD0i44Kw44Or44O844OXXzYwNTYiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDYwNTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTggLTYzNzUpIj4NCiAgICA8cGF0aCBpZD0i44OR44K5XzQ1OTciIGRhdGEtbmFtZT0i44OR44K5IDQ1OTciIGQ9Ik0wLTNIMzBWMzAuNTM4bC0xNC45NTktNy40TDAsMzAuNTM4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE4IDYzNzgpIiBmaWxsPSIjMjYyNjI2Ii8+DQogICAgPHBhdGggaWQ9IuODkeOCuV80NzQ0IiBkYXRhLW5hbWU9IuODkeOCuSA0NzQ0IiBkPSJNLjcyLTMuNjM2YTIuODU3LDIuODU3LDAsMCwwLS4yNTIuOWMwLC40MzIuMjcuNzU2Ljg0Ni43NTZINS4xM2MuMTI2LDAsLjE2Mi4wNTQuMTYyLjE2MnYxLjA4YS44LjgsMCwwLDAsLjkuODEuOC44LDAsMCwwLC45LS44MXYtMS4wOGMwLS4xMDguMDM2LS4xNjIuMTYyLS4xNjJoLjU0Yy41NCwwLC43MzgtLjQxNC43MzgtLjg0NmEuNzQ2Ljc0NiwwLDAsMC0uNzM4LS44NDZoLS41NGMtLjEyNiwwLS4xNjItLjA1NC0uMTYyLS4xOHYtMS42MmEuOC44LDAsMCwwLS45LS44MS44LjgsMCwwLDAtLjkuODF2MS42MmMwLC4xMjYtLjAzNi4xOC0uMTYyLjE4SDIuODQ0Yy0uMDcyLDAtLjE2Mi0uMDM2LS4xNjItLjEyNmEuMjE4LjIxOCwwLDAsMSwuMDE4LS4wOWwyLjk3LTcuNDg4YTEuMTM4LDEuMTM4LDAsMCwwLC4wOS0uMzc4Ljk3Ni45NzYsMCwwLDAtLjk5LS44NDYuNzUxLjc1MSwwLDAsMC0uNzIuNTU4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI5IDYzOTUpIiBmaWxsPSIjZmZmIi8+DQogIDwvZz4NCjwvc3ZnPg0K)}#modRanking .list .rank5 figure:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMy41MzgiIHZpZXdCb3g9IjAgMCAzMCAzMy41MzgiPg0KICA8ZyBpZD0i44Kw44Or44O844OXXzYwNTciIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDYwNTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTggLTYzNzUpIj4NCiAgICA8cGF0aCBpZD0i44OR44K5XzQ1OTciIGRhdGEtbmFtZT0i44OR44K5IDQ1OTciIGQ9Ik0wLTNIMzBWMzAuNTM4bC0xNC45NTktNy40TDAsMzAuNTM4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE4IDYzNzgpIiBmaWxsPSIjMjYyNjI2Ii8+DQogICAgPHBhdGggaWQ9IuODkeOCuV80NzQ1IiBkYXRhLW5hbWU9IuODkeOCuSA0NzQ1IiBkPSJNNC4zNzQtMS42MzhBMi43MzcsMi43MzcsMCwwLDEsMi4zMjItMi42MS42ODMuNjgzLDAsMCwwLDEuNzQ2LTIuOWExLjA5MSwxLjA5MSwwLDAsMC0uOTcyLjkxOCwxLjAxNiwxLjAxNiwwLDAsMCwuMjcuNTc2QTQuMzc3LDQuMzc3LDAsMCwwLDQuNDgyLjA3MkM2LjY2LjA3Miw4LjE5LTEuMyw4LjE5LTQuMTU4YzAtMi40My0uODY0LTQuMjQ4LTMuNC00LjI0OGEyLjksMi45LDAsMCwwLTEuODE4LjU5NC4xNTguMTU4LDAsMCwxLS4xMDguMDM2QS4xMTQuMTE0LDAsMCwxLDIuNzM2LTcuOXYtMi43NTRjMC0uMTI2LjAzNi0uMTYyLjE2Mi0uMTYySDYuNjZhLjc1NS43NTUsMCwwLDAsLjgxLS44NDYuNzY5Ljc2OSwwLDAsMC0uODEtLjg2NEgxLjcxYS43NDcuNzQ3LDAsMCwwLS43NzQuODF2NS4zNDZjMCwuNjMuNDY4Ljg4MiwxLjA2Mi44ODJDMi44NDQtNS40OSwzLjItNi43LDQuMzc0LTYuN2MxLjcxLDAsMS45NjIsMS4xNTIsMS45NjIsMi41MzhDNi4zMzYtMi4yNjgsNS40OS0xLjYzOCw0LjM3NC0xLjYzOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyOSA2Mzk1KSIgZmlsbD0iI2ZmZiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==)}#modRanking .design .tag span{background:#ffd650}#modRanking .web .tag span{background:#76d0ff}#modRanking .art-culture .tag span{background:#ffb5d5}#modRanking .product .tag span{background:#77db70}#modRanking .learn-experience .tag span{background:#ffa740}#modRanking .takumi .tag span{background:#ccafeb}#modSns{min-width:1240px;text-align:center;padding:90px 0 100px}@media screen and (max-width:767px){#modSns{min-width:0;padding:16vw 0}}#modSns .inner{width:1240px;margin:0 auto}@media screen and (max-width:767px){#modSns .inner{width:auto;margin:0;margin:0 5.3333333333vw}}#modSns h2{margin-bottom:50px}@media screen and (max-width:767px){#modSns h2{margin-bottom:5.3333333333vw}#modSns h2 img{width:45.3333333333vw}}#modSns h3{margin-bottom:30px}@media screen and (max-width:767px){#modSns h3{margin-bottom:5.3333333333vw}#modSns h3 img{width:81.0666666667vw}}#modSns .read{font-size:16px;line-height:1.6875em;margin-bottom:60px}@media screen and (max-width:767px){#modSns .read{font-size:1.4rem;margin-bottom:5.3333333333vw}}#modSns .button{display:flex;justify-content:center}@media screen and (max-width:767px){#modSns .button{display:block}}#modSns .button li{margin:0 13px}@media screen and (max-width:767px){#modSns .button li{margin:0 0 2.6666666667vw}}#modSns .button li a{box-sizing:border-box;display:block;width:343px;height:60px;border-radius:30px;padding-top:20px}@media screen and (max-width:767px){#modSns .button li a{width:auto;height:16vw;border-radius:8vw;padding-top:5.3333333333vw}}#modSns .button li.facebook a{background:#1877f2}@media screen and (max-width:767px){#modSns .button li.facebook a img{width:26.9333333333vw}}#modSns .button li.instagram a{background:#d82d73}@media screen and (max-width:767px){#modSns .button li.instagram a img{width:29.0666666667vw}}#modSns .button li.twitter a{background:#1da1f2}@media screen and (max-width:767px){#modSns .button li.twitter a img{width:20.5333333333vw}}.page-design #modSns{background:#ffd650}.page-web #modSns{background:#76d0ff}.page-art-culture #modSns{background:#ffb5d5}.page-product #modSns{background:#77db70}.page-learn-experience #modSns{background:#ffa740}.page-takumi #modSns{background:#ccafeb}#modBreadCrumbs{min-width:1240px}@media screen and (max-width:767px){#modBreadCrumbs{min-width:0}}#modBreadCrumbs .inner{overflow:hidden;border-bottom:2px solid #000;font-size:12px;padding:16px 0;margin:0 30px}@media screen and (max-width:767px){#modBreadCrumbs .inner{font-size:1.2rem;border-bottom:.5333333333vw solid #000;padding:4vw 5.3333333333vw;margin:0}}#modBreadCrumbs .inner li{float:left;line-height:1.6666666667em}#modBreadCrumbs .inner li:after{content:">";display:inline-block;margin:0 5px}#modBreadCrumbs .inner li:last-child:after{display:none}#modCategory{padding:75px 0 100px}@media screen and (max-width:767px){#modCategory{padding:10.6666666667vw 0 9.3333333333vw;margin:0 5.3333333333vw}}#modCategory h2{width:1240px;margin:0 auto 60px}@media screen and (max-width:767px){#modCategory h2{width:auto;margin:0;margin-bottom:9.3333333333vw}}#modCategory h2 img{width:289px}@media screen and (max-width:767px){#modCategory h2 img{width:53.3333333333vw}}#modCategory .inner{width:1240px;margin:0 auto;display:flex;justify-content:space-between}@media screen and (max-width:767px){#modCategory .inner{width:auto;margin:0;display:block}}#modCategory .category{width:420px}@media screen and (max-width:767px){#modCategory .category{width:auto}}#modCategory .category li{padding-left:25px;margin-bottom:30px;position:relative}@media screen and (max-width:767px){#modCategory .category li{padding-left:5.3333333333vw;margin-bottom:8vw}}#modCategory .category li:last-child{margin-bottom:0}@media screen and (max-width:767px){#modCategory .category li:last-child{margin-bottom:8vw}}#modCategory .category li:before{content:"";display:block;width:4px;height:100%;border-radius:4px;position:absolute;top:0;left:0}@media screen and (max-width:767px){#modCategory .category li:before{width:1.0666666667vw}}#modCategory .category li a{display:block}#modCategory .category img{height:27px;margin-bottom:5px}@media screen and (max-width:767px){#modCategory .category img{height:3.6vw;margin-bottom:1.3333333333vw}}#modCategory .category h3{font-size:18px;line-height:1.5555555556em;margin-bottom:6px}@media screen and (max-width:767px){#modCategory .category h3{font-size:1.8rem;margin-bottom:2.6666666667vw}}#modCategory .category .text{font-size:12px;line-height:1.5833333333em}@media screen and (max-width:767px){#modCategory .category .text{font-size:1.2rem}}#modCategory .category li.design:before{background:#fb0}#modCategory .category li.web:before{background:#0089d0}#modCategory .category li.art-culture:before{background:#f76fb4}#modCategory .category li.product:before{background:#4eb446}#modCategory .category li.learn-experience:before{background:#ff7f12}#modCategory .category li.takumi:before{background:#9b6fcc}#modCategory .category li.reference:before{background:#b2b2b2}#modCategory .about{width:340px;position:relative}@media screen and (max-width:767px){#modCategory .about{width:auto}}@media screen and (max-width:767px){#modCategory .other{margin-bottom:10.6666666667vw}}#modCategory .other li{margin-bottom:30px}@media screen and (max-width:767px){#modCategory .other li{margin-bottom:5.3333333333vw}}#modCategory .other a{font-size:18px}@media screen and (max-width:767px){#modCategory .other a{font-size:1.8rem}}#modCategory .signup{width:340px;border:2px solid #000;padding:30px 23px 23px;position:absolute;right:0;bottom:0}@media screen and (max-width:767px){#modCategory .signup{width:auto;border:2px solid #000;position:static;padding:6.6666666667vw 4.8vw}}#modCategory .signup h3{display:flex;align-items:flex-end;margin-bottom:15px}@media screen and (max-width:767px){#modCategory .signup h3{margin-bottom:4vw}}#modCategory .signup h3 img{margin-right:18px}@media screen and (max-width:767px){#modCategory .signup h3 img{width:30.9333333333vw;margin-right:4.2666666667vw}}#modCategory .signup h3 span{font-size:16px;margin-bottom:12px}@media screen and (max-width:767px){#modCategory .signup h3 span{font-size:1.6rem;margin-bottom:1.3333333333vw}}#modCategory .signup .text{line-height:1.5714285714em;margin-bottom:15px}@media screen and (max-width:767px){#modCategory .signup .text{margin-bottom:5.3333333333vw}}#modCategory .signup .button a{display:block;background:#f05e4b;color:#fff;font-size:18px;text-align:center;border-radius:4px;padding:15px 0}@media screen and (max-width:767px){#modCategory .signup .button a{font-size:1.8rem;padding:4vw 0}}#modRelated{min-width:1240px;background:#222;padding:90px 0}@media screen and (max-width:767px){#modRelated{min-width:0;padding:13.3333333333vw 5.3333333333vw}}#modRelated .inner{width:1240px;margin:0 auto}@media screen and (max-width:767px){#modRelated .inner{width:auto;margin:0}}#modRelated h2{display:flex;align-items:flex-end;margin-bottom:50px}@media screen and (max-width:767px){#modRelated h2{display:block;margin-bottom:8vw}}#modRelated h2 img{margin-right:30px}@media screen and (max-width:767px){#modRelated h2 img{width:66.6666666667vw;margin:0 0 6.6666666667vw}}#modRelated h2 span{font-size:20px;color:#fff}@media screen and (max-width:767px){#modRelated h2 span{display:block;font-size:2rem}}#modRelated ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:-25px}#modRelated ul:after{content:"";display:block;width:286px}#modRelated ul li{width:286px;margin-bottom:25px}@media screen and (max-width:767px){#modRelated ul li{width:42.6666666667vw;margin-bottom:5.3333333333vw}}#modRelated ul li img{width:286px}@media screen and (max-width:767px){#modRelated ul li img{width:100%}}#modRelated ul li a{display:block}#modRelated ul li a img{margin-bottom:5px}@media screen and (max-width:767px){#modRelated ul li a img{margin-bottom:1.3333333333vw}}#modRelated ul li a span{display:block;color:#fff;font-size:12px;line-height:1.5em}@media screen and (max-width:767px){#modRelated ul li a span{font-size:1.2rem}}.modAdBanner-1{width:1240px;margin:0 auto;text-align:center}@media screen and (max-width:767px){.modAdBanner-1{width:auto;margin:0}}@media screen and (max-width:767px){.modAdBanner-1 img{width:100%;height:auto}}.modAdBanner-3{min-width:1240px;display:flex;justify-content:center;background:#f2f2f2;padding:28px 0;overflow:hidden}@media screen and (max-width:767px){.modAdBanner-3{min-width:0;display:block;text-align:center;padding:8vw 6.6666666667vw}}.modAdBanner-3 p{margin:0 12.5px}@media screen and (max-width:767px){.modAdBanner-3 p{margin:0}.modAdBanner-3 p img{width:86.6666666667vw}}.modAdBanner-1,.modAdBanner-3{margin-bottom:120px}@media screen and (max-width:767px){.modAdBanner-1,.modAdBanner-3{margin-bottom:18.6666666667vw}}.page-top .secSliderMainVisual{min-width:1240px;margin-bottom:50px;position:relative}@media screen and (max-width:767px){.page-top .secSliderMainVisual{min-width:0;margin-bottom:10.6666666667vw}}.page-top .secSliderMainVisual .sliderWrap{overflow:hidden}.page-top .secSliderMainVisual .slick-list{overflow:visible;margin:0 auto}.page-top .secSliderMainVisual .slider div{width:845px;position:relative}@media screen and (max-width:767px){.page-top .secSliderMainVisual .slider div{width:90.6666666667vw}}.page-top .secSliderMainVisual .slider div a{display:inline-block}.page-top .secSliderMainVisual .slider div figure img{width:845px;height:475px}@media screen and (max-width:767px){.page-top .secSliderMainVisual .slider div figure img{width:90.6666666667vw;height:50.6666666667vw}}.page-top .secSliderMainVisual dl.description{width:800px;position:absolute;top:375px;left:50%;transform:translateX(-50%)}@media screen and (max-width:767px){.page-top .secSliderMainVisual dl.description{width:86.6666666667vw;top:50.6666666667vw}}.page-top .secSliderMainVisual dl.description>div{width:800px;background:#fff;border-top:2px solid #000;border-bottom:2px solid #000;text-align:center;padding:25px 65px;position:absolute;top:0;left:0;display:none}@media screen and (max-width:767px){.page-top .secSliderMainVisual dl.description>div{width:86.6666666667vw;border:none;padding:6.6666666667vw 2.6666666667vw;margin-top:0}.page-top .secSliderMainVisual dl.description>div:after,.page-top .secSliderMainVisual dl.description>div:before{content:"";width:94.6666666667vw;height:.5333333333vw;background:#000;position:absolute;left:50%;transform:translateX(-50%)}.page-top .secSliderMainVisual dl.description>div:before{top:0}.page-top .secSliderMainVisual dl.description>div:after{bottom:0}}.page-top .secSliderMainVisual dl.description>div.design .category span{border-left-color:#fb0}.page-top .secSliderMainVisual dl.description>div.design .tag{background:#ffd650}.page-top .secSliderMainVisual dl.description>div.web .category span{border-left-color:#0089d0}.page-top .secSliderMainVisual dl.description>div.web .tag{background:#76d0ff}.page-top .secSliderMainVisual dl.description>div.art-culture .category span{border-left-color:#f76fb4}.page-top .secSliderMainVisual dl.description>div.art-culture .tag{background:#ffb5d5}.page-top .secSliderMainVisual dl.description>div.product .category span{border-left-color:#4eb446}.page-top .secSliderMainVisual dl.description>div.product .tag{background:#77db70}.page-top .secSliderMainVisual dl.description a{display:inline-block}.page-top .secSliderMainVisual dl.description .category,.page-top .secSliderMainVisual dl.description .tag,.page-top .secSliderMainVisual dl.description .text,.page-top .secSliderMainVisual dl.description .title{margin-bottom:12px}@media screen and (max-width:767px){.page-top .secSliderMainVisual dl.description .category,.page-top .secSliderMainVisual dl.description .tag,.page-top .secSliderMainVisual dl.description .text,.page-top .secSliderMainVisual dl.description .title{margin-bottom:3.2vw}}.page-top .secSliderMainVisual dl.description .category span{display:inline-block;border-left-width:2px;border-left-style:solid;padding:2px 0 0 10px}@media screen and (max-width:767px){.page-top .secSliderMainVisual dl.description .category span{border-left-width:.5333333333vw;padding:.5333333333vw 0 0 2.6666666667vw}}.page-top .secSliderMainVisual dl.description .category span img{height:13px}@media screen and (max-width:767px){.page-top .secSliderMainVisual dl.description .category span img{height:4vw}}.page-top .secSliderMainVisual dl.description .tag{display:inline-block;font-size:11px;padding:6px 8px 4px}@media screen and (max-width:767px){.page-top .secSliderMainVisual dl.description .tag{font-size:1.1rem}}.page-top .secSliderMainVisual dl.description .title{font-size:20px;line-height:1.6em;max-height:3.2em;overflow:hidden}@media screen and (max-width:767px){.page-top .secSliderMainVisual dl.description .title{text-align:left;font-size:1.8rem;max-height:4.8em}}.page-top .secSliderMainVisual dl.description .text{text-align:left;line-height:1.5714285714em;max-height:4.7142857143em;overflow:hidden}.page-top .secSliderMainVisual dl.description .update{font-size:12px;margin-bottom:0}@media screen and (max-width:767px){.page-top .secSliderMainVisual dl.description .update{font-size:1.2rem}}.page-top .secSliderBanner{min-width:1240px}@media screen and (max-width:767px){.page-top .secSliderBanner{min-width:0}}.page-top .secSliderBanner .sliderWrap{overflow:hidden}.page-top .secSliderBanner .slick-list{width:1240px;margin:0 auto}@media screen and (max-width:767px){.page-top .secSliderBanner .slick-list{width:auto;margin:0;overflow:visible;transform:translateX(4vw)}}.page-top .secSliderBanner .slick-list a{display:block;margin-right:20px}@media screen and (max-width:767px){.page-top .secSliderBanner .slick-list a{margin:0 1.4666666667vw}}.page-top .secSliderBanner .slick-list img{width:295px;height:166px;vertical-align:bottom}@media screen and (max-width:767px){.page-top .secSliderBanner .slick-list img{width:43.2vw;height:24.2666666667vw}}.page-top .secArtCulture,.page-top .secDesign{min-width:1240px}@media screen and (max-width:767px){.page-top .secArtCulture,.page-top .secDesign{min-width:0}}.page-top .secArtCulture .sliderWrap,.page-top .secDesign .sliderWrap{overflow:hidden}.page-top .secArtCulture .slick-list,.page-top .secDesign .slick-list{overflow:visible;transform:translateX(-318px);margin-bottom:50px}@media screen and (max-width:767px){.page-top .secArtCulture .slick-list,.page-top .secDesign .slick-list{transform:translateX(0);margin-bottom:12vw}}.page-top .secArtCulture .slick-list .slick-slide,.page-top .secDesign .slick-list .slick-slide{width:540px;margin:0 16px}@media screen and (max-width:767px){.page-top .secArtCulture .slick-list .slick-slide,.page-top .secDesign .slick-list .slick-slide{width:85.3333333333vw;margin:0 2vw}}.page-top .secArtCulture .slick-list a,.page-top .secDesign .slick-list a{display:inline-block}.page-top .secArtCulture .slick-list figure,.page-top .secDesign .slick-list figure{margin-bottom:16px}@media screen and (max-width:767px){.page-top .secArtCulture .slick-list figure,.page-top .secDesign .slick-list figure{margin-bottom:3.2vw}}.page-top .secArtCulture .slick-list figure img,.page-top .secDesign .slick-list figure img{width:540px;height:304px}@media screen and (max-width:767px){.page-top .secArtCulture .slick-list figure img,.page-top .secDesign .slick-list figure img{width:85.3333333333vw;height:52vw}}.page-top .secArtCulture .slick-list .tag,.page-top .secArtCulture .slick-list .title,.page-top .secDesign .slick-list .tag,.page-top .secDesign .slick-list .title{margin-bottom:10px}@media screen and (max-width:767px){.page-top .secArtCulture .slick-list .tag,.page-top .secArtCulture .slick-list .title,.page-top .secDesign .slick-list .tag,.page-top .secDesign .slick-list .title{margin-bottom:2.6666666667vw}}.page-top .secArtCulture .slick-list .tag span,.page-top .secDesign .slick-list .tag span{font-size:11px;line-height:1.5833333333em;padding:6px 6px 4px}@media screen and (max-width:767px){.page-top .secArtCulture .slick-list .tag span,.page-top .secDesign .slick-list .tag span{font-size:1.2rem;padding:1.0666666667vw .8vw .5333333333vw}}.page-top .secArtCulture .slick-list .title,.page-top .secDesign .slick-list .title{font-size:20px;line-height:1.6em;max-height:3.2em;overflow:hidden}@media screen and (max-width:767px){.page-top .secArtCulture .slick-list .title,.page-top .secDesign .slick-list .title{font-size:1.8rem;max-height:4.8em}}.page-top .secArtCulture .slick-list .update,.page-top .secDesign .slick-list .update{font-size:12px}@media screen and (max-width:767px){.page-top .secArtCulture .slick-list .update,.page-top .secDesign .slick-list .update{font-size:1.2rem}}.page-top .secDesign .tag span{background:#ffd650}.page-top .secDesign .secButton a{border-color:#fb0}.page-top .secArtCulture .tag span{background:#ffb5d5}.page-top .secArtCulture .secButton a{border-color:#f76fb4}@media screen and (max-width:767px){.page-top .secArtCulture .secButton a img{height:4.2666666667vw}}.page-top .secDesign,.page-top .secLearnExperience,.page-top .secProduct,.page-top .secWeb{width:1240px;margin:0 auto}@media screen and (max-width:767px){.page-top .secDesign,.page-top .secLearnExperience,.page-top .secProduct,.page-top .secWeb{width:auto;margin:0}}.page-top .secDesign .list,.page-top .secLearnExperience .list,.page-top .secProduct .list,.page-top .secWeb .list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:-30px}.page-top .secDesign .list:after,.page-top .secLearnExperience .list:after,.page-top .secProduct .list:after,.page-top .secWeb .list:after{content:"";display:block;width:392px;height:0}@media screen and (max-width:767px){.page-top .secDesign .list:after,.page-top .secLearnExperience .list:after,.page-top .secProduct .list:after,.page-top .secWeb .list:after{width:auto}}.page-top .secDesign .list .item,.page-top .secLearnExperience .list .item,.page-top .secProduct .list .item,.page-top .secWeb .list .item{width:392px;margin-bottom:30px}@media screen and (max-width:767px){.page-top .secDesign .list .item,.page-top .secLearnExperience .list .item,.page-top .secProduct .list .item,.page-top .secWeb .list .item{width:42.6666666667vw;margin-bottom:6.6666666667vw}}.page-top .secDesign .list a,.page-top .secLearnExperience .list a,.page-top .secProduct .list a,.page-top .secWeb .list a{display:inline-block}.page-top .secDesign .list figure,.page-top .secLearnExperience .list figure,.page-top .secProduct .list figure,.page-top .secWeb .list figure{margin-bottom:16px}@media screen and (max-width:767px){.page-top .secDesign .list figure,.page-top .secLearnExperience .list figure,.page-top .secProduct .list figure,.page-top .secWeb .list figure{margin-bottom:3.2vw}}.page-top .secDesign .list figure img,.page-top .secLearnExperience .list figure img,.page-top .secProduct .list figure img,.page-top .secWeb .list figure img{width:392px;height:221px}@media screen and (max-width:767px){.page-top .secDesign .list figure img,.page-top .secLearnExperience .list figure img,.page-top .secProduct .list figure img,.page-top .secWeb .list figure img{width:42.6666666667vw;height:24vw}}.page-top .secDesign .list .method,.page-top .secDesign .list .tag,.page-top .secDesign .list .title,.page-top .secLearnExperience .list .method,.page-top .secLearnExperience .list .tag,.page-top .secLearnExperience .list .title,.page-top .secProduct .list .method,.page-top .secProduct .list .tag,.page-top .secProduct .list .title,.page-top .secWeb .list .method,.page-top .secWeb .list .tag,.page-top .secWeb .list .title{margin-bottom:10px}@media screen and (max-width:767px){.page-top .secDesign .list .method,.page-top .secDesign .list .tag,.page-top .secDesign .list .title,.page-top .secLearnExperience .list .method,.page-top .secLearnExperience .list .tag,.page-top .secLearnExperience .list .title,.page-top .secProduct .list .method,.page-top .secProduct .list .tag,.page-top .secProduct .list .title,.page-top .secWeb .list .method,.page-top .secWeb .list .tag,.page-top .secWeb .list .title{margin-bottom:2.6666666667vw}}.page-top .secDesign .list .tag,.page-top .secLearnExperience .list .tag,.page-top .secProduct .list .tag,.page-top .secWeb .list .tag{display:inline-block;margin-right:5px}.page-top .secDesign .list .tag span,.page-top .secLearnExperience .list .tag span,.page-top .secProduct .list .tag span,.page-top .secWeb .list .tag span{font-size:11px;line-height:1.5833333333em;padding:5px 6px 4px}@media screen and (max-width:767px){.page-top .secDesign .list .tag span,.page-top .secLearnExperience .list .tag span,.page-top .secProduct .list .tag span,.page-top .secWeb .list .tag span{font-size:1.2rem;padding:1.0666666667vw .8vw .5333333333vw}}.page-top .secDesign .list .method,.page-top .secLearnExperience .list .method,.page-top .secProduct .list .method,.page-top .secWeb .list .method{display:inline-block}.page-top .secDesign .list .method span,.page-top .secLearnExperience .list .method span,.page-top .secProduct .list .method span,.page-top .secWeb .list .method span{font-size:11px;border:1px solid #000;line-height:1.5833333333em;padding:4px 6px 3px}@media screen and (max-width:767px){.page-top .secDesign .list .method span,.page-top .secLearnExperience .list .method span,.page-top .secProduct .list .method span,.page-top .secWeb .list .method span{font-size:1.2rem;padding:.8vw .8vw .2666666667vw}}.page-top .secDesign .list .title,.page-top .secLearnExperience .list .title,.page-top .secProduct .list .title,.page-top .secWeb .list .title{font-size:16px;line-height:1.625em;max-height:4.875em;overflow:hidden}@media screen and (max-width:767px){.page-top .secDesign .list .title,.page-top .secLearnExperience .list .title,.page-top .secProduct .list .title,.page-top .secWeb .list .title{font-size:1.4rem;max-height:6.5em}}.page-top .secDesign .list .update,.page-top .secLearnExperience .list .update,.page-top .secProduct .list .update,.page-top .secWeb .list .update{font-size:12px}@media screen and (max-width:767px){.page-top .secDesign .list .update,.page-top .secLearnExperience .list .update,.page-top .secProduct .list .update,.page-top .secWeb .list .update{font-size:1.2rem}}.page-top .secDesign .list+.secButton,.page-top .secLearnExperience .list+.secButton,.page-top .secProduct .list+.secButton,.page-top .secWeb .list+.secButton{margin-top:50px}.page-top .secWeb .tag span{background:#76d0ff}.page-top .secWeb .secButton a{border-color:#0089d0}.page-top .secWeb .secButton img{height:27px}.page-top .secProduct .tag span{background:#77db70}.page-top .secProduct .secButton a{border-color:#4eb446}.page-top .secProduct .secButton img{height:21px}.page-top .secLearnExperience .tag span{background:#ffa740}.page-top .secLearnExperience .list .title{max-height:3.25em}.page-top .secLearnExperience .secButton a{border-color:#ff7f12;padding:6.6666666667vw 0}.page-top .secLearnExperience .sliderWrap{overflow:hidden}@media screen and (max-width:767px){.page-top .secLearnExperience .slick-list{overflow:visible}.page-top .secLearnExperience .list{display:block;margin-bottom:10.6666666667vw}.page-top .secLearnExperience .list .item{width:85.3333333333vw;margin:0 2vw}.page-top .secLearnExperience .list figure img{width:85.3333333333vw;height:48vw}}.page-top .secTakumi .article{width:1240px;margin:0 auto;display:flex;flex-direction:row-reverse;justify-content:space-between}@media screen and (max-width:767px){.page-top .secTakumi .article{width:auto;margin:0;display:block}}.page-top .secTakumi .article figure img{width:816px;height:460px}@media screen and (max-width:767px){.page-top .secTakumi .article figure img{width:100%;height:50.1333333333vw}}.page-top .secTakumi .article figure figcaption{font-size:12px;text-align:right;margin-top:10px}@media screen and (max-width:767px){.page-top .secTakumi .article figure figcaption{font-size:1rem}}.page-top .secTakumi .article dl{width:392px}@media screen and (max-width:767px){.page-top .secTakumi .article dl{width:auto;margin-bottom:10.6666666667vw}}.page-top .secTakumi .article .price,.page-top .secTakumi .article .tag,.page-top .secTakumi .article .title{margin-bottom:12px}@media screen and (max-width:767px){.page-top .secTakumi .article .price,.page-top .secTakumi .article .tag,.page-top .secTakumi .article .title{margin-bottom:2.6666666667vw}}.page-top .secTakumi .article .text,.page-top .secTakumi .article .update{margin-bottom:30px}@media screen and (max-width:767px){.page-top .secTakumi .article .text,.page-top .secTakumi .article .update{margin-bottom:5.3333333333vw}}.page-top .secTakumi .article .tag{display:inline-block;font-size:11px;background:#ccafeb;padding:6px 6px 4px}@media screen and (max-width:767px){.page-top .secTakumi .article .tag{font-size:1.1rem;padding:1.0666666667vw .8vw .5333333333vw}}.page-top .secTakumi .article .title{font-size:20px;line-height:1.6em}@media screen and (max-width:767px){.page-top .secTakumi .article .title{font-size:1.8rem}}.page-top .secTakumi .article .price,.page-top .secTakumi .article .update{font-size:12px}@media screen and (max-width:767px){.page-top .secTakumi .article .price,.page-top .secTakumi .article .update{font-size:1.2rem}}.page-top .secTakumi .article .text{line-height:1.5714285714em;max-height:9.4285714286em;overflow:hidden}@media screen and (max-width:767px){.page-top .secTakumi .article .text{font-size:1.4rem}}.page-top .secTakumi .article .link a{font-size:16px}@media screen and (max-width:767px){.page-top .secTakumi .article .link a{font-size:1.6rem}}.page-top .secTakumi .article .link a:before{content:"";display:inline-block;width:8px;height:8px;border-top:2px solid #000;border-right:2px solid #000;transform:rotate(45deg);margin-right:10px}@media screen and (max-width:767px){.page-top .secTakumi .article .link a:before{width:1.6vw;height:1.6vw;margin-right:2.6666666667vw}}.page-top .secTakumi .secButton a{border-color:#9b6fcc;padding:6.6666666667vw 0}.page-top .secArtCulture,.page-top .secDesign,.page-top .secLearnExperience,.page-top .secProduct,.page-top .secSliderBanner,.page-top .secTakumi,.page-top .secWeb{margin-bottom:120px}@media screen and (max-width:767px){.page-top .secArtCulture,.page-top .secDesign,.page-top .secLearnExperience,.page-top .secProduct,.page-top .secSliderBanner,.page-top .secTakumi,.page-top .secWeb{margin-bottom:18.6666666667vw}}.secAboutHeader{height:800px;background-image:url(/_nuxt/img/bg_header.f642e0f.jpg);background-position:top;background-size:cover;position:relative}@media screen and (max-width:767px){.secAboutHeader{height:233.3333333333vw;background-image:url(/_nuxt/img/bg_header_sp.17047c8.jpg)}}@media screen and (max-width:767px){.wrapFormComplete+.secAboutHeader{height:182.6666666667vw}}.secAboutHeader .text{width:1000px;background:#fff;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:80px 0}@media screen and (max-width:767px){.secAboutHeader .text{width:86.6666666667vw;padding:16vw 8vw 10.6666666667vw}}.secAboutHeader h2{padding-bottom:40px}@media screen and (max-width:767px){.secAboutHeader h2{padding-bottom:8vw}}.secAboutHeader h2 img{width:120px}@media screen and (max-width:767px){.secAboutHeader h2 img{width:23.4666666667vw}}.secAboutHeader p{font-size:16px;line-height:1.6875em}@media screen and (max-width:767px){.secAboutHeader p{font-size:1.4rem;text-align:left}}.secAboutHeader .button a{width:350px;margin:40px auto 0}@media screen and (max-width:767px){.secAboutHeader .button a{width:100%;font-size:1.6rem;border-radius:16vw;padding:6.6666666667vw 8vw 6.6666666667vw 0;margin-top:10.6666666667vw}.secAboutHeader .button a:after{width:1.8666666667vw;height:1.8666666667vw;right:8vw}}.secAboutCategory .text,.secAboutOther .text,.secAboutSerialization .text{text-align:center;margin-bottom:60px}@media screen and (max-width:767px){.secAboutCategory .text,.secAboutOther .text,.secAboutSerialization .text{margin-bottom:10.6666666667vw}}.secAboutCategory .text dt,.secAboutOther .text dt,.secAboutSerialization .text dt{font-size:40px;margin-bottom:40px}@media screen and (max-width:767px){.secAboutCategory .text dt,.secAboutOther .text dt,.secAboutSerialization .text dt{font-size:2.1rem;line-height:1.619047619em;margin-bottom:8vw}}.secAboutCategory .text dd,.secAboutOther .text dd,.secAboutSerialization .text dd{font-size:16px;line-height:1.6875em}@media screen and (max-width:767px){.secAboutCategory .text dd,.secAboutOther .text dd,.secAboutSerialization .text dd{font-size:1.4rem;text-align:left}}.secAboutSerialization .slider:first-of-type{margin-bottom:30px}@media screen and (max-width:767px){.secAboutSerialization .slider:first-of-type{margin-bottom:8vw}}@media screen and (max-width:767px){.secAboutSerialization .slick-list{overflow:hidden}}.secAboutSerialization .slick-list li{margin:0 35px}@media screen and (max-width:767px){.secAboutSerialization .slick-list li{margin:0 6.6666666667vw}}.secAboutSerialization .slick-list li img{height:136px}@media screen and (max-width:767px){.secAboutSerialization .slick-list li img{height:24vw}}.secAboutCategory{min-width:1240px;max-width:1440px;margin-left:auto;margin-right:auto}@media screen and (max-width:767px){.secAboutCategory{min-width:0;max-width:none}}.secAboutCategory .sliderNav{width:1040px;display:flex;flex-wrap:wrap;margin:0 auto 25px}@media screen and (max-width:767px){.secAboutCategory .sliderNav{width:auto;flex-wrap:nowrap;margin-left:-5.3333333333vw;margin-right:-5.3333333333vw;overflow-x:auto}}.secAboutCategory .sliderNav .nav{cursor:pointer;transition:.3s;margin-bottom:20px}@media screen and (max-width:767px){.secAboutCategory .sliderNav .nav{width:auto!important;margin:0 2.6666666667vw 2.6666666667vw 5.3333333333vw}}.secAboutCategory .sliderNav .nav span{display:inline-block;padding:3px 10px 3px 0}@media screen and (max-width:767px){.secAboutCategory .sliderNav .nav span{padding:.5333333333vw 2.6666666667vw .5333333333vw 0}}.secAboutCategory .sliderNav .nav span img{vertical-align:bottom}@media screen and (max-width:767px){.secAboutCategory .sliderNav .nav span img{height:4.8vw}}.secAboutCategory .sliderNav .nav:hover{opacity:.6;filter:alpha(opacity=60)}.secAboutCategory .sliderNav .nav:nth-child(3n-2){width:260px}.secAboutCategory .sliderNav .nav:nth-child(3n-1){width:245px}.secAboutCategory .sliderNav .nav:nth-child(3n){width:535px}.secAboutCategory .sliderNav .nav:first-child.active span{background:#ffd650}.secAboutCategory .sliderNav .nav:nth-child(2).active span{background:#76d0ff}.secAboutCategory .sliderNav .nav:nth-child(3).active span{background:#ffb5d5}.secAboutCategory .sliderNav .nav:nth-child(4).active span{background:#77db70}.secAboutCategory .sliderNav .nav:nth-child(5).active span{background:#ffa740}.secAboutCategory .sliderNav .nav:nth-child(6).active span{background:#ccafeb}.secAboutCategory .sliderWrap{overflow:hidden}.secAboutCategory .slider div{height:430px}@media screen and (max-width:767px){.secAboutCategory .slider div{height:auto}}.secAboutCategory .slider div a{display:block;height:100%;position:relative}@media screen and (max-width:767px){.secAboutCategory .slider div a{height:auto}}.secAboutCategory .slider div figure{position:absolute;top:0;left:0;width:100%}@media screen and (max-width:767px){.secAboutCategory .slider div figure{position:static}}.secAboutCategory .slider div figure img{width:100%;height:430px}@media screen and (max-width:767px){.secAboutCategory .slider div figure img{height:76vw}}.secAboutCategory .slider div dl{box-sizing:border-box;width:600px;background:#fff;position:absolute;top:50%;left:0;transform:translateY(-50%);padding:30px 55px}@media screen and (max-width:767px){.secAboutCategory .slider div dl{width:auto;background:transparent;position:static;transform:translateY(0);padding:5.3333333333vw 5.3333333333vw 5.3333333333vw 10.6666666667vw}.secAboutCategory .slider div dl:before{content:"";width:1.0666666667vw;height:calc(100% - 10.66vw);border-radius:1.0666666667vw;position:absolute;top:5.3333333333vw;left:5.3333333333vw}}.secAboutCategory .slider div dl dt{display:flex;align-items:flex-end;padding:6px 0 0 20px;position:relative}@media screen and (max-width:767px){.secAboutCategory .slider div dl dt{display:block;padding:0}}.secAboutCategory .slider div dl dt:before{content:"";width:4px;height:100%;border-radius:4px;position:absolute;top:0;left:0}@media screen and (max-width:767px){.secAboutCategory .slider div dl dt:before{display:none}}.secAboutCategory .slider div dl dt img{height:33px;margin-right:12px}@media screen and (max-width:767px){.secAboutCategory .slider div dl dt img{height:8.8vw;margin:0 0 2.6666666667vw}}.secAboutCategory .slider div dl dt span{line-height:1.5em;margin-bottom:4px}@media screen and (max-width:767px){.secAboutCategory .slider div dl dt span{font-size:1.8rem}}.secAboutCategory .slider div dl dd{font-size:16px;line-height:1.75em;margin-top:20px;position:relative}@media screen and (max-width:767px){.secAboutCategory .slider div dl dd{font-size:1.4rem;margin-top:5.3333333333vw}}.secAboutCategory .slider div.design dl:before,.secAboutCategory .slider div.design dt:before{background:#fb0}.secAboutCategory .slider div.web dl:before,.secAboutCategory .slider div.web dt:before{background:#0089d0}.secAboutCategory .slider div.art-culture dl:before,.secAboutCategory .slider div.art-culture dt:before{background:#f76fb4}.secAboutCategory .slider div.art-culture dl img,.secAboutCategory .slider div.art-culture dt img{height:70px}@media screen and (max-width:767px){.secAboutCategory .slider div.art-culture dl img,.secAboutCategory .slider div.art-culture dt img{height:18.6666666667vw}}.secAboutCategory .slider div.product dl:before,.secAboutCategory .slider div.product dt:before{background:#4eb446}.secAboutCategory .slider div.learn-experience dl:before,.secAboutCategory .slider div.learn-experience dt:before{background:#ff7f12}.secAboutCategory .slider div.takumi dl:before,.secAboutCategory .slider div.takumi dt:before{background:#9b6fcc}.secAboutSns{width:1240px;margin:0 auto;border:2px solid #000;padding:70px 0;position:relative}@media screen and (max-width:767px){.secAboutSns{width:auto;margin:0;border:none;padding:0}}.secAboutSns h3{width:780px;font-size:40px;line-height:1.45em;text-align:center;background-image:url(/_nuxt/img/bg_sns_tx.f41e2e0.png);background-repeat:no-repeat;background-position:center 40px;background-size:100% auto;position:absolute;top:-80px;left:50%;transform:translateX(-50%)}@media screen and (max-width:767px){.secAboutSns h3{width:auto;font-size:2.1rem;background-image:url(/_nuxt/img/bg_sns_tx_sp.22f5982.png);background-position:bottom;position:static;transform:translateX(0);margin-bottom:8vw}}.secAboutSns .text{font-size:16px;line-height:1.6875em;text-align:center;margin-bottom:60px}@media screen and (max-width:767px){.secAboutSns .text{font-size:1.4rem;text-align:left;margin-bottom:10.6666666667vw}}.secAboutSns .button{width:1080px;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto}@media screen and (max-width:767px){.secAboutSns .button{width:auto;display:block}}.secAboutSns .button p{width:343px}@media screen and (max-width:767px){.secAboutSns .button p{width:auto;margin-bottom:2.6666666667vw}}.secAboutSns .button p:last-child{margin-bottom:0}.secAboutSns .button p a{box-sizing:border-box;display:block;text-align:center;height:60px;border-radius:30px;padding-top:20px}@media screen and (max-width:767px){.secAboutSns .button p a{height:16vw;border-radius:8vw;padding-top:5.3333333333vw}}.secAboutSns .button p:first-child a{background:#1877f2}.secAboutSns .button p:first-child a img{width:98px}@media screen and (max-width:767px){.secAboutSns .button p:first-child a img{width:26.1333333333vw}}.secAboutSns .button p:nth-child(2) a{background:#d82d73}.secAboutSns .button p:nth-child(2) a img{width:105px}@media screen and (max-width:767px){.secAboutSns .button p:nth-child(2) a img{width:28vw}}.secAboutSns .button p:nth-child(3) a{background:#1da1f2}.secAboutSns .button p:nth-child(3) a img{width:76px}@media screen and (max-width:767px){.secAboutSns .button p:nth-child(3) a img{width:20.2666666667vw}}.secAboutOther{width:1240px;margin:0 auto}@media screen and (max-width:767px){.secAboutOther{width:auto;margin:0}}.secAboutOther ul{display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width:767px){.secAboutOther ul{display:block}}.secAboutOther ul:after{content:"";display:block;width:392px;height:0}@media screen and (max-width:767px){.secAboutOther ul:after{width:auto}}.secAboutOther ul li{width:392px}@media screen and (max-width:767px){.secAboutOther ul li{width:auto;margin-bottom:6.6666666667vw}}.secAboutOther ul li a{display:inline-block}.secAboutOther ul li figure{margin-bottom:15px}@media screen and (max-width:767px){.secAboutOther ul li figure{margin-bottom:2.6666666667vw}}.secAboutOther ul li figure img{width:100%}.secAboutOther ul li p{font-size:20px;line-height:1.75em;text-align:center}@media screen and (max-width:767px){.secAboutOther ul li p{font-size:1.6rem}}.secAboutHeader,.secAboutOther,.secAboutSerialization,.secAboutSns{min-width:1240px;margin-bottom:140px}@media screen and (max-width:767px){.secAboutHeader,.secAboutOther,.secAboutSerialization,.secAboutSns{min-width:0;margin-bottom:18.6666666667vw}}.secAboutCategory{margin-bottom:220px}@media screen and (max-width:767px){.secAboutCategory{margin-bottom:18.6666666667vw}}.secCategoryHeader{padding-top:60px;margin-bottom:60px}@media screen and (max-width:767px){.secCategoryHeader{padding-top:8vw;margin-bottom:0}}.secNewsHeader{padding-top:60px;margin-bottom:60px}@media screen and (max-width:767px){.secNewsHeader{padding-top:8vw;margin-bottom:0}}.secNewsHeader .secNewsTitle{width:1240px;position:relative;margin:0 auto 40px}@media screen and (max-width:767px){.secNewsHeader .secNewsTitle{width:auto;margin:0;margin-bottom:8vw}}.secNewsHeader .secNewsTitle h2{display:flex;align-items:flex-end;margin-bottom:30px}@media screen and (max-width:767px){.secNewsHeader .secNewsTitle h2{display:block;margin-bottom:4vw}}.secNewsHeader .secNewsTitle h2 img{height:45px;margin-right:35px}@media screen and (max-width:767px){.secNewsHeader .secNewsTitle h2 img{height:6.6666666667vw;margin:0 0 5.3333333333vw}}.secNewsHeader .secNewsTitle h2 span{font-size:20px}@media screen and (max-width:767px){.secNewsHeader .secNewsTitle h2 span{display:block;font-size:1.8rem}}.secNewsHeader .secNewsTitle .text{font-size:16px;line-height:1.6875em}@media screen and (max-width:767px){.secNewsHeader .secNewsTitle .text{font-size:1.4rem;line-height:1.5714285714em}}.tabNews{display:flex;justify-content:center;margin-bottom:50px}@media screen and (max-width:767px){.tabNews{justify-content:flex-start;flex-wrap:wrap;margin-bottom:8vw}}.tabNews li{margin:0 1px}@media screen and (max-width:767px){.tabNews li{margin:0 .5333333333vw 1.0666666667vw 0}}.tabNews li a{display:inline-block;border:1px solid #000;border-radius:30px;padding:12px 20px 10px}@media screen and (max-width:767px){.tabNews li a{border-radius:8vw;padding:3.7333333333vw 5.3333333333vw 3.4666666667vw}}.tabNews li.active a{background:#000;color:#fff;pointer-events:none}.tabNews li.active a:hover{opacity:1;filter:alpha(opacity=100)}.secSliderCategory{min-width:1240px;position:relative}@media screen and (max-width:767px){.secSliderCategory{min-width:0}}.secSliderCategory:before{content:"";width:158px;height:158px;background-image:url(/_nuxt/img/ic_pickup.b19e5b9.svg);background-repeat:no-repeat;background-size:contain;position:absolute;top:16px;left:50%;margin-left:-636px}@media screen and (max-width:767px){.secSliderCategory:before{width:29.6vw;height:27.4666666667vw;top:5.3333333333vw;left:0;margin-left:0}}.secSliderCategory .sliderWrap{overflow:hidden;padding:70px 0 30px;position:relative}@media screen and (max-width:767px){.secSliderCategory .sliderWrap{padding:16vw 0 8vw}}.secSliderCategory .sliderWrap:after,.secSliderCategory .sliderWrap:before{content:"";width:calc(100% - 60px);height:2px;background:#000;position:absolute;left:50%;transform:translateX(-50%)}@media screen and (max-width:767px){.secSliderCategory .sliderWrap:after,.secSliderCategory .sliderWrap:before{width:94.6666666667vw;height:.5333333333vw}}.secSliderCategory .sliderWrap:before{top:0}.secSliderCategory .sliderWrap:after{bottom:0}.secSliderCategory .slick-list{overflow:visible;transform:translateX(-318px);margin-bottom:50px}@media screen and (max-width:767px){.secSliderCategory .slick-list{transform:translateX(0);margin-bottom:12vw}}.secSliderCategory .slick-list a{width:604px;display:block;margin:0 16px}@media screen and (max-width:767px){.secSliderCategory .slick-list a{width:85.3333333333vw;margin:0 2vw}}.secSliderCategory .slick-list figure{margin-bottom:16px}@media screen and (max-width:767px){.secSliderCategory .slick-list figure{margin-bottom:3.2vw}}.secSliderCategory .slick-list figure img{width:604px;height:340px}@media screen and (max-width:767px){.secSliderCategory .slick-list figure img{width:85.3333333333vw;height:52vw}}.secSliderCategory .slick-list .tag,.secSliderCategory .slick-list .title{margin-bottom:10px}@media screen and (max-width:767px){.secSliderCategory .slick-list .tag,.secSliderCategory .slick-list .title{margin-bottom:2.6666666667vw}}.secSliderCategory .slick-list .tag{display:inline-block}.secSliderCategory .slick-list .tag span{font-size:11px;line-height:1.5833333333em;padding:6px 6px 4px}@media screen and (max-width:767px){.secSliderCategory .slick-list .tag span{font-size:1.2rem;padding:1.0666666667vw .8vw .5333333333vw}}.secSliderCategory .slick-list .title{font-size:20px;line-height:1.6em;max-height:3.2em;overflow:hidden}@media screen and (max-width:767px){.secSliderCategory .slick-list .title{font-size:1.8rem;max-height:4.8em}}.secSliderCategory .slick-list .update{font-size:12px}@media screen and (max-width:767px){.secSliderCategory .slick-list .update{font-size:1.2rem}}.secCategorySerialization .list{width:1240px;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto -40px}@media screen and (max-width:767px){.secCategorySerialization .list{width:auto;margin:0;display:block;margin-bottom:0}}.secCategorySerialization .list:after{content:"";display:block;width:392px;height:0}@media screen and (max-width:767px){.secCategorySerialization .list:after{width:auto}}.secCategorySerialization .item{width:392px;margin-bottom:40px}@media screen and (max-width:767px){.secCategorySerialization .item{width:auto;margin-bottom:13.3333333333vw}}.secCategorySerialization .item a{display:inline-block}.secCategorySerialization .item figure img{width:392px;height:221px}@media screen and (max-width:767px){.secCategorySerialization .item figure img{width:100%;height:50.1333333333vw}}.secCategorySerialization .item .tag,.secCategorySerialization .item .title,.secCategorySerialization .item figure{margin-bottom:12px}@media screen and (max-width:767px){.secCategorySerialization .item .tag,.secCategorySerialization .item .title,.secCategorySerialization .item figure{margin-bottom:2.6666666667vw}}.secCategorySerialization .item .tag,.secCategorySerialization .item .text{line-height:1.5em}.secCategorySerialization .item .title{font-size:20px;line-height:1.3em}@media screen and (max-width:767px){.secCategorySerialization .item .title{font-size:1.8rem}}.page-reference .secCategorySerialization{padding:90px 0;position:relative}@media screen and (max-width:767px){.page-reference .secCategorySerialization{padding:16vw 0}}.page-reference .secCategorySerialization:after,.page-reference .secCategorySerialization:before{content:"";width:calc(100% - 60px);height:2px;background:#000;position:absolute;left:50%;transform:translateX(-50%)}@media screen and (max-width:767px){.page-reference .secCategorySerialization:after,.page-reference .secCategorySerialization:before{width:94.6666666667vw;height:.5333333333vw}}.page-reference .secCategorySerialization:before{top:0}.page-reference .secCategorySerialization:after{bottom:0}.page-others .secCategorySerialization{padding:90px 0;position:relative}@media screen and (max-width:767px){.page-others .secCategorySerialization{padding:16vw 0}}.page-others .secCategorySerialization:after,.page-others .secCategorySerialization:before{content:"";width:calc(100% - 60px);height:2px;background:#000;position:absolute;left:50%;transform:translateX(-50%)}@media screen and (max-width:767px){.page-others .secCategorySerialization:after,.page-others .secCategorySerialization:before{width:94.6666666667vw;height:.5333333333vw}}.page-others .secCategorySerialization:before{top:0}.page-others .secCategorySerialization:after{bottom:0}.secCategorySerialization+.secCategorySerialization{padding-top:0}.secCategorySerialization+.secCategorySerialization:before{display:none}.secCategorySerialization+.secCategorySerialization:last-child{padding-bottom:0}.secCategorySerialization+.secCategorySerialization:last-child:after{display:none}@media screen and (max-width:767px){.secCategorySerialization .secButton a{padding:6.6666666667vw 0}}.secCategorySerialization .secButton a:after{transform:rotate(135deg) translateY(50%)}.secCategorySerialization .list+.secButton{margin-top:50px}@media screen and (max-width:767px){.secCategorySerialization .list+.secButton{margin-top:13.3333333333vw}}.secCategorySerialization_wrap{width:1240px;margin:auto}@media screen and (max-width:767px){.secCategorySerialization_wrap{width:100%}}.secCategorySerialization_wrap .inner{display:flex;flex-wrap:wrap}@media screen and (max-width:767px){.secCategorySerialization_wrap .inner{display:block}}.secCategorySerialization_wrap .secSubTitle{width:100%}.secCategorySerialization_wrap .secCategorySerialization{padding-top:0;width:33.3%}.secCategorySerialization_wrap .secCategorySerialization:first-of-type,.secCategorySerialization_wrap .secCategorySerialization:nth-of-type(2),.secCategorySerialization_wrap .secCategorySerialization:nth-of-type(3){margin-bottom:0}@media screen and (max-width:767px){.secCategorySerialization_wrap .secCategorySerialization{padding-bottom:0;width:100%}.secCategorySerialization_wrap .secCategorySerialization:first-of-type,.secCategorySerialization_wrap .secCategorySerialization:nth-of-type(2),.secCategorySerialization_wrap .secCategorySerialization:nth-of-type(3){margin-bottom:18.66667vw}}.secCategorySerialization_wrap .secCategorySerialization .list{width:100%}.secCategorySerialization_wrap .secCategorySerialization:after,.secCategorySerialization_wrap .secCategorySerialization:before{display:none}.secCategoryReference .list{width:1240px;margin:0 auto;display:flex}@media screen and (max-width:767px){.secCategoryReference .list{width:auto;margin:0;display:block;margin-bottom:10.6666666667vw}}.secCategoryReference .list li{width:224px;margin-right:30px}@media screen and (max-width:767px){.secCategoryReference .list li{width:auto;margin:0 0 5.3333333333vw}.secCategoryReference .list li:last-child{margin-bottom:0}}.secCategoryReference .list a{display:inline-block}@media screen and (max-width:767px){.secCategoryReference .list figure{display:flex;align-items:center}}.secCategoryReference .list figure img{width:224px;height:126px;margin-bottom:12px}@media screen and (max-width:767px){.secCategoryReference .list figure img{width:34.6666666667vw;height:19.4666666667vw;margin:0 4vw 0 0}}@media screen and (max-width:767px){.secCategoryReference .list figcaption{font-size:1.3rem}}.secCategoryReference .secButton a{border-color:#000;padding:6.6666666667vw 0}.secArticleHeader{position:relative;z-index:-1}.secArticleHeader:after{content:"";width:calc(100% - 60px);height:2px;background:#000;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%)}@media screen and (max-width:767px){.secArticleHeader:after{width:94.6666666667vw;height:.5333333333vw;bottom:0}}.secArticleHeader figure{height:350px;position:relative}@media screen and (max-width:767px){.secArticleHeader figure{height:74.6666666667vw}}.secArticleHeader figure img{width:100%;height:350px}@media screen and (max-width:767px){.secArticleHeader figure img{height:74.6666666667vw}}.secArticleList{width:1240px;margin:0 auto}@media screen and (max-width:767px){.secArticleList{width:auto;margin:0}}.secArticleList .list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:-30px}@media screen and (max-width:767px){.secArticleList .list{flex-flow:column;margin-bottom:-9.3333333333vw}}.secArticleList .list:after{content:"";display:block;width:392px;height:0}@media screen and (max-width:767px){.secArticleList .list:after{width:auto}}.secArticleList .list .item{width:392px;margin-bottom:30px}@media screen and (max-width:767px){.secArticleList .list .item{width:auto;margin-bottom:9.3333333333vw}}.secArticleList .list a{display:inline-block}@media screen and (max-width:767px){.secArticleList .list a{display:block}}.secArticleList .list figure{margin-bottom:16px}@media screen and (max-width:767px){.secArticleList .list figure{margin-bottom:3.2vw}}.secArticleList .list figure img{width:392px;height:221px}@media screen and (max-width:767px){.secArticleList .list figure img{width:100%;height:50.1333333333vw}}.secArticleList .list .tag,.secArticleList .list .title{margin-bottom:10px}@media screen and (max-width:767px){.secArticleList .list .tag,.secArticleList .list .title{margin-bottom:2.6666666667vw}}.secArticleList .list .tag{display:inline-block;margin-right:5px}.secArticleList .list .tag span{font-size:11px;line-height:1.5833333333em;padding:5px 6px 4px}@media screen and (max-width:767px){.secArticleList .list .tag span{font-size:1.2rem;padding:1.0666666667vw .8vw .5333333333vw}}.secArticleList .list .method{display:inline-block}.secArticleList .list .method span{font-size:11px;border:1px solid #000;line-height:1.5833333333em;padding:4px 6px 3px}@media screen and (max-width:767px){.secArticleList .list .method span{font-size:1.2rem;padding:.8vw .8vw .2666666667vw}}.secArticleList .list .title{font-size:16px;line-height:1.625em;max-height:4.875em;overflow:hidden}@media screen and (max-width:767px){.secArticleList .list .title{font-size:1.4rem;max-height:6.5em}}.secArticleList .list .update{font-size:12px}@media screen and (max-width:767px){.secArticleList .list .update{font-size:1.2rem}}@media screen and (max-width:767px){.secArticleList .secButton a{padding:6.6666666667vw 0}}.secArticleList .secButton a:after{transform:rotate(135deg) translateY(50%)}.secArticleList .list+.secButton{margin-top:50px}@media screen and (max-width:767px){.secArticleList .list+.secButton{margin-top:13.3333333333vw}}.secDetail+.secCategoryReference{padding:90px 0 0;position:relative}@media screen and (max-width:767px){.secDetail+.secCategoryReference{padding:18.6666666667vw 0 0}}.secDetail+.secCategoryReference:before{content:"";display:block;width:calc(100% - 60px);height:2px;background:#000;position:absolute;top:0;left:50%;transform:translateX(-50%)}@media screen and (max-width:767px){.secDetail+.secCategoryReference:before{width:94.6666666667vw;height:.5333333333vw}}.secArticleOther,.secDetailOther,.secDetailRecommend{padding:90px 0;position:relative}@media screen and (max-width:767px){.secArticleOther,.secDetailOther,.secDetailRecommend{padding:18.6666666667vw 0}}.secArticleOther:after,.secArticleOther:before,.secDetailOther:after,.secDetailOther:before,.secDetailRecommend:after,.secDetailRecommend:before{content:"";display:block;width:calc(100% - 60px);height:2px;background:#000;position:absolute;left:50%;transform:translateX(-50%)}@media screen and (max-width:767px){.secArticleOther:after,.secArticleOther:before,.secDetailOther:after,.secDetailOther:before,.secDetailRecommend:after,.secDetailRecommend:before{width:94.6666666667vw;height:.5333333333vw}}.secArticleOther:before,.secDetailOther:before,.secDetailRecommend:before{top:0}.secArticleOther.noneBefore:before,.secDetailOther.noneBefore:before,.secDetailRecommend.noneBefore:before{display:none}.secArticleOther:after,.secDetailOther:after,.secDetailRecommend:after{bottom:0}.secArticleOther .sliderWrap,.secDetailOther .sliderWrap,.secDetailRecommend .sliderWrap{overflow:hidden}.secArticleOther .slick-list,.secDetailOther .slick-list,.secDetailRecommend .slick-list{width:1240px;margin:0 auto}@media screen and (max-width:767px){.secArticleOther .slick-list,.secDetailOther .slick-list,.secDetailRecommend .slick-list{width:auto;margin:0}}.secArticleOther .slider div.slick-slide,.secDetailOther .slider div.slick-slide,.secDetailRecommend .slider div.slick-slide{width:392px;margin-right:32px}@media screen and (max-width:767px){.secArticleOther .slider div.slick-slide,.secDetailOther .slider div.slick-slide,.secDetailRecommend .slider div.slick-slide{width:85.3333333333vw;margin:0 2vw}}.secArticleOther .slider div.slick-slide a,.secDetailOther .slider div.slick-slide a,.secDetailRecommend .slider div.slick-slide a{display:inline-block}@media screen and (max-width:767px){.secArticleOther .slider div.slick-slide a,.secDetailOther .slider div.slick-slide a,.secDetailRecommend .slider div.slick-slide a{display:block}}.secArticleOther .slider div.slick-slide figure img,.secDetailOther .slider div.slick-slide figure img,.secDetailRecommend .slider div.slick-slide figure img{width:392px;height:221px}@media screen and (max-width:767px){.secArticleOther .slider div.slick-slide figure img,.secDetailOther .slider div.slick-slide figure img,.secDetailRecommend .slider div.slick-slide figure img{width:100%;height:50.1333333333vw}}.secArticleOther .slider div.slick-slide .tag,.secArticleOther .slider div.slick-slide .title,.secArticleOther .slider div.slick-slide figure,.secDetailOther .slider div.slick-slide .tag,.secDetailOther .slider div.slick-slide .title,.secDetailOther .slider div.slick-slide figure,.secDetailRecommend .slider div.slick-slide .tag,.secDetailRecommend .slider div.slick-slide .title,.secDetailRecommend .slider div.slick-slide figure{margin-bottom:12px}@media screen and (max-width:767px){.secArticleOther .slider div.slick-slide .tag,.secArticleOther .slider div.slick-slide .title,.secArticleOther .slider div.slick-slide figure,.secDetailOther .slider div.slick-slide .tag,.secDetailOther .slider div.slick-slide .title,.secDetailOther .slider div.slick-slide figure,.secDetailRecommend .slider div.slick-slide .tag,.secDetailRecommend .slider div.slick-slide .title,.secDetailRecommend .slider div.slick-slide figure{margin-bottom:2.6666666667vw}}.secArticleOther .slider div.slick-slide .tag,.secArticleOther .slider div.slick-slide .text,.secDetailOther .slider div.slick-slide .tag,.secDetailOther .slider div.slick-slide .text,.secDetailRecommend .slider div.slick-slide .tag,.secDetailRecommend .slider div.slick-slide .text{line-height:1.5714285714em}.secArticleOther .slider div.slick-slide .title,.secDetailOther .slider div.slick-slide .title,.secDetailRecommend .slider div.slick-slide .title{font-size:20px;line-height:1.3em}@media screen and (max-width:767px){.secArticleOther .slider div.slick-slide .title,.secDetailOther .slider div.slick-slide .title,.secDetailRecommend .slider div.slick-slide .title{font-size:1.8rem}}@media screen and (max-width:767px){.secArticleOther .secButton a,.secDetailOther .secButton a,.secDetailRecommend .secButton a{margin-top:13.3333333333vw;padding:6.6666666667vw 0}}.secDetailOther,.secDetailRecommend{margin-bottom:90px}@media screen and (max-width:767px){.secDetailOther,.secDetailRecommend{margin-bottom:18.6666666667vw}}.secDetailOther .slider div .tag span,.secDetailRecommend .slider div .tag span{font-size:12px;line-height:1.5833333333em;padding:5px 6px 4px;background:#e0e0e0}@media screen and (max-width:767px){.secDetailOther .slider div .tag span,.secDetailRecommend .slider div .tag span{font-size:1.2rem;padding:1.0666666667vw .8vw .5333333333vw}}.secDetailOther .slider div .title,.secDetailRecommend .slider div .title{font-size:16px;line-height:1.6875em}@media screen and (max-width:767px){.secDetailOther .slider div .title,.secDetailRecommend .slider div .title{font-size:1.6rem}}.secDetailOther .slider div .update,.secDetailRecommend .slider div .update{font-size:12px}@media screen and (max-width:767px){.secDetailOther .slider div .update,.secDetailRecommend .slider div .update{font-size:1.2rem}}.secDetailRecommend .slider div.design .tag span{background:#ffd650}.secDetailRecommend .slider div.web .tag span{background:#76d0ff}.secDetailRecommend .slider div.art-culture .tag span{background:#ffb5d5}.secDetailRecommend .slider div.product .tag span{background:#77db70}.secDetailRecommend .slider div.learn-experience .tag span{background:#ffa740}.secDetailRecommend .slider div.takumi .tag span{background:#ccafeb}.secDetailRecommend .slider div.news .tag span{background:#fff;border:1px solid #000}.page-design .secDetailOther .slider div .tag span{background:#ffd650}.page-web .secDetailOther .slider div .tag span{background:#76d0ff}.page-art-culture .secDetailOther .slider div .tag span{background:#ffb5d5}.page-product .secDetailOther .slider div .tag span{background:#77db70}.page-learn-experience .secDetailOther .slider div .tag span{background:#ffa740}.page-takumi .secDetailOther .slider div .tag span{background:#ccafeb}.page-news .secDetailOther .slider div .tag span{background:#fff;border:1px solid #000}.page-reference .secDetailOther .slider div.slick-slide .title{font-size:16px;line-height:1.6}@media screen and (max-width:767px){.page-reference .secDetailOther .slider div.slick-slide .title{font-size:1.6rem}}.page-others .secDetailOther .slider div.slick-slide .title{font-size:16px;line-height:1.6}@media screen and (max-width:767px){.page-others .secDetailOther .slider div.slick-slide .title{font-size:1.6rem}}.secDetailRecommend+.secDetailOther{margin-top:-90px}@media screen and (max-width:767px){.secDetailRecommend+.secDetailOther{margin-top:-18.6666666667vw}}.secDetailRecommend+.secDetailOther:before{display:none}.secAuthorProfile,.secDetailBody,.secDetailButton,.secDetailComment,.secDetailData,.secDetailHeader,.secDetailPagination,.secDetailRelated,.secNewsDetailBody,.secTieUpDetailBody{width:740px;margin:0 auto}@media screen and (max-width:767px){.secAuthorProfile,.secDetailBody,.secDetailButton,.secDetailComment,.secDetailData,.secDetailHeader,.secDetailPagination,.secDetailRelated,.secNewsDetailBody,.secTieUpDetailBody{width:auto}}.secDetailHeader{border-bottom:2px solid #000;padding:70px 0 30px;margin-bottom:50px;position:relative}@media screen and (max-width:767px){.secDetailHeader{padding:24vw 0 8vw;margin-bottom:8vw}}.secDetailHeader .tag{margin-bottom:15px}@media screen and (max-width:767px){.secDetailHeader .tag{margin-bottom:5.3333333333vw}}.secDetailHeader .tag span{font-size:12px;line-height:1.5833333333em;background:#e2e2e2;padding:5px 6px 4px}@media screen and (max-width:767px){.secDetailHeader .tag span{font-size:1.2rem;padding:1.0666666667vw .8vw .5333333333vw}}.secDetailHeader .comment{display:flex;align-items:center;margin-bottom:20px}@media screen and (max-width:767px){.secDetailHeader .comment{margin-bottom:5.3333333333vw}}.secDetailHeader .update{font-size:12px;margin-right:15px;white-space:nowrap}@media screen and (max-width:767px){.secDetailHeader .update{font-size:1.2rem;margin-right:4vw}}.secDetailHeader .modified{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAI8SURBVDiNvZU9bttAEIXfW9KNSCCs3LjIpiO5C5jp0kUpU0VluvAG0RGcE0SuUkY5gdimim5gGRAFd6ZPYAoQhRQGJ4VIQFH0Y8tApuJy5307uzM7SxHBf7c4jhNjzG0URb1DvuoxQKVUQFI7jjOy1o7CMNS7fLkPFEVRz3GccxHRJNO1qRLAxXQ6vTwI1FoHvu9/BtAHEOxZb/7w8JDc3NwUO4FxHCckRyQ1gLmIZHVdZ0opTfJr6yciP6qq6hdFUW6u4q7DlFK/AAQicllV1UUrsNZ2G9AdyTTP8/GeyIEwDLW19t5aK3Ecp9uOwRjT36aNoqhnjLltE+UCgOM4A6zO68tsNhtuippIB9uAjuMkALTrut8BvGOz1SsRucvzXO/dyg4zxhQkX9Z1/Vq15SAiF8fA1rUkUwWgCwDL5TI7FljX9bgBJorkOYD5thJ4rK3V4lvVhHx/LKw1EbkGANXUln4ukOS5iNwpkgWwKuxjYa2WZKFEJGsG6TOiSwFARDKGYahd150AkMVi8eqpyWmayS0ALhYLrZoMDQAEvu+Pnhqd7/sZVrdsUBRF6QBAp9OZnJycvCf55vT0NOl0Oj/Lsvx9KLKzs7NvJHsicp3n+Ueg6dhFUZRVVXWb1Pc8z7syxnzaBYuiqOd53hXJVESuq6rqtnN/9UOtdeB53pDkh+ZXCWACYNyME6xuVgAAm23uH2Br1tquiPRJdgG82Jiei0hGcjidTseb2r1vSgtvv+u6Lmez2WSf/x+VKvWt57n/OQAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:0;background-size:10px auto;padding-left:18px;margin-left:8px}@media screen and (max-width:767px){.secDetailHeader .modified{background-size:2.6666666667vw auto;padding-left:4.8vw;margin-left:2.1333333333vw}}.secDetailHeader .icon{font-size:11px;border:1px solid #000;border-radius:3px;padding:3px 5px;margin-right:10px;position:relative}@media screen and (max-width:767px){.secDetailHeader .icon{font-size:1.1rem;padding:.8vw 1.3333333333vw;margin-right:2.1333333333vw}}.secDetailHeader .icon:after,.secDetailHeader .icon:before{content:"";border-style:solid;border-width:4px 0 4px 5px;position:absolute;top:50%;transform:translateY(-50%)}@media screen and (max-width:767px){.secDetailHeader .icon:after,.secDetailHeader .icon:before{border-width:1.0666666667vw 0 1.0666666667vw 1.3333333333vw}}.secDetailHeader .icon:before{border-color:transparent transparent transparent #000;right:-5px}@media screen and (max-width:767px){.secDetailHeader .icon:before{right:-1.3333333333vw}}.secDetailHeader .icon:after{border-color:transparent transparent transparent #fff;right:-4px}@media screen and (max-width:767px){.secDetailHeader .icon:after{right:-1.0666666667vw}}.secDetailHeader .total{font-size:11px}@media screen and (max-width:767px){.secDetailHeader .total{font-size:1.2rem}}.secDetailHeader h2{font-size:30px;line-height:1.7333333333em;margin-bottom:20px}@media screen and (max-width:767px){.secDetailHeader h2{font-size:1.8rem;margin-bottom:5.3333333333vw}}.secDetailHeader .sub{font-size:18px;line-height:1.5714285714em;margin-bottom:20px}@media screen and (max-width:767px){.secDetailHeader .sub{font-size:1.4rem;margin-bottom:5.3333333333vw}}.secDetailHeader .sub+h2,.secDetailHeader h2+.sub{margin-top:-10px}@media screen and (max-width:767px){.secDetailHeader .sub+h2,.secDetailHeader h2+.sub{margin-top:-2.6666666667vw}}.secDetailHeader .author{text-align:right}@media screen and (max-width:767px){.secDetailHeader .author{text-align:left}}.secDetailHeader .credit{display:flex;justify-content:flex-end}@media screen and (max-width:767px){.secDetailHeader .credit{display:block}}.secDetailHeader .credit ul{display:flex;flex-wrap:wrap;line-height:1.5714285714em}@media screen and (max-width:767px){.secDetailHeader .credit ul{margin-top:2.6666666667vw}}.secDetailHeader .credit ul li{margin-right:1em}.secDetailHeader .credit ul li:last-child{margin-right:0}.secShareSns{position:absolute;top:70px;right:50%;margin-right:-450px}@media screen and (max-width:767px){.secShareSns{height:13.8666666667vw;background:#fff;top:auto;right:auto;margin-top:-24vw}.secShareSns ul{display:flex;width:94.6666666667vw;margin:0 auto;padding-top:1.6vw}}.secShareSns li{margin-bottom:10px}@media screen and (max-width:767px){.secShareSns li{box-sizing:border-box;width:25%;margin:0 1px 0 0}.secShareSns li a{display:flex;justify-content:center;align-items:center;height:10.6666666667vw}.secShareSns li a img{width:7.7333333333vw}.secShareSns li.twitter a{background:#50aff3}.secShareSns li.facebook a{background:#1877f2}.secShareSns li.facebook a img{width:5.6vw;margin-bottom:.8vw}.secShareSns li.hatena a{background:#2099d5}.secShareSns li.rss a{background:#f48c43}.secShareSns li.line a{background:#06c755}}.secShareSns li img{vertical-align:bottom}.isFixed .secShareSns{position:fixed;top:75px;z-index:9000;transition:.3s}@media screen and (max-width:767px){.isFixed .secShareSns{top:14.9333333333vw;transition:0s;margin-top:0}}.isFixedLogo .secShareSns{top:160px}@media screen and (max-width:767px){.isFixedLogo .secShareSns{top:14.9333333333vw}}body.secType02 .secShareSns{position:absolute}@media screen and (max-width:767px){body.secType02.isFixed .secShareSns{top:0}}body.secType02.setType02SnsFixed .secShareSns{position:fixed}@media screen and (max-width:767px){body.secType02.setType02SnsFixed .secShareSns{top:14.93333vw}}.secDetailAdd{position:absolute;top:70px;left:50%;margin-left:-550px}@media screen and (max-width:767px){.secDetailAdd{display:none}}.isFixed .secDetailAdd{position:fixed;top:75px;z-index:9000;transition:.3s}.isFixedLogo .secDetailAdd{top:160px}body.secType02 .secDetailAdd{position:absolute}@media screen and (max-width:767px){body.secType02.isFixed .secDetailAdd{top:0}}body.secType02.setType02SnsFixed .secDetailAdd{position:fixed}@media screen and (max-width:767px){body.secType02.setType02SnsFixed .secDetailAdd{top:14.93333vw}}.secSideBanner{position:absolute;top:70px;left:50%;margin-left:-530px}@media screen and (max-width:767px){.secSideBanner{display:none}}.secSideBanner a .bannerImage{width:120px;height:600px;margin:0;vertical-align:bottom}.secSideBanner a .bannerImage img{width:100%}.isFixed .secSideBanner{position:fixed;top:75px;z-index:9000;transition:.3s}@media screen and (max-width:767px){.isFixed .secSideBanner{top:14.9333333333vw;transition:0s;margin-top:0}}.isFixedLogo .secSideBanner{top:160px}@media screen and (max-width:767px){.isFixedLogo .secSideBanner{top:14.9333333333vw}}body.secType02 .secSideBanner{position:absolute}@media screen and (max-width:767px){body.secType02.isFixed .secSideBanner{top:0}}body.secType02.setType02SnsFixed .secSideBanner{position:fixed}@media screen and (max-width:767px){body.secType02.setType02SnsFixed .secSideBanner{top:14.93333vw}}.secDetailBody,.secNewsDetailBody,.secTieUpDetailBody{line-height:2em}.secDetailBody img,.secNewsDetailBody img,.secTieUpDetailBody img{max-width:100%}.secDetailBody h4,.secNewsDetailBody h4,.secTieUpDetailBody h4{font-size:18px;line-height:1.8888888889em;margin-bottom:50px}@media screen and (max-width:767px){.secDetailBody h4,.secNewsDetailBody h4,.secTieUpDetailBody h4{font-size:1.6rem;margin-bottom:8vw}}.secDetailBody p,.secNewsDetailBody p,.secTieUpDetailBody p{font-size:18px;line-height:2em;margin-bottom:2.5em}@media screen and (max-width:767px){.secDetailBody p,.secNewsDetailBody p,.secTieUpDetailBody p{font-size:1.6rem}}.secDetailBody .fontS,.secNewsDetailBody .fontS,.secTieUpDetailBody .fontS{display:inline-block;font-size:14px;line-height:1.5714285714em}@media screen and (max-width:767px){.secDetailBody .fontS,.secNewsDetailBody .fontS,.secTieUpDetailBody .fontS{font-size:1.2rem}}.secDetailBody a,.secNewsDetailBody a,.secTieUpDetailBody a{color:#4ba4e5;text-decoration:underline}.secDetailBody hr,.secNewsDetailBody hr,.secTieUpDetailBody hr{background-color:#fff;border:none;border-bottom:1px solid #000;margin-bottom:50px}@media screen and (max-width:767px){.secDetailBody hr,.secNewsDetailBody hr,.secTieUpDetailBody hr{margin-bottom:8vw}}.secDetailBody .alignLeft,.secNewsDetailBody .alignLeft,.secTieUpDetailBody .alignLeft{text-align:left}.secDetailBody .alignCenter,.secNewsDetailBody .alignCenter,.secTieUpDetailBody .alignCenter{text-align:center}.secDetailBody .alignRight,.secNewsDetailBody .alignRight,.secTieUpDetailBody .alignRight{text-align:right}.secNewsDetailBody{padding-bottom:70px}@media screen and (max-width:767px){.secNewsDetailBody{padding-bottom:8vw}}.secNewsDetailBody h3{font-size:22px;line-height:1.5454545455em;margin-bottom:50px}@media screen and (max-width:767px){.secNewsDetailBody h3{font-size:1.8rem;margin-bottom:8vw}}.secNewsDetailBody figure{text-align:center;margin-bottom:50px}@media screen and (max-width:767px){.secNewsDetailBody figure{margin-bottom:8vw}}.secNewsDetailBody figure figcaption{margin-top:10px}@media screen and (max-width:767px){.secNewsDetailBody figure figcaption{margin-top:4vw}}.secDetailBody h3,.secTieUpDetailBody h3{font-size:22px;line-height:1.5454545455em;margin-bottom:50px;position:relative}@media screen and (max-width:767px){.secDetailBody h3,.secTieUpDetailBody h3{font-size:1.8rem;margin-bottom:8vw}}.secDetailBody h3.type1,.secTieUpDetailBody h3.type1{border:2px solid #000;padding:30px 50px}@media screen and (max-width:767px){.secDetailBody h3.type1,.secTieUpDetailBody h3.type1{padding:4vw 8vw}}.secDetailBody h3.type1:after,.secTieUpDetailBody h3.type1:after{content:"";width:38px;height:6px;border-radius:6px;background:#000;position:absolute;top:50%;left:-19px;transform:translateY(-50%)}@media screen and (max-width:767px){.secDetailBody h3.type1:after,.secTieUpDetailBody h3.type1:after{width:5.6vw;height:1.6vw;border-radius:1.6vw;left:-2.8vw}}.secDetailBody h3.type2,.secTieUpDetailBody h3.type2{padding:30px 50px}@media screen and (max-width:767px){.secDetailBody h3.type2,.secTieUpDetailBody h3.type2{padding:5.3333333333vw 8vw}}.secDetailBody h3.type2:after,.secDetailBody h3.type2:before,.secTieUpDetailBody h3.type2:after,.secTieUpDetailBody h3.type2:before{content:"";width:27px;height:20px;background:url(/_nuxt/img/bg_h3_01.ab55592.svg) no-repeat;background-size:100% auto;position:absolute}@media screen and (max-width:767px){.secDetailBody h3.type2:after,.secDetailBody h3.type2:before,.secTieUpDetailBody h3.type2:after,.secTieUpDetailBody h3.type2:before{width:5.4vw;height:4vw}}.secDetailBody h3.type2:after,.secTieUpDetailBody h3.type2:after{top:0;left:0}.secDetailBody h3.type2:before,.secTieUpDetailBody h3.type2:before{bottom:0;right:0;transform:rotate(180deg)}.secDetailBody h3.type3,.secTieUpDetailBody h3.type3{background:#f7f7f7;border-left:5px solid #000;padding:20px 50px 20px 45px}@media screen and (max-width:767px){.secDetailBody h3.type3,.secTieUpDetailBody h3.type3{border-left:1.3333333333vw solid #000;padding:4vw 8vw 4vw 6.6666666667vw}}.secDetailBody h3.type4,.secTieUpDetailBody h3.type4{padding-left:20px;position:relative}@media screen and (max-width:767px){.secDetailBody h3.type4,.secTieUpDetailBody h3.type4{padding-left:4vw}}.secDetailBody h3.type4:before,.secTieUpDetailBody h3.type4:before{content:"";width:6px;height:100%;background:#bcbcbc;border-radius:6px;position:absolute;top:1px;left:0}@media screen and (max-width:767px){.secDetailBody h3.type4:before,.secTieUpDetailBody h3.type4:before{width:.8vw;border-radius:.8vw;top:.9333333333vw}}.secDetailBody>figure.image,.secTieUpDetailBody>figure.image{margin-bottom:50px}@media screen and (max-width:767px){.secDetailBody>figure.image,.secTieUpDetailBody>figure.image{margin-bottom:8vw}}.secDetailBody .imageCol1,.secDetailBody .imageCol2,.secTieUpDetailBody .imageCol1,.secTieUpDetailBody .imageCol2{margin-bottom:50px}@media screen and (max-width:767px){.secDetailBody .imageCol1,.secDetailBody .imageCol2,.secTieUpDetailBody .imageCol1,.secTieUpDetailBody .imageCol2{margin-bottom:8vw}}.secDetailBody .imageCol1 figcaption,.secDetailBody .imageCol2 figcaption,.secTieUpDetailBody .imageCol1 figcaption,.secTieUpDetailBody .imageCol2 figcaption{font-size:13px;color:grey;line-height:2em;margin-top:10px}@media screen and (max-width:767px){.secDetailBody .imageCol1 figcaption,.secDetailBody .imageCol2 figcaption,.secTieUpDetailBody .imageCol1 figcaption,.secTieUpDetailBody .imageCol2 figcaption{font-size:1.2rem;margin-top:4vw}}.secDetailBody .imageCol2,.secTieUpDetailBody .imageCol2{display:flex;justify-content:space-between;flex-wrap:wrap}.secDetailBody .imageCol2 figure,.secTieUpDetailBody .imageCol2 figure{width:47.8%}@media screen and (max-width:767px){.secDetailBody .imageCol2 figure,.secTieUpDetailBody .imageCol2 figure{width:100%;margin-bottom:8vw}}.secDetailBody .imageCol2 figure img,.secTieUpDetailBody .imageCol2 figure img{width:100%}.secDetailBody .imageCol2>div,.secTieUpDetailBody .imageCol2>div{width:47.8%}@media screen and (max-width:767px){.secDetailBody .imageCol2>div,.secTieUpDetailBody .imageCol2>div{width:100%}}.secDetailBody .imageCol2>div figure,.secTieUpDetailBody .imageCol2>div figure{width:100%;margin:auto}@media screen and (max-width:767px){.secDetailBody .imageCol2>div figure,.secTieUpDetailBody .imageCol2>div figure{margin-bottom:8vw}}.secDetailBody .imageCol2>div figure img,.secTieUpDetailBody .imageCol2>div figure img{width:100%}.secDetailBody .mainImage{text-align:center;margin-bottom:50px}@media screen and (max-width:767px){.secDetailBody .mainImage{margin-bottom:8vw}}.secDetailBody .mainImage figcaption{font-size:13px;color:grey;margin-top:15px}@media screen and (max-width:767px){.secDetailBody .mainImage figcaption{font-size:1.2rem;margin-top:4vw}}.secDetailBody .contentsList{background:#efefef;border-radius:6px;padding:40px 50px;margin-bottom:50px}@media screen and (max-width:767px){.secDetailBody .contentsList{padding:8vw 13.3333333333vw;margin-bottom:8vw}}.secDetailBody .contentsList .title{font-size:18px;margin-bottom:20px}@media screen and (max-width:767px){.secDetailBody .contentsList .title{font-size:1.8rem;margin-bottom:5.3333333333vw}}.secDetailBody .contentsList ul li{padding-left:30px;margin-bottom:10px;position:relative}@media screen and (max-width:767px){.secDetailBody .contentsList ul li{padding-left:8.5333333333vw;margin-bottom:1.3333333333vw}}.secDetailBody .contentsList ul li:before{content:"";display:block;width:14px;height:4px;border-radius:4px;background:#000;position:absolute;top:10px;left:0}@media screen and (max-width:767px){.secDetailBody .contentsList ul li:before{width:4.5333333333vw;height:1.0666666667vw;border-radius:1.0666666667vw;top:2.6666666667vw}}.secDetailBody .contentsList ul li:last-child{margin-bottom:0}.secDetailBody .contentsList ul li a{color:#000;font-size:16px;text-decoration:none}@media screen and (max-width:767px){.secDetailBody .contentsList ul li a{font-size:1.6rem}}.secDetailBody .contentsTag{margin-bottom:50px;font-weight:700}@media screen and (max-width:767px){.secDetailBody .contentsTag{margin-bottom:9.3333333333vw}}.secDetailBody .contentsTag dt{box-sizing:border-box;display:inline-block;min-width:134px;background:#2e2e2e;color:#fff;font-size:16px;line-height:2.125em;text-align:center;border-radius:6px 6px 0 0;padding:2px 30px}@media screen and (max-width:767px){.secDetailBody .contentsTag dt{min-width:32.5333333333vw;font-size:1.4rem;padding:.5333333333vw 5.3333333333vw}}.secDetailBody .contentsTag dd{background:#efefef;line-height:1.5714285714em;border-radius:0 6px 6px 6px;padding:30px}@media screen and (max-width:767px){.secDetailBody .contentsTag dd{padding:5.3333333333vw}}.secDetailBody .red{color:#fd4215}@media screen and (max-width:767px){.secDetailBody .imageCol1{display:flex}.secDetailBody .imageCol1.alignCenter,.secDetailBody .imageCol1.alignLeft,.secDetailBody .imageCol1.alignRight{justify-content:center}.secDetailBody .imageCol1 figcaption{text-align:center}}.secTieUpDetailBody .imageCol1 figcaption,.secTieUpDetailBody .imageCol2 figcaption{line-height:1.5714285714em}.secTieUpDetailBody .imageCol1 figcaption,.secTieUpDetailBody .imageCol2 figcaption{text-align:left}.secTieUpDetailBody .pointList{background:#efefef;border-radius:6px;padding:40px 50px;margin-bottom:50px}@media screen and (max-width:767px){.secTieUpDetailBody .pointList{padding:8vw;margin-bottom:8vw}}.secTieUpDetailBody .pointList .title{font-size:18px;line-height:1.6875em;margin-bottom:20px}@media screen and (max-width:767px){.secTieUpDetailBody .pointList .title{font-size:1.8rem;margin-bottom:5.3333333333vw}}.secTieUpDetailBody .pointList ul li{font-size:16px;line-height:1.6875em;padding-left:32px;margin-bottom:10px;position:relative}@media screen and (max-width:767px){.secTieUpDetailBody .pointList ul li{font-size:1.6rem}}.secTieUpDetailBody .pointList ul li:last-child{margin-bottom:0}.secTieUpDetailBody .pointList ul li:before{content:"";display:block;width:14px;height:15px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy45NSIgaGVpZ2h0PSIxNC4yNjMiIHZpZXdCb3g9IjAgMCAxMy45NSAxNC4yNjMiPg0KICA8ZyBpZD0ibm91bl9DaGVja19Cb3hfNDQ2MjQxIiBkYXRhLW5hbWU9Im5vdW5fQ2hlY2sgQm94XzQ0NjI0MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuOTg5IC01KSI+DQogICAgPHBhdGggaWQ9IuODkeOCuV80NjYzIiBkYXRhLW5hbWU9IuODkeOCuSA0NjYzIiBkPSJNMTguMzIzLDE4Ljk3OWEuNDM5LjQzOSwwLDAsMC0uNDM5LjQzOXY2LjE1NGEuNzMyLjczMiwwLDAsMS0uNzMxLjczMUg3LjZhLjczMi43MzIsMCwwLDEtLjczMS0uNzMxVjE2LjAxN2EuNzMyLjczMiwwLDAsMSwuNzMxLS43MzFoNy42YS40MzkuNDM5LDAsMCwwLDAtLjg3OEg3LjZhMS42MTEsMS42MTEsMCwwLDAtMS42MDksMS42MDl2OS41NTRBMS42MTEsMS42MTEsMCwwLDAsNy42LDI3LjE4aDkuNTU1YTEuNjExLDEuNjExLDAsMCwwLDEuNjA5LTEuNjA5VjE5LjQxOEEuNDM5LjQzOSwwLDAsMCwxOC4zMjMsMTguOTc5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtNy45MTcpIiBmaWxsPSIjOWE5YTlhIi8+DQogICAgPHBhdGggaWQ9IuODkeOCuV80NjY0IiBkYXRhLW5hbWU9IuODkeOCuSA0NjY0IiBkPSJNMzIuMDg2LDUuMTg3YS45NTEuOTUxLDAsMCwwLTEuMzMuMmwtNi4zNzIsOC41ODUtMS45MTctMS43MjZhLjk1MS45NTEsMCwxLDAtMS4yNzIsMS40MTNsMi41ODEsMi4zMjRhMS4wOTQsMS4wOTQsMCwwLDAsLjczLjI4Yy4wMjksMCwuMDU4LDAsLjA4NiwwYTEuMDk0LDEuMDk0LDAsMCwwLC43NjEtLjRsLjAyMy0uMDI5LDYuOTA3LTkuMzA3QS45NTEuOTUxLDAsMCwwLDMyLjA4Niw1LjE4N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMi41MzEgMCkiIGZpbGw9IiM5YTlhOWEiLz4NCiAgPC9nPg0KPC9zdmc+DQo=);background-repeat:no-repeat;background-size:contain;position:absolute;top:5px;left:0}@media screen and (max-width:767px){.secTieUpDetailBody .pointList ul li:before{width:3.7333333333vw;height:4vw;top:1.6vw}}.secTieUpDetailBody .productName{margin-bottom:30px}@media screen and (max-width:767px){.secTieUpDetailBody .productName{margin-bottom:5.3333333333vw}}.secTieUpDetailBody .productName dt{font-size:30px;line-height:1.6875em}@media screen and (max-width:767px){.secTieUpDetailBody .productName dt{font-size:2.2rem}}.secTieUpDetailBody .productName dd{font-size:16px;line-height:1.6875em}@media screen and (max-width:767px){.secTieUpDetailBody .productName dd{font-size:1.4rem}}.secTieUpDetailBody .resource{background:#efefef;border-radius:6px;padding:40px 50px;margin-bottom:50px}@media screen and (max-width:767px){.secTieUpDetailBody .resource{padding:8vw;margin-bottom:8vw}}.secTieUpDetailBody .resource .title{font-size:18px;line-height:1.625em;margin-bottom:20px}@media screen and (max-width:767px){.secTieUpDetailBody .resource .title{font-size:1.8rem;margin-bottom:5.3333333333vw}}.secTieUpDetailBody .resource p{font-size:16px;line-height:1.6875em;margin-bottom:0}@media screen and (max-width:767px){.secTieUpDetailBody .resource p{font-size:1.4rem;margin-bottom:0}}.secDetailButton{margin-bottom:30px}@media screen and (max-width:767px){.secDetailButton{margin-bottom:8vw}}.secDetailButton a{width:auto;padding:18px 0;display:block;text-align:center}.secDetailButton a span{max-width:31em;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 auto}@media screen and (max-width:767px){.secDetailButton a span{max-width:14em;line-height:1.44;display:-webkit-box;-webkit-line-clamp:2;white-space:normal}}.secDetailButton.next a:before,.secDetailButton.prev a:before{font-size:14px;display:block;margin-bottom:8px}@media screen and (max-width:767px){.secDetailButton.next a:before,.secDetailButton.prev a:before{font-size:1.2rem;margin-bottom:1.6vw}}.secDetailButton.next a:before{content:"次のページへ"}.secDetailButton.prev a:before{content:"前のページへ"}.secDetailButton.prev a:after{right:auto;left:36px;transform:translateY(-50%) rotate(225deg)}@media screen and (max-width:767px){.secDetailButton.prev a:after{left:8vw}}.secDetailPagination{margin-bottom:50px}@media screen and (max-width:767px){.secDetailPagination{margin-bottom:8vw}}.secDetailPagination ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.secDetailPagination ul li{margin:0 3px 5px}@media screen and (max-width:767px){.secDetailPagination ul li{margin:0 .8vw 1.3333333333vw}}.secDetailPagination ul li a{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:100%;background:#fff;border:2px solid #000;font-size:18px}@media screen and (max-width:767px){.secDetailPagination ul li a{width:10.6666666667vw;height:10.6666666667vw;font-size:1.8rem}}.secDetailPagination ul li.active a{pointer-events:none;background:#000;color:#fff}.secDetailPagination ul li.next a,.secDetailPagination ul li.prev a{width:auto;font-size:14px;padding:2px 35px 0;border-radius:20px;position:relative}@media screen and (max-width:767px){.secDetailPagination ul li.next a,.secDetailPagination ul li.prev a{font-size:1.4rem;padding:.5333333333vw 8vw 0;border-radius:5.3333333333vw}}.secDetailPagination ul li.next a:after,.secDetailPagination ul li.prev a:after{content:"";display:inline-block;width:6px;height:6px;border-top:1px solid #000;border-right:1px solid #000;position:absolute;top:15px}@media screen and (max-width:767px){.secDetailPagination ul li.next a:after,.secDetailPagination ul li.prev a:after{width:1.6vw;height:1.6vw;top:4vw}}.secDetailPagination ul li.prev a:after{transform:rotate(225deg);left:16px}@media screen and (max-width:767px){.secDetailPagination ul li.prev a:after{left:3.4666666667vw}}.secDetailPagination ul li.next a:after{transform:rotate(45deg);right:16px}@media screen and (max-width:767px){.secDetailPagination ul li.next a:after{right:3.4666666667vw}}.secDetailRelated{margin-bottom:50px}.secDetailRelated h3{font-size:20px;margin-bottom:20px}@media screen and (max-width:767px){.secDetailRelated h3{font-size:1.6rem;margin-bottom:5.3333333333vw}}.secDetailRelated ul li{font-size:18px;line-height:2em}@media screen and (max-width:767px){.secDetailRelated ul li{font-size:1.6rem}}.secDetailRelated ul li a{color:#4ba4e5;text-decoration:underline}.secAuthorProfile{margin-bottom:50px;background:#f7f7f7;border-radius:6px;padding:40px 50px}@media screen and (max-width:767px){.secAuthorProfile{margin-bottom:8vw;padding:8vw 5.3333333333vw}}.secAuthorProfile h3{font-size:18px;margin-bottom:20px}@media screen and (max-width:767px){.secAuthorProfile h3{font-size:1.6rem;margin-bottom:5.3333333333vw}}.secAuthorProfile .profile{display:flex;position:relative}@media screen and (max-width:767px){.secAuthorProfile .profile{flex-flow:column}}.secAuthorProfile .profile figure{width:140px;margin-top:10px}@media screen and (max-width:767px){.secAuthorProfile .profile figure{width:auto;text-align:center;margin:0 0 5.3333333333vw}}.secAuthorProfile .profile figure img{width:100px;height:100px;border-radius:100%}@media screen and (max-width:767px){.secAuthorProfile .profile figure img{width:26.6666666667vw;height:26.6666666667vw}}.secAuthorProfile .profile dl{flex:1}.secAuthorProfile .profile .name{font-size:18px;margin-bottom:10px}@media screen and (max-width:767px){.secAuthorProfile .profile .name{font-size:1.8rem;margin-bottom:2.6666666667vw}}.secAuthorProfile .profile .occupation{font-size:12px;line-height:1.6666666667em;margin-bottom:20px}@media screen and (max-width:767px){.secAuthorProfile .profile .occupation{font-size:1.2rem;margin-bottom:4vw}}.secAuthorProfile .profile .text{line-height:1.5714285714em;word-break:break-all}.secAuthorProfile .profile .text a{color:#4ba4e5;text-decoration:underline}.secAuthorProfile .profile .sns{display:flex;align-items:center;position:absolute;top:0;right:0}@media screen and (max-width:767px){.secAuthorProfile .profile .sns{top:30.6666666667vw}}.secAuthorProfile .profile .sns li{margin-left:20px}@media screen and (max-width:767px){.secAuthorProfile .profile .sns li{margin-left:4vw}.secAuthorProfile .profile .sns li img{width:5.6vw}}.secAuthorProfile .profile+.profile{margin-top:3em;padding-top:3em;border-top:2px solid #000}.secAuthorProfile .profile+.profile .sns{top:3em}@media screen and (max-width:767px){.secAuthorProfile .profile+.profile .sns{top:42vw}}.secDetailData{margin-bottom:50px;background:#f7f7f7;border-radius:6px;padding:40px 50px}@media screen and (max-width:767px){.secDetailData{margin-bottom:8vw;padding:8vw 5.3333333333vw}}.secDetailData h3{font-size:18px;margin-bottom:20px}@media screen and (max-width:767px){.secDetailData h3{font-size:1.6rem;margin-bottom:5.3333333333vw}}.secDetailData .image,.secDetailData .image img{width:290px;height:162px}@media screen and (max-width:767px){.secDetailData .image,.secDetailData .image img{width:100%;height:43.2vw}}.secDetailData .image{margin-bottom:20px}@media screen and (max-width:767px){.secDetailData .image{margin-bottom:5.3333333333vw}}.secDetailData table{width:100%}.secDetailData table td,.secDetailData table th{line-height:1.5714285714em;padding:10px 0;border-top:1px solid #242424;border-bottom:1px solid #242424;text-align:left;word-break:break-all}@media screen and (max-width:767px){.secDetailData table td,.secDetailData table th{padding:2.6666666667vw 0}}.secDetailData table td a,.secDetailData table th a{color:#4ba4e5;text-decoration:underline}.secDetailData table th{width:7em;padding-right:1em}@media screen and (max-width:767px){.secDetailData table th{width:5.5em}}body.secType02 .mainImage{width:100%;max-width:1600px;margin:auto}@media screen and (max-width:767px){body.secType02 .mainImage{width:100vw;margin:0 calc(-50vw + 50%)}}body.secType02 .mainImage img{width:100%}.secDetailComment{margin-bottom:50px}@media screen and (max-width:767px){.secDetailComment{margin-bottom:8vw}}.page-design .secArticleList .list .tag span,.page-design .secDetailHeader .tag span,.page-design .secSliderCategory .slick-list .tag span{background:#ffd650}.page-design .secDetailBody .contentsList ul li:before,.page-design .secDetailBody h3.type1:after{background:#fb0}.page-design .secArticleList .secButton a,.page-design .secArticleOther .secButton a,.page-design .secCategorySerialization .secButton a,.page-design .secDetailOther .secButton a,.page-design .secDetailRecommend .secButton a{border-color:#fb0}.page-web .secArticleList .list .tag span,.page-web .secDetailHeader .tag span,.page-web .secSliderCategory .slick-list .tag span{background:#76d0ff}.page-web .secDetailBody .contentsList ul li:before,.page-web .secDetailBody h3.type1:after{background:#0089d0}.page-web .secArticleList .secButton a,.page-web .secArticleOther .secButton a,.page-web .secCategorySerialization .secButton a,.page-web .secDetailOther .secButton a,.page-web .secDetailRecommend .secButton a{border-color:#0089d0}.page-art-culture .secArticleList .list .tag span,.page-art-culture .secDetailHeader .tag span,.page-art-culture .secSliderCategory .slick-list .tag span{background:#ffb5d5}.page-art-culture .secDetailBody .contentsList ul li:before,.page-art-culture .secDetailBody h3.type1:after{background:#f76fb4}.page-art-culture .secArticleList .secButton a,.page-art-culture .secArticleOther .secButton a,.page-art-culture .secCategorySerialization .secButton a,.page-art-culture .secDetailOther .secButton a,.page-art-culture .secDetailRecommend .secButton a{border-color:#f76fb4}.page-product .secArticleList .list .tag span,.page-product .secDetailHeader .tag span,.page-product .secSliderCategory .slick-list .tag span{background:#77db70}.page-product .secDetailBody .contentsList ul li:before,.page-product .secDetailBody h3.type1:after{background:#4eb446}.page-product .secArticleList .secButton a,.page-product .secArticleOther .secButton a,.page-product .secCategorySerialization .secButton a,.page-product .secDetailOther .secButton a,.page-product .secDetailRecommend .secButton a{border-color:#4eb446}.page-learn-experience .secArticleList .list .tag span,.page-learn-experience .secDetailHeader .tag span,.page-learn-experience .secSliderCategory .slick-list .tag span{background:#ffa740}.page-learn-experience .secDetailBody .contentsList ul li:before,.page-learn-experience .secDetailBody h3.type1:after{background:#ff7f12}.page-learn-experience .secArticleList .secButton a,.page-learn-experience .secArticleOther .secButton a,.page-learn-experience .secCategorySerialization .secButton a,.page-learn-experience .secDetailOther .secButton a,.page-learn-experience .secDetailRecommend .secButton a{border-color:#ff7f12}.page-takumi .secArticleList .list .tag span,.page-takumi .secDetailHeader .tag span,.page-takumi .secSliderCategory .slick-list .tag span{background:#ccafeb}.page-takumi .secDetailBody .contentsList ul li:before,.page-takumi .secDetailBody h3.type1:after{background:#9b6fcc}.page-takumi .secArticleList .secButton a,.page-takumi .secArticleOther .secButton a,.page-takumi .secCategorySerialization .secButton a,.page-takumi .secDetailOther .secButton a,.page-takumi .secDetailRecommend .secButton a{border-color:#9b6fcc}.page-news .secArticleList .list .tag span,.page-news .secDetailHeader .tag span,.page-news .secSliderCategory .slick-list .tag span{border:1px solid #000;background:#fff;padding:4px 6px 3px}@media screen and (max-width:767px){.page-news .secArticleList .list .tag span,.page-news .secDetailHeader .tag span,.page-news .secSliderCategory .slick-list .tag span{padding:.8vw .8vw .2666666667vw}}.secArticleHeader,.secArticleList,.secArticleOther,.secCategoryReference,.secCategorySerialization,.secSliderCategory{margin-bottom:100px}@media screen and (max-width:767px){.secArticleHeader,.secArticleList,.secArticleOther,.secCategoryReference,.secCategorySerialization,.secSliderCategory{margin-bottom:18.6666666667vw}}.secOthersHeader{padding-top:60px;margin-bottom:60px}@media screen and (max-width:767px){.secOthersHeader{padding-top:8vw;margin-bottom:0}}.secOthersHeader .secOthersTitle{width:1240px;position:relative;margin:0 auto 40px}@media screen and (max-width:767px){.secOthersHeader .secOthersTitle{width:auto;margin:0;margin-bottom:8vw}}.secOthersHeader .secOthersTitle h2{display:flex;align-items:flex-end;font-size:52px;margin-bottom:30px;font-weight:700}@media screen and (max-width:767px){.secOthersHeader .secOthersTitle h2{display:block;margin-bottom:4vw;font-size:3rem}}.page-others .secOthersCategory{width:100%;min-width:1240px;margin:auto}@media screen and (max-width:767px){.page-others .secOthersCategory{width:100%;min-width:100%}}@media screen and (max-width:767px){.page-others .secOthersCategory .secCategorySerialization{padding:16vw 0 8vw;margin-bottom:0}}@media screen and (max-width:767px){.page-others .secOthersCategory .secCategorySerialization .item{margin-bottom:5.33vw}}.page-others .secOthersCategory .secCategorySerialization .item .title{font-size:16px;line-height:1.6875em}@media screen and (max-width:767px){.page-others .secOthersCategory .secCategorySerialization .item .title{font-size:1.6rem}}.page-others .secOthersCategory .secCategorySerialization .secSubTitle{margin-bottom:20px}@media screen and (max-width:767px){.page-others .secOthersCategory .secCategorySerialization .secSubTitle{margin-bottom:2.67vw}}.page-others .secOthersCategory .secCategorySerialization .secOthersList{width:1240px;margin:0 auto}@media screen and (max-width:767px){.page-others .secOthersCategory .secCategorySerialization .secOthersList{width:auto;margin:0;margin-bottom:10vw}}.page-others .secOthersCategory .secCategorySerialization .secOthersList .secCategoryTitle{width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;padding:10px 0}@media screen and (max-width:767px){.page-others .secOthersCategory .secCategorySerialization .secOthersList .secCategoryTitle{width:auto;margin:0}}.page-others .secOthersCategory .secCategorySerialization .secOthersList .secCategoryTitle h4{font-size:16px;line-height:1.8em}@media screen and (max-width:767px){.page-others .secOthersCategory .secCategorySerialization .secOthersList .secCategoryTitle h4{font-size:1.4rem}}.page-others .secOthersCategory .secCategorySerialization .secOthersList .secCategoryTitle h4 strong{padding:2px 5px;margin-right:10px}.page-others .secOthersCategory .secCategorySerialization .secOthersList .othersList{border-top:1px solid #e2e2e2}.page-others .secOthersCategory .secCategorySerialization .secOthersList .othersList li{border-bottom:1px solid #e2e2e2;padding:10px 0}.page-others .secOthersCategory .secCategorySerialization .secOthersList .othersList li a{display:inline-block;font-size:16px;text-decoration:underline;color:#4ba4e5;font-weight:700;line-height:2}@media screen and (max-width:767px){.page-others .secOthersCategory .secCategorySerialization .secOthersList .othersList li a{display:block;font-size:1.4rem}}.raw-html-embed a{display:inline-block}.secReferenceHeader{position:relative;z-index:-1;margin-bottom:100px}@media screen and (max-width:767px){.secReferenceHeader{margin-bottom:16vw}}.secReferenceHeader:after{content:"";width:calc(100% - 60px);height:2px;background:#000;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%)}@media screen and (max-width:767px){.secReferenceHeader:after{width:94.6666666667vw;height:.5333333333vw;bottom:0}}.secReferenceHeader figure{height:350px;position:relative}@media screen and (max-width:767px){.secReferenceHeader figure{height:70.6666666667vw}}.secReferenceHeader figure img{width:100%;height:350px}@media screen and (max-width:767px){.secReferenceHeader figure img{height:70.6666666667vw}}.secReferenceHeader div{width:800px;padding:40px;background:#fff;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:767px){.secReferenceHeader div{width:89.3333333333vw;padding:8vw}}.secReferenceHeader div h2{font-size:50px;margin-bottom:15px}@media screen and (max-width:767px){.secReferenceHeader div h2{font-size:2.4rem;line-height:1.5em}}.secReferenceHeader div .text{font-size:16px;line-height:1.6875em}@media screen and (max-width:767px){.secReferenceHeader div .text{font-size:1.2rem;text-align:left}}.secRefereneAnchor{width:1240px;margin:0 auto 90px}@media screen and (max-width:767px){.secRefereneAnchor{width:auto;margin:0;margin-bottom:14.6666666667vw}}.secRefereneAnchor ol{counter-reset:number 0;text-align:center}@media screen and (max-width:767px){.secRefereneAnchor ol{text-align:left}}.secRefereneAnchor ol li{display:inline;font-size:20px;line-height:2}@media screen and (max-width:767px){.secRefereneAnchor ol li{font-size:1.4rem}}.secRefereneAnchor ol li:before{counter-increment:number 1;content:counter(number) "."}.secRefereneAnchor ol li:after{content:"/";display:inline-block;margin:0 .5em}.secRefereneAnchor ol li:last-child:after{display:none}.secRefereneCecontentsList{width:1240px;margin:0 auto}@media screen and (max-width:767px){.secRefereneCecontentsList{width:auto;margin:0}}.secRefereneCecontentsList ol{counter-reset:number 0}.secRefereneCecontentsList ol>li{border-bottom:1px solid #e2e2e2;padding-bottom:40px;margin-bottom:40px}@media screen and (max-width:767px){.secRefereneCecontentsList ol>li{padding-bottom:8vw;margin-bottom:8vw}}.secRefereneCecontentsList ol>li:last-child{margin-bottom:0}.secRefereneCecontentsList h3{font-size:20px;line-height:1.8em;position:relative;padding-left:30px;margin-bottom:40px}@media screen and (max-width:767px){.secRefereneCecontentsList h3{font-size:1.8rem;padding-left:6.6666666667vw;margin-bottom:8vw}}.secRefereneCecontentsList h3:before{counter-increment:number 1;content:counter(number) ".";position:absolute;top:0;left:0}.secRefereneCecontentsList ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:-20px}@media screen and (max-width:767px){.secRefereneCecontentsList ul{display:block;margin-bottom:0}}.secRefereneCecontentsList ul:after{content:"";display:block;width:392px;height:0}@media screen and (max-width:767px){.secRefereneCecontentsList ul:after{width:auto}}@media screen and (max-width:767px){.secRefereneCecontentsList ul{margin-left:0}}.secRefereneCecontentsList ul li{width:392px;margin-bottom:20px}@media screen and (max-width:767px){.secRefereneCecontentsList ul li{width:auto;margin-bottom:8vw}}.secRefereneCecontentsList ul li a{display:block}.secRefereneCecontentsList ul li a:hover{opacity:.6;filter:alpha(opacity=60)}.secRefereneCecontentsList ul li figure img{width:392px;height:221px}@media screen and (max-width:767px){.secRefereneCecontentsList ul li figure img{width:100%;height:50.1333333333vw}}.secRefereneCecontentsList ul li .title,.secRefereneCecontentsList ul li figure{margin-bottom:12px}@media screen and (max-width:767px){.secRefereneCecontentsList ul li .title,.secRefereneCecontentsList ul li figure{margin-bottom:2.6666666667vw}}.secRefereneCecontentsList ul li .title{font-size:16px;line-height:1.6875em}@media screen and (max-width:767px){.secRefereneCecontentsList ul li .title{font-size:1.6rem}}.secReferenceHeader,.secRefereneCecontentsList,.secRefereneDetailBody{margin-bottom:100px}@media screen and (max-width:767px){.secReferenceHeader,.secRefereneCecontentsList,.secRefereneDetailBody{margin-bottom:18.6666666667vw}}.secSearch{width:1240px;margin:0 auto;padding-top:100px}@media screen and (max-width:767px){.secSearch{width:auto;margin:0;padding-top:18.6666666667vw}}.secSearch{margin-bottom:100px}@media screen and (max-width:767px){.secSearch{margin-bottom:18.6666666667vw}}.secSearch h2{font-size:30px;text-align:center;margin-bottom:80px}@media screen and (max-width:767px){.secSearch h2{font-size:2.1rem;line-height:1.619047619em;margin-bottom:18.6666666667vw}}.secSearch .gsc-expansionArea{margin:100px 0}@media screen and (max-width:767px){.secSearch .gsc-expansionArea{margin:18.6666666667vw 0}}.secSearch .gsc-above-wrapper-area{border-bottom:none;padding:0;margin-bottom:30px}@media screen and (max-width:767px){.secSearch .gsc-above-wrapper-area{margin-bottom:5.3333333333vw}}.secSearch .gsc-tabsArea{display:flex;border-bottom:none;margin-bottom:30px}@media screen and (max-width:767px){.secSearch .gsc-tabsArea{margin-bottom:8vw}}.secSearch .gsc-tabHeader{font-size:14px;line-height:1;padding:10px 30px;border:1px solid #000}@media screen and (max-width:767px){.secSearch .gsc-tabHeader{width:50%;font-size:1.4rem;padding:2.6666666667vw 0}}.secSearch .gsc-tabHeader.gsc-tabhActive{border-width:1px;background:#000;color:#fff}.secSearch .gsc-tabHeader.gsc-tabhInactive{color:#000}.secSearch .gsc-result-info{font-size:14px;color:#000;padding:0}@media screen and (max-width:767px){.secSearch .gsc-result-info{font-size:1.4rem}}.secSearch .gsc-orderby-container{vertical-align:top}.secSearch .gsc-orderby-label{font-size:14px;color:#000}@media screen and (max-width:767px){.secSearch .gsc-orderby-label{font-size:1.4rem}}.secSearch .gsc-selected-option-container{box-sizing:border-box;display:flex;font-size:14px;line-height:40px;color:#000;width:144px;height:40px;border:1px solid #000;border-radius:6px;background:#fff;padding:0}@media screen and (max-width:767px){.secSearch .gsc-selected-option-container{width:33.0666666667vw;height:8vw;font-size:1.4rem;line-height:8vw}}.secSearch .gsc-selected-option{display:inline-block;width:80%}.secSearch .gsc-option-selector{display:inline-block;width:9px;height:6px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA5IDYiPg0KICA8cGF0aCBpZD0i5aSa6KeS5b2iXzUiIGRhdGEtbmFtZT0i5aSa6KeS5b2iIDUiIGQ9Ik00LjUsMCw5LDZIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkgNikgcm90YXRlKDE4MCkiLz4NCjwvc3ZnPg0K);background-repeat:no-repeat;background-size:contain;max-width:100%;margin-right:15px;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media screen and (max-width:767px){.secSearch .gsc-option-selector{width:2.4vw;height:1.6vw;margin-right:2.6666666667vw}}.secSearch .gsc-adBlock{border-bottom:none;padding-bottom:0;margin-bottom:0}.secSearch .gsc-webResult.gsc-result{border:none;margin-bottom:50px;padding:0}@media screen and (max-width:767px){.secSearch .gsc-webResult.gsc-result{margin-bottom:10.6666666667vw}}.secSearch .gsc-webResult.gsc-result a.gs-title{color:#0089d0;font-size:16px;font-weight:700;text-decoration:underline}@media screen and (max-width:767px){.secSearch .gsc-webResult.gsc-result a.gs-title{font-size:1.3rem;line-height:1.6153846154em}}.secSearch .gsc-thumbnail-inside,.secSearch .gsc-url-top{font-size:14px;line-height:1.5714285714em;padding:0}@media screen and (max-width:767px){.secSearch .gsc-thumbnail-inside,.secSearch .gsc-url-top{font-size:1.3rem;line-height:1.6153846154em}}.secSearch .gs-snippet{font-size:14px}@media screen and (max-width:767px){.secSearch .gs-snippet{font-size:1.3rem}}.secSearch .gs-visibleUrl-breadcrumb{margin-bottom:10px}@media screen and (max-width:767px){.secSearch .gs-visibleUrl-breadcrumb{margin-bottom:2.6666666667vw}}.secSearch .gs-promotion-table,.secSearch .gsc-table-result{display:flex;padding:0}.secSearch .gs-promotion-image-cell,.secSearch .gsc-table-cell-thumbnail{margin-right:30px}@media screen and (max-width:767px){.secSearch .gs-promotion-image-cell,.secSearch .gsc-table-cell-thumbnail{margin-right:4vw}}.secSearch .gs-promotion-image-box,.secSearch .gs-web-image-box{width:178px;padding:0}@media screen and (max-width:767px){.secSearch .gs-promotion-image-box,.secSearch .gs-web-image-box{width:29.3333333333vw}}.secSearch .gs-promotion-image-box .gs-promotion-image,.secSearch .gs-web-image-box .gs-image{display:block;max-width:unset;max-height:unset;width:178px;height:100px}@media screen and (max-width:767px){.secSearch .gs-promotion-image-box .gs-promotion-image,.secSearch .gs-web-image-box .gs-image{width:29.3333333333vw;height:16.5333333333vw}}.secSearch a.gs-image{border:none}.secSearch .gs-promotion-text-cell,.secSearch .gsc-table-cell-snippet-close{flex:1;font-size:14px;line-height:1.5714285714em}@media screen and (max-width:767px){.secSearch .gs-promotion-text-cell,.secSearch .gsc-table-cell-snippet-close{font-size:1.4rem}}.secSearch .gsc-results .gsc-cursor-box{margin:0}.secSearch .gsc-cursor-box .gsc-cursor{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.secSearch .gsc-cursor-box .gsc-cursor .gsc-cursor-page{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:100%;color:#000;background:#fff;border:2px solid #000;font-size:18px;margin:0 3px 5px;transition:.3s}@media screen and (max-width:767px){.secSearch .gsc-cursor-box .gsc-cursor .gsc-cursor-page{width:10.6666666667vw;height:10.6666666667vw;font-size:1.8rem;margin:0 .8vw 1.3333333333vw}}.secSearch .gsc-cursor-box .gsc-cursor .gsc-cursor-page:hover{opacity:.6;filter:alpha(opacity=60);text-decoration:none}.secSearch .gsc-cursor-box .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page{pointer-events:none;background:#000;color:#fff}.secSearch .gcsc-more-maybe-branding-root{display:none}.secPressRelease,.secPressReleaseHeader,.wrapForm,.wrapFormComplete,.wrapFormConfirm,.wrapFormMail,.wrapFormSend{width:1000px;margin:0 auto;padding:100px 0 150px}@media screen and (max-width:767px){.secPressRelease,.secPressReleaseHeader,.wrapForm,.wrapFormComplete,.wrapFormConfirm,.wrapFormMail,.wrapFormSend{width:auto;margin:0;padding:21.3333333333vw 0 26.6666666667vw}}.secPressRelease a,.secPressReleaseHeader a,.wrapForm a,.wrapFormComplete a,.wrapFormConfirm a,.wrapFormMail a,.wrapFormSend a{color:#4ba4e5;text-decoration:underline}.wrapFormComplete+.secAboutHeader{margin-bottom:220px}@media screen and (max-width:767px){.wrapFormComplete+.secAboutHeader{margin-bottom:18.6666666667vw}}.secFormHeader,.secPressReleaseHeader{margin-bottom:100px}@media screen and (max-width:767px){.secFormHeader,.secPressReleaseHeader{margin-bottom:18.6666666667vw}}.wrapForm.login .secFormHeader,.wrapForm.login .secPressReleaseHeader,.wrapFormMail.my-page .secFormHeader,.wrapFormMail.my-page .secPressReleaseHeader{margin-bottom:80px}@media screen and (max-width:767px){.wrapForm.login .secFormHeader,.wrapForm.login .secPressReleaseHeader,.wrapFormMail.my-page .secFormHeader,.wrapFormMail.my-page .secPressReleaseHeader{margin-bottom:13.3333333333vw}}.wrapForm.withdrawal .secFormHeader,.wrapForm.withdrawal .secPressReleaseHeader{margin-bottom:60px}@media screen and (max-width:767px){.wrapForm.withdrawal .secFormHeader,.wrapForm.withdrawal .secPressReleaseHeader{margin-bottom:8vw}}.wrapFormComplete.withdrawal .secFormHeader,.wrapFormComplete.withdrawal .secPressReleaseHeader{margin-bottom:80px}@media screen and (max-width:767px){.wrapFormComplete.withdrawal .secFormHeader,.wrapFormComplete.withdrawal .secPressReleaseHeader{margin-bottom:13.3333333333vw}}.wrapFormComplete.registration .secFormHeader,.wrapFormComplete.registration .secPressReleaseHeader{margin-bottom:40px}@media screen and (max-width:767px){.wrapFormComplete.registration .secFormHeader,.wrapFormComplete.registration .secPressReleaseHeader{margin-bottom:6.6666666667vw}}.secFormHeader .read,.secFormHeader h2,.secPressReleaseHeader .read,.secPressReleaseHeader h2{text-align:center}.secFormHeader h2,.secPressReleaseHeader h2{font-size:30px}@media screen and (max-width:767px){.secFormHeader h2,.secPressReleaseHeader h2{font-size:2.1rem;line-height:1.7142857143em}}.secFormHeader .read,.secPressReleaseHeader .read{font-size:16px;line-height:2em;margin-top:80px}.wrapForm.withdrawal .secFormHeader .read,.wrapForm.withdrawal .secPressReleaseHeader .read{margin-top:60px}@media screen and (max-width:767px){.wrapForm.withdrawal .secFormHeader .read,.wrapForm.withdrawal .secPressReleaseHeader .read{margin-top:8vw}}@media screen and (max-width:767px){.secFormHeader .read,.secPressReleaseHeader .read{font-size:1.4rem;line-height:1.5714285714em;margin-top:8vw}.wrapForm.contact .secFormHeader .read,.wrapForm.contact .secPressReleaseHeader .read,.wrapForm.my-page .secFormHeader .read,.wrapForm.my-page .secPressReleaseHeader .read,.wrapForm.password .secFormHeader .read,.wrapForm.password .secPressReleaseHeader .read,.wrapFormMail.registration .secFormHeader .read,.wrapFormMail.registration .secPressReleaseHeader .read{text-align:left}}.secFormHeader .caution,.secPressReleaseHeader .caution{text-align:center;font-size:14px;line-height:1.5714285714em;margin-top:10px}@media screen and (max-width:767px){.secFormHeader .caution,.secPressReleaseHeader .caution{text-align:left;font-size:1.2rem;margin-top:2.6666666667vw}}.secFormHeader .red,.secPressReleaseHeader .red{color:#fd4215}.secFormHeader .flow{display:flex;justify-content:center;align-items:center;margin:70px 0 -50px}@media screen and (max-width:767px){.secFormHeader .flow{margin:8vw 0 0}}.secFormHeader .flow li{padding-right:30px;margin-right:10px;overflow:hidden}@media screen and (max-width:767px){.secFormHeader .flow li{padding-right:4vw;margin-right:1.3333333333vw}}.secFormHeader .flow li span{display:block;font-size:16px;font-weight:700;color:#fff;padding:30px;background:#bababa;position:relative}@media screen and (max-width:767px){.secFormHeader .flow li span{font-size:1.4rem;line-height:1.2857142857em;text-align:center;padding:2.6666666667vw}}.secFormHeader .flow li span:after{content:"";display:block;width:0;height:0;border-color:transparent transparent transparent #bababa;border-style:solid;border-width:40px 0 40px 30px;position:absolute;top:50%;right:-30px;transform:translateY(-50%)}@media screen and (max-width:767px){.secFormHeader .flow li span:after{border-width:8vw 0 8vw 4vw;right:-4vw}}.secFormHeader .flow li.active span{background:#000}.secFormHeader .flow li.active span:after{border-color:transparent transparent transparent #000}.secFormHeader .flow li:last-child{padding-right:0;margin-right:0}.secFormHeader .flow li:last-child span:after{display:none}.secInputArea h3,.secPressRelease h3,.secQuestion h3{font-size:20px;border-bottom:2px solid #000;padding-bottom:15px;margin-bottom:30px}@media screen and (max-width:767px){.secInputArea h3,.secPressRelease h3,.secQuestion h3{font-size:1.4rem;padding-bottom:2.6666666667vw;margin-bottom:5.3333333333vw}}.secInputArea .required{color:red}.secInputArea p.required{line-height:1.8333333333em;margin-bottom:60px}@media screen and (max-width:767px){.secInputArea p.required{font-size:1.2rem;margin-bottom:4vw}}.secInputArea .cautionMail p:first-child{font-size:16px;line-height:1.6875em;margin-bottom:20px}@media screen and (max-width:767px){.secInputArea .cautionMail p:first-child{font-size:1.4rem;margin-bottom:4vw}}.secInputArea .cautionMail p:nth-child(2){line-height:1.8333333333em}@media screen and (max-width:767px){.secInputArea .cautionMail p:nth-child(2){font-size:1.2rem}}.secInputArea table{margin:0 auto}.wrapForm.contact .secInputArea table,.wrapForm.my-page .secInputArea table,.wrapForm.password .secInputArea table,.wrapForm.registration .secInputArea table{width:100%}@media screen and (max-width:767px){.secInputArea table{width:100%}}@media screen and (max-width:767px){.wrapForm.login .secInputArea table,.wrapForm.withdrawal .secInputArea table,.wrapFormMail.my-page .secInputArea table{margin-bottom:13.3333333333vw}}.wrapForm.contact .secInputArea tr,.wrapForm.my-page .secInputArea tr,.wrapForm.password .secInputArea tr,.wrapForm.registration .secInputArea tr{border-bottom:1px solid #f0f0f0}@media screen and (max-width:767px){.secInputArea tr{display:block;position:relative}}.secInputArea td,.secInputArea th{vertical-align:middle}@media screen and (max-width:767px){.secInputArea td,.secInputArea th{display:block}}.secInputArea th{width:230px;font-size:16px;line-height:1.625em;text-align:left;padding:18px 40px 18px 0}.wrapForm.login .secInputArea th,.wrapForm.withdrawal .secInputArea th,.wrapFormMail.my-page .secInputArea th{width:auto;padding:10px 30px 10px 0}@media screen and (max-width:767px){.secInputArea th{width:auto;font-size:1.4rem;padding:5.3333333333vw 0 1.3333333333vw}.wrapForm.login .secInputArea th,.wrapForm.withdrawal .secInputArea th,.wrapFormMail.my-page .secInputArea th{font-size:1.6rem;padding:4vw 0 1.3333333333vw}}.secInputArea td{padding:18px 0}.wrapForm.login .secInputArea td,.wrapForm.withdrawal .secInputArea td,.wrapFormMail.my-page .secInputArea td{padding:10px 0}@media screen and (max-width:767px){.wrapForm.login .secInputArea td,.wrapForm.withdrawal .secInputArea td,.wrapFormMail.my-page .secInputArea td{padding:0}}@media screen and (max-width:767px){.secInputArea td{padding:0 0 5.3333333333vw}}.secInputArea .bundle{display:flex;flex-wrap:wrap;align-items:center}@media screen and (max-width:767px){.secInputArea .bundle.input{display:block}}.secInputArea .bundle .wrap{margin-right:15px}@media screen and (max-width:767px){.secInputArea .bundle.input .wrap{margin-right:0}}.secInputArea .wrap{box-sizing:border-box;border:1px solid #9f9f9f;border-radius:6px;padding:10px}@media screen and (max-width:767px){.secInputArea .wrap{padding:2.6666666667vw}}.secInputArea .wrap input,.secInputArea .wrap textarea{width:100%;font-size:16px}@media screen and (max-width:767px){.secInputArea .wrap input,.secInputArea .wrap textarea{font-size:1.4rem}}@media screen and (max-width:767px){.wrapForm.login .secInputArea .wrap input,.wrapForm.login .secInputArea .wrap textarea,.wrapForm.withdrawal .secInputArea .wrap input,.wrapForm.withdrawal .secInputArea .wrap textarea,.wrapFormMail.my-page .secInputArea .wrap input,.wrapFormMail.my-page .secInputArea .wrap textarea{font-size:1.6rem}}.secInputArea .wrap textarea{height:230px;resize:none}@media screen and (max-width:767px){.secInputArea .wrap textarea{height:53.3333333333vw}}.wrapForm.login .secInputArea .wrap,.wrapForm.withdrawal .secInputArea .wrap,.wrapFormMail.my-page .secInputArea .wrap{width:380px}@media screen and (max-width:767px){.wrapForm.login .secInputArea .wrap,.wrapForm.withdrawal .secInputArea .wrap,.wrapFormMail.my-page .secInputArea .wrap{width:auto}}.wrapForm.contact .secInputArea .wrap,.wrapForm.my-page .secInputArea .wrap,.wrapForm.password .secInputArea .wrap,.wrapForm.registration .secInputArea .wrap,.wrapFormMail.registration .secInputArea .wrap{width:450px}@media screen and (max-width:767px){.wrapForm.contact .secInputArea .wrap,.wrapForm.my-page .secInputArea .wrap,.wrapForm.password .secInputArea .wrap,.wrapForm.registration .secInputArea .wrap,.wrapFormMail.registration .secInputArea .wrap{width:auto}}.secInputArea .wrap.contact{border:1px solid #000}.secInputArea .wrap.contact select{width:100%;font-size:16px}@media screen and (max-width:767px){.secInputArea .wrap.contact select{font-size:1.4rem}}.secInputArea .wrap.year{width:90px!important}@media screen and (max-width:767px){.secInputArea .wrap.year{width:21.3333333333vw!important}}.secInputArea .wrap.day,.secInputArea .wrap.month{width:70px!important}@media screen and (max-width:767px){.secInputArea .wrap.day,.secInputArea .wrap.month{width:16vw!important}}.secInputArea .wrap+span,.secInputArea .wrap.day,.secInputArea .wrap.month,.secInputArea .wrap.year{font-size:16px;margin-right:10px}@media screen and (max-width:767px){.secInputArea .wrap+span,.secInputArea .wrap.day,.secInputArea .wrap.month,.secInputArea .wrap.year{font-size:1.4rem;margin-right:2.6666666667vw}}.secInputArea .wrap.day,.secInputArea .wrap.month,.secInputArea .wrap.year{position:relative}.secInputArea .wrap.day:before,.secInputArea .wrap.month:before,.secInputArea .wrap.year:before{content:"";display:block;width:6px;height:6px;border-right:2px solid #000;border-bottom:2px solid #000;position:absolute;top:50%;right:12px;transform:translateY(-80%) rotate(45deg)}@media screen and (max-width:767px){.secInputArea .wrap.day:before,.secInputArea .wrap.month:before,.secInputArea .wrap.year:before{width:1.6vw;height:1.6vw;right:2.6666666667vw}}.secInputArea .wrap.day select,.secInputArea .wrap.month select,.secInputArea .wrap.year select{width:100%;font-size:16px}@media screen and (max-width:767px){.secInputArea .wrap.day select,.secInputArea .wrap.month select,.secInputArea .wrap.year select{font-size:1.6rem}}.secInputArea label.radio{margin-right:40px;cursor:pointer}@media screen and (max-width:767px){.secInputArea label.radio{margin-right:10.6666666667vw}}.secInputArea label.radio input[type=radio]{display:none}.secInputArea label.radio span{display:inline-block;font-size:16px;position:relative;padding-left:30px}@media screen and (max-width:767px){.secInputArea label.radio span{font-size:1.6rem;padding-left:8vw}}.secInputArea label.radio span:after,.secInputArea label.radio span:before{content:"";display:block;border-radius:100%;position:absolute;top:50%;transform:translateY(-50%)}.secInputArea label.radio span:before{width:14px;height:14px;border:1px solid #9b9b9b;left:0}@media screen and (max-width:767px){.secInputArea label.radio span:before{width:3.7333333333vw;height:3.7333333333vw;border:.2666666667vw solid #9b9b9b}}.secInputArea label.radio input[type=radio]:checked+span:after{width:12px;height:12px;background:#000;left:2px}@media screen and (max-width:767px){.secInputArea label.radio input[type=radio]:checked+span:after{width:3.2vw;height:3.2vw;left:.5333333333vw}}.secInputArea label.checkbox{cursor:pointer;line-height:1.9285714286em;margin-right:22px}.secInputArea label.checkbox:last-child{margin-right:0}@media screen and (max-width:767px){.secInputArea label.checkbox{display:block;margin-right:0}}.secInputArea label.checkbox input[type=checkbox]{display:none}.secInputArea label.checkbox span{display:inline-block;position:relative;padding-left:25px}@media screen and (max-width:767px){.secInputArea label.checkbox span{padding-left:8vw}}.secInputArea label.checkbox span:after,.secInputArea label.checkbox span:before{content:"";display:block;border-radius:2px;position:absolute}.secInputArea label.checkbox span:before{width:13px;height:13px;border:1px solid #000;top:5px;left:0}@media screen and (max-width:767px){.secInputArea label.checkbox span:before{width:3.4666666667vw;height:3.4666666667vw;top:1.3333333333vw}}.secInputArea label.checkbox input[type=checkbox]:checked+span:before{border:1px solid #0089d1;background:#0089d1}.secInputArea label.checkbox input[type=checkbox]:checked+span:after{width:3px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;top:13px;left:5px;transform:translateY(-60%) rotate(45deg)}@media screen and (max-width:767px){.secInputArea label.checkbox input[type=checkbox]:checked+span:after{width:.8vw;height:2.4vw;top:3.3333333333vw;left:1.3333333333vw}}@media screen and (max-width:767px){.secInputArea .rules{font-size:1.2rem;position:absolute;top:6.6666666667vw;right:0}}.secInputArea .caution{width:100%;line-height:1.8333333333em;margin-top:10px}@media screen and (max-width:767px){.secInputArea .caution{font-size:1.2rem;margin-top:2.6666666667vw}}.secConfirmArea .confirm{border:2px solid #000;border-radius:4px;padding:60px 80px;margin-bottom:100px}@media screen and (max-width:767px){.secConfirmArea .confirm{padding:5.3333333333vw;margin-bottom:12vw}}.secConfirmArea td,.secConfirmArea th{font-size:16px;line-height:1.625em;vertical-align:top}@media screen and (max-width:767px){.secConfirmArea td,.secConfirmArea th{display:block;font-size:1.4rem}}.secConfirmArea th{text-align:left;white-space:nowrap;padding:12px 60px 12px 0}@media screen and (max-width:767px){.secConfirmArea th{white-space:normal;padding:2.6666666667vw 0 1.3333333333vw}}.secConfirmArea td{padding:12px 0}@media screen and (max-width:767px){.secConfirmArea td{padding:0 0 2.6666666667vw}}.secConfirmArea td ul{display:flex;flex-wrap:wrap}@media screen and (max-width:767px){.secConfirmArea td ul{flex-flow:column}}.secConfirmArea td ul li{margin-right:1em}@media screen and (max-width:767px){.secConfirmArea td ul li{margin-right:0}}.secConfirmArea .caution{font-size:16px;line-height:2em;text-align:center}@media screen and (max-width:767px){.secConfirmArea .caution{font-size:1.4rem;line-height:1.5714285714em;text-align:left}}.secConfirmArea .secFormButton,.wrapForm.withdrawal .secInputArea .secFormButton,.wrapFormComplete .secFormButton{display:flex;justify-content:space-between;width:810px;margin-left:auto;margin-right:auto}@media screen and (max-width:767px){.secConfirmArea .secFormButton,.wrapForm.withdrawal .secInputArea .secFormButton,.wrapFormComplete .secFormButton{flex-flow:column;flex-direction:column-reverse;width:auto}}.secConfirmArea .secFormButton button,.wrapForm.withdrawal .secInputArea .secFormButton button,.wrapFormComplete .secFormButton button{width:400px;margin:0}@media screen and (max-width:767px){.secConfirmArea .secFormButton button,.wrapForm.withdrawal .secInputArea .secFormButton button,.wrapFormComplete .secFormButton button{width:auto}}.secConfirmArea .secFormButton button.back,.secConfirmArea .secFormButton button.change,.wrapForm.withdrawal .secInputArea .secFormButton button.back,.wrapForm.withdrawal .secInputArea .secFormButton button.change,.wrapFormComplete .secFormButton button.back,.wrapFormComplete .secFormButton button.change{color:#000;background:#fff}@media screen and (max-width:767px){.secConfirmArea .secFormButton button.back,.secConfirmArea .secFormButton button.change,.wrapForm.withdrawal .secInputArea .secFormButton button.back,.wrapForm.withdrawal .secInputArea .secFormButton button.change,.wrapFormComplete .secFormButton button.back,.wrapFormComplete .secFormButton button.change{margin-top:1.8666666667vw}}.wrapForm.withdrawal .secInputArea .secFormButton{margin-top:60px}@media screen and (max-width:767px){.wrapForm.withdrawal .secInputArea .secFormButton{margin-top:10.6666666667vw;flex-direction:column}.wrapForm.withdrawal .secInputArea .secFormButton button{margin-top:1.8666666667vw}.wrapForm.withdrawal .secInputArea .secFormButton button.back{margin-top:0}}.wrapFormComplete.withdrawal .secFormButton{margin-top:0;justify-content:center}.secAgree{font-size:16px;line-height:1.5714285714em;text-align:center;border-bottom:1px solid #f0f0f0;padding:50px 0}@media screen and (max-width:767px){.secAgree{font-size:1.4rem;padding:13.3333333333vw 0}}.secAgree dt{margin-bottom:25px}@media screen and (max-width:767px){.secAgree dt{margin-bottom:4vw}}.secAgree:last-of-type{border-bottom:none;padding-bottom:0}.secFormButton{margin-top:100px}@media screen and (max-width:767px){.secFormButton{margin-top:10.6666666667vw}}.secFormButton button{display:flex;justify-content:center;align-items:center;width:520px;height:80px;color:#fff;background:#000;border:2px solid #000;font-size:18px;border-radius:40px;cursor:pointer;margin:0 auto;position:relative}@media screen and (max-width:767px){.secFormButton button{width:100%;height:18.6666666667vw;font-size:1.6rem;border-radius:18.6666666667vw}}.secFormLink{margin-top:30px;display:flex;justify-content:center}@media screen and (max-width:767px){.secFormLink{margin-top:5.3333333333vw}}.secFormLink li{line-height:2em}.secFormLink li a{font-size:16px;color:#4ba4e5;padding-left:20px;position:relative}@media screen and (max-width:767px){.secFormLink li a{font-size:1.6rem;padding-left:5.3333333333vw}}.secFormLink li a:before{content:"";display:block;width:8px;height:8px;border-top:1px solid #4ba4e5;border-right:1px solid #4ba4e5;position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(45deg)}@media screen and (max-width:767px){.secFormLink li a:before{width:2.1333333333vw;height:2.1333333333vw}}.secQuestion{margin-top:140px}@media screen and (max-width:767px){.secQuestion{margin-top:13.3333333333vw}}.secQuestion>p,.secQuestion ul li{font-size:16px;line-height:1.6875em}@media screen and (max-width:767px){.secQuestion>p,.secQuestion ul li{font-size:1.4rem}}.secQuestion ul{margin-bottom:20px}.secQuestion ul li{padding-left:40px;margin-bottom:12px;position:relative}@media screen and (max-width:767px){.secQuestion ul li{padding-left:6.6666666667vw;margin-bottom:3.2vw}}.secQuestion ul li:before{content:"";display:block;width:20px;height:20px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS45MTciIGhlaWdodD0iMTkuOTA3IiB2aWV3Qm94PSIwIDAgMTkuOTE3IDE5LjkwNyI+DQogIDxnIGlkPSJub3VuX0NoZWNrXzExNzQ3NDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjUgLTMuNDk5KSI+DQogICAgPHBhdGggaWQ9IuODkeOCuV80Njc2IiBkYXRhLW5hbWU9IuODkeOCuSA0Njc2IiBkPSJNNS4zNDcsMjMuNDA2QTEuODQ3LDEuODQ3LDAsMCwxLDMuNSwyMS41NlY1LjM0N0ExLjg0NywxLjg0NywwLDAsMSw1LjM0NywzLjVoMTAuMzRhLjc0MS43NDEsMCwwLDEsLjc3NC43Ljc0MS43NDEsMCwwLDEtLjc3NC43SDUuNjY4YS43ODUuNzg1LDAsMCwwLS43ODUuNzg1djE1LjU2YS43ODUuNzg1LDAsMCwwLC43ODUuNzg1SDIxLjIzOWEuNzg1Ljc4NSwwLDAsMCwuNzg1LS43ODVWMTMuNWEuNy43LDAsMSwxLDEuMzkzLDB2OC4wMThhMS44NDcsMS44NDcsMCwwLDEtMS44NDcsMS44NDdabTIuOTQyLTkuOTUzYS43LjcsMCwxLDEsLjk4NC0uOTg0bDIuODc1LDIuODc1YS4yMjEuMjIxLDAsMCwwLC4zMSwwTDIxLjY5Miw2LjExYS43LjcsMCwxLDEsLjk4NC45ODRMMTIuNTEzLDE3LjIxM2EuMy4zLDAsMCwxLS40MzEsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNmMDVlNGIiLz4NCiAgPC9nPg0KPC9zdmc+DQo=) no-repeat;background-size:100% auto;position:absolute;top:3px;left:0}@media screen and (max-width:767px){.secQuestion ul li:before{width:4vw;height:4vw;top:.8vw}}.secQuestion ul li:last-child{margin-bottom:0}.secQuestion>div{margin-left:40px}@media screen and (max-width:767px){.secQuestion>div{margin-left:0}}.secQuestion>div>p{line-height:1.9285714286em}@media screen and (max-width:767px){.secQuestion>div>p{font-size:1.2rem}}.secQuestion>div .wrap{width:370px;border:1px solid #e2e2e2;padding:12px 20px;margin:10px 0}@media screen and (max-width:767px){.secQuestion>div .wrap{width:auto;padding:3.2vw 5.3333333333vw;margin:2.6666666667vw 0}}.secQuestion>div .wrap input{font-size:16px}@media screen and (max-width:767px){.secQuestion>div .wrap input{font-size:1.4rem}}.secCaution{margin-top:-70px}@media screen and (max-width:767px){.secCaution{margin-top:-13.3333333333vw}}.secCaution h3{font-size:16px;line-height:1.6875em;color:#f05e4b;border:2px solid #f05e4b;border-radius:4px;text-align:center;padding:35px 0;margin-bottom:35px}@media screen and (max-width:767px){.secCaution h3{font-size:1.4rem;text-align:left;padding:5.3333333333vw 6.6666666667vw;margin-bottom:5.3333333333vw}}.secCaution ul li{line-height:1.5714285714em}@media screen and (max-width:767px){.secCaution ul li{font-size:1.2rem}}.secCaution .wrap{width:370px;border:1px solid #e2e2e2;padding:12px 20px;margin:10px 0 10px 1em}@media screen and (max-width:767px){.secCaution .wrap{width:auto;padding:3.2vw 5.3333333333vw;margin:2.6666666667vw 0}}.secCaution .wrap input{font-size:16px}@media screen and (max-width:767px){.secCaution .wrap input{font-size:1.4rem}}.secCaution .wrap+p{line-height:1.5714285714em;margin-left:1em}@media screen and (max-width:767px){.secCaution .wrap+p{font-size:1.2rem;margin-left:0}}.secPressReleaseHeader{padding-bottom:0}@media screen and (max-width:767px){.secPressReleaseHeader .read{text-align:left}}.secPressRelease{padding-top:0}.secPressRelease .text{line-height:2em;margin-bottom:40px}@media screen and (max-width:767px){.secPressRelease .text{font-size:1.2rem;margin-bottom:8vw}}.secPressRelease .text:last-child{margin-bottom:0}.secPressRelease .text strong{font-size:16px}@media screen and (max-width:767px){.secPressRelease .text strong{font-size:1.4rem}}.secPressRelease .text+h3{margin-top:100px}.secPressRelease .mail a{color:#000;text-decoration:none}.wrapError{width:1000px;margin:0 auto;padding:100px 0 150px}@media screen and (max-width:767px){.wrapError{width:auto;margin:0;padding:21.3333333333vw 0 26.6666666667vw}}.secErrorHeader{margin-bottom:80px}@media screen and (max-width:767px){.secErrorHeader{margin-bottom:16vw}}.secErrorHeader .read,.secErrorHeader h2{text-align:center}.secErrorHeader h2{font-size:30px}@media screen and (max-width:767px){.secErrorHeader h2{font-size:2.1rem;line-height:1.7142857143em}}.secErrorHeader .read{font-size:16px;line-height:2em;margin-top:80px}@media screen and (max-width:767px){.secErrorHeader .read{font-size:1.4rem;line-height:1.5714285714em;margin-top:8vw}}.wrapError .secFormButton{display:flex;width:400px;margin:0 auto}@media screen and (max-width:767px){.wrapError .secFormButton{flex-flow:column;flex-direction:column-reverse;width:auto}}.wrapError .secFormButton button{width:400px;margin:0}@media screen and (max-width:767px){.wrapError .secFormButton button{width:auto}}:root{--ck-color-mention-background:rgba(153,0,48,0.1);--ck-color-mention-text:#990030;--ck-highlight-marker-blue:#72ccfd;--ck-highlight-marker-green:#62f962;--ck-highlight-marker-pink:#fc7899;--ck-highlight-marker-yellow:#fdfd77;--ck-highlight-pen-green:#128a00;--ck-highlight-pen-red:#e71313;--ck-image-style-spacing:1.5em;--ck-inline-image-style-spacing:calc(var(--ck-image-style-spacing)/2);--ck-todo-list-checkmark-size:16px}.ck-content .text-tiny{font-size:.7em}.ck-content .text-small{font-size:.85em}.ck-content .text-big{font-size:1.4em}.ck-content .text-huge{font-size:1.8em}.ck-content .marker-yellow{background-color:#fdfd77;background-color:var(--ck-highlight-marker-yellow)}.ck-content .marker-green{background-color:#62f962;background-color:var(--ck-highlight-marker-green)}.ck-content .marker-pink{background-color:#fc7899;background-color:var(--ck-highlight-marker-pink)}.ck-content .marker-blue{background-color:#72ccfd;background-color:var(--ck-highlight-marker-blue)}.ck-content .pen-red{color:#e71313;color:var(--ck-highlight-pen-red);background-color:transparent}.ck-content .pen-green{color:#128a00;color:var(--ck-highlight-pen-green);background-color:transparent}.ck-content .image-inline{display:inline-flex;max-width:100%;align-items:flex-start}.ck-content .image-inline img{flex-grow:1;flex-shrink:1;max-width:100%}.ck-content .image>figcaption,.ck-content .image>figcaption span{font-size:13px;color:grey;margin-top:15px}.ck-content .image.image_resized{max-width:100%;display:block;box-sizing:border-box}.ck-content .image.image_resized img{width:100%}.ck-content .image-style-block-align-left,.ck-content .image-style-block-align-right{max-width:calc(100% - 1.5em);max-width:calc(100% - var(--ck-image-style-spacing))}.ck-content .image-style-align-left,.ck-content .image-style-align-right{clear:none}.ck-content .image-style-side{float:right;margin-left:1.5em;margin-left:var(--ck-image-style-spacing);max-width:50%}.ck-content .image-style-align-left{float:left;margin-right:1.5em;margin-right:var(--ck-image-style-spacing)}.ck-content .image-style-align-center{margin-left:auto;margin-right:auto}.ck-content .image-style-align-right{float:right;margin-left:1.5em;margin-left:var(--ck-image-style-spacing)}.ck-content .image-style-block-align-right{margin-right:0;margin-left:auto}.ck-content .image-style-block-align-left{margin-left:0;margin-right:auto}.ck-content p+.image-style-align-left,.ck-content p+.image-style-align-right,.ck-content p+.image-style-side{margin-top:0}.ck-content .image-inline.image-style-align-left,.ck-content .image-inline.image-style-align-right{margin-top:.75em;margin-top:var(--ck-inline-image-style-spacing);margin-bottom:.75em;margin-bottom:var(--ck-inline-image-style-spacing)}.ck-content .image-inline.image-style-align-left{margin-right:.75em;margin-right:var(--ck-inline-image-style-spacing)}.ck-content .image-inline.image-style-align-right{margin-left:.75em;margin-left:var(--ck-inline-image-style-spacing)}.ck-content hr{margin:15px 0;height:4px;background:#dedede;border:0}.ck-content code{background-color:hsla(0,0%,78%,.3);padding:.15em;border-radius:2px}.ck-content blockquote{overflow:hidden;padding-right:1.5em;padding-left:1.5em;margin-left:0;margin-right:0;font-style:italic;border-left:5px solid #ccc}.ck-content[dir=rtl] blockquote{border-left:0;border-right:5px solid #ccc}.ck-content .table{margin:.9em auto;display:table}.ck-content .table table{border-collapse:collapse;border-spacing:0;width:100%;height:100%;border:1px double #b3b3b3}.ck-content .table table td,.ck-content .table table th{min-width:2em;padding:.4em;border:1px solid #bfbfbf}.ck-content .table table th{font-weight:700;background:hsla(0,0%,0%,5%)}.ck-content[dir=rtl] .table th{text-align:right}.ck-content[dir=ltr] .table th{text-align:left}.ck-content .page-break{position:relative;clear:both;padding:5px 0;display:flex;align-items:center;justify-content:center}.ck-content .page-break:after{content:"";position:absolute;border-bottom:2px dashed #c4c4c4;width:100%}.ck-content .page-break__label{position:relative;z-index:1;padding:.3em .6em;display:block;text-transform:uppercase;border:1px solid #c4c4c4;border-radius:2px;font-family:Helvetica,Arial,Tahoma,Verdana,Sans-Serif;font-size:.75em;font-weight:700;color:#333;background:#fff;box-shadow:2px 2px 1px rgba(0,0,0,.15);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ck-content .media{clear:both;margin:.9em 0;display:block;min-width:15em}.ck-content .todo-list{list-style:none}.ck-content .todo-list li{margin-bottom:5px}.ck-content .todo-list li .todo-list{margin-top:5px}.ck-content .todo-list .todo-list__label>input{-webkit-appearance:none;display:inline-block;position:relative;width:16px;width:var(--ck-todo-list-checkmark-size);height:16px;height:var(--ck-todo-list-checkmark-size);vertical-align:middle;border:0;left:-25px;margin-right:-15px;right:0;margin-left:0}.ck-content .todo-list .todo-list__label>input:before{display:block;position:absolute;box-sizing:border-box;content:"";width:100%;height:100%;border:1px solid #333;border-radius:2px;transition:box-shadow .25s ease-in-out,background .25s ease-in-out,border .25s ease-in-out}.ck-content .todo-list .todo-list__label>input:after{display:block;position:absolute;box-sizing:content-box;pointer-events:none;content:"";left:5.33333px;left:calc(var(--ck-todo-list-checkmark-size)/3);top:3.01887px;top:calc(var(--ck-todo-list-checkmark-size)/5.3);width:3.01887px;width:calc(var(--ck-todo-list-checkmark-size)/5.3);height:6.15385px;height:calc(var(--ck-todo-list-checkmark-size)/2.6);border-width:0 2px 2px 0;border-left:0 solid transparent;border-bottom:calc(var(--ck-todo-list-checkmark-size)/8) solid transparent;border-right:calc(var(--ck-todo-list-checkmark-size)/8) solid transparent;border-top:0 solid transparent;transform:rotate(45deg)}.ck-content .todo-list .todo-list__label>input[checked]:before{background:#26ab33;border-color:#26ab33}.ck-content .todo-list .todo-list__label>input[checked]:after{border-color:#fff}.ck-content .todo-list .todo-list__label .todo-list__label__description{vertical-align:middle}.ck-content span[lang]{font-style:italic}.ck-content pre{padding:1em;color:#353535;background:hsla(0,0%,78%,.3);border:1px solid #c4c4c4;border-radius:2px;text-align:left;direction:ltr;-moz-tab-size:4;-o-tab-size:4;tab-size:4;white-space:pre-wrap;font-style:normal;min-width:200px}.ck-content pre code{background:unset;padding:0;border-radius:0}.ck-content .mention{background:rgba(153,0,48,.1);background:var(--ck-color-mention-background);color:#990030;color:var(--ck-color-mention-text)}@media print{.ck-content .page-break{padding:0}.ck-content .page-break:after{display:none}}.secDetailBody>figure.image{margin-bottom:50px}.secDetailBody>figure>figcaption{margin-top:15px}.secDetailBody .alignCenter .image.image_resized{margin:0 auto}.secDetailBody .alignRight .image.image_resized{margin:0 0 0 auto}.secNewsDetailBody .alignCenter .image.image_resized{margin:0 auto}.secNewsDetailBody .alignRight .image.image_resized{margin:0 0 0 auto}.captionLeft .image>figcaption{text-align:left}.captionCenter .image>figcaption{text-align:center}@media print{header.pc{display:block!important;position:static!important}.sp{display:none!important}.secShareSns{position:absolute!important}main{padding-top:0!important}}img{pointer-events:none}@media screen and (max-width:767px){.secAuthorProfile .profile .text{word-break:break-all}} .nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#000;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:red} .slider[data-v-8b505a68]{opacity:0;transition:opacity .3s linear}.slider.slick-initialized[data-v-8b505a68]{opacity:1} .modAdBanner-1 a{display:inline-block}</style>  <script>!function(e,t,a,n,s){e[n]=e[n]||[],e[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var r=t.getElementsByTagName(a)[0],g=t.createElement(a);g.async=!0,g.src="https://www.googletagmanager.com/gtm.js?id=GTM-TF84F8",r.parentNode.insertBefore(g,r)}(window,document,"script","dataLayer")</script>   <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9253435282170353" crossorigin="anonymous"></script> <script type="text/javascript">var microadCompass=microadCompass||{};microadCompass.queue=microadCompass.queue||[]</script> <script type="text/javascript" charset="UTF-8" src="//j.microad.net/js/compass.js" onload="(new microadCompass.AdInitializer).initialize()" async></script>  <script>!function(e){if(!window.pintrk){window.pintrk=function(){window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var n=window.pintrk;n.queue=[],n.version="3.0";var r=document.createElement("script");r.async=!0,r.src="https://s.pinimg.com/ct/core.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(r,t)}}(),pintrk("load","2614192043046",{em:"<user_email_address>"}),pintrk("page")</script> <noscript> <img height="1" width="1" style="display:none" alt="" src="https://ct.pinterest.com/v3/?event=init&tid=2614192043046&pd[em]=<hashed_email_address>&noscript=1"> </noscript>  <script>pintrk("track","pagevisit",{event_id:"eventId0001"})</script> </head> <body class="page-design" data-n-head="%7B%22class%22:%7B%22ssr%22:%22page-design%22%7D%7D" oncontextmenu="return!1">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TF84F8" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div data-server-rendered="true" id="__nuxt"><div id="__layout"><div><div>  <nav id="headerNavBusiness" class="pc"><ul> <li><a href="https://books.mdn.co.jp/" target="_blank" rel="noopener">MdN Books</a></li>  </ul></nav> <header class="pc"><nav class="global"><div class="wrap"><h1><a href="/" style="display: inline-block"><img src="/_nuxt/img/logo.473af23.png" alt="デザインってオモシロイ MdN Design Interactive"></a></h1> <ul class="member"><li class="about"><a href="/about/">MdNについて</a></li> <li class="entry"><a href="/registration/">新規会員登録</a></li> <li class="login"><a href="/login">ログイン</a></li> <li class="search"><a class="noscroll">検索</a></li></ul></div> <ul class="category"><li class="design"><a href="/design/">デザインする</a></li> <li class="web"><a href="/web/">WEBをつくる</a></li> <li class="art-culture"><a href="/art-culture/">アート＆カルチャー</a></li> <li class="product"><a href="/product/">プロダクトに出会う</a></li> <li class="reference"><a href="/reference/">逆引き辞典</a></li> <li class="news"><a href="/news/">ニュース</a></li></ul></nav> <div class="searchBox"><div class="searchInputArea"><form action="/search/"><input type="hidden" name="cx" value="004574099558849814542:-imjwcj0mdg"> <input type="hidden" name="cof" value="FORID:11"> <input type="hidden" name="ie" value="UTF-8"> <input type="text" name="q" placeholder="キーワードで検索" class="searchBar_input"> <button type="submit" class="searchBar_button"></button></form></div></div></header> <header class="sp"><nav class="global"><h1><a href="/" style="display: inline-block"><img src="/_nuxt/img/logo.473af23.png" alt="デザインってオモシロイ MdN Design Interactive"></a></h1> <p class="search"><a>検索</a></p> <p id="dispNav"><span></span><span></span><span></span></p></nav> <div class="searchBox"><div class="searchInputArea"><form action="/search/"><input type="hidden" name="cx" value="004574099558849814542:-imjwcj0mdg"> <input type="hidden" name="cof" value="FORID:11"> <input type="hidden" name="ie" value="UTF-8"> <input type="text" name="q" placeholder="キーワードで検索" class="searchBar_input"> <button type="submit" class="searchBar_button"></button></form></div></div> <nav id="navSp"><div class="bg"></div> <div class="inner"><p id="closeNav"><span></span><span></span></p> <ul class="member"><li class="entry"><a href="/registration/">新規会員登録</a></li> <li class="login"><a href="/login">ログイン</a></li> <li class="about"><a href="/about/">MdNについて</a></li></ul> <ul class="category"><li class="design"><a href="/design/">デザインする</a></li> <li class="web"><a href="/web/">WEBをつくる</a></li> <li class="art-culture"><a href="/art-culture/">アート＆カルチャー</a></li> <li class="product"><a href="/product/">プロダクトに出会う</a></li> <li class="reference"><a href="/reference/">逆引き辞典</a></li> <li class="news"><a href="/news/">ニュース</a></li></ul> <ul class="business"> <li><a href="https://books.mdn.co.jp/" target="_blank" rel="noopener">MdN Books</a></li>  </ul> <ul class="utility"> <li> <a href="/login">メルマガの登録・解除</a></li> <li><a href="https://books.mdn.co.jp/privacypolicy/" target="_blank" rel="noopener">プライバシーポリシー</a></li> <li><a href="https://books.mdn.co.jp/terms/" target="_blank" rel="noopener">利用規約</a></li> 　　 <li><a href="/contact/">お問い合わせ</a></li> <li><a href="/contact/">プレスリリースお問い合わせ先</a></li> <li><a href="https://books.mdn.co.jp/company/" target="_blank" rel="noopener">会社概要</a></li> <li><a href="https://www.mdn.co.jp/di/attach/src/ad/MdNDI_mediasheets202409.pdf" target="_blank" rel="noopener">広告掲載について</a></li> <li><a href="https://www.impressholdings.com/" target="_blank" rel="noopener">インプレスグループ</a></li></ul></div></nav></header></div> <main><div class="secArticleHeader"><figure><img src="https://api-www.mdn.co.jp/image/cf800154-5dbe-4095-ad9a-9d49792c269f?w=2880" alt="" class="pc ofi-img"><img src="https://api-www.mdn.co.jp/image/2fd46144-b3f7-462a-9dd2-b37199bb20a6?w=750" alt="" class="sp ofi-img"></figure></div> <div class="secArticleList"><div class="list"></div> </div> <div class="secArticleOther" data-v-8b505a68><div class="modSubTitle" data-v-8b505a68><h3 data-v-8b505a68><img src="/_nuxt/img/tx_category.411d082.svg" alt="Graphic Design" data-v-8b505a68><span data-v-8b505a68>その他の連載タイトル</span></h3> <p class="pc button" data-v-8b505a68><a href="/design/" data-v-8b505a68>一覧を見る</a></p></div> <div class="sliderWrap" data-v-8b505a68><div class="slider" data-v-8b505a68><div data-v-8b505a68><a href="/design/features" data-v-8b505a68><figure data-v-8b505a68><img src="https://api-www.mdn.co.jp/image/924eab96-9b19-4abe-9170-8db80385edd8?w=768" class="ofi-img" data-v-8b505a68></figure> <p class="tag" data-v-8b505a68><span data-v-8b505a68>トップクリエイターやエンタメのヒット作に焦点を当てた取材記事</span></p> <p class="title" data-v-8b505a68> FEATURES </p> <p class="text" data-v-8b505a68> 「FEATURES/フィーチャーズ」は、第一線で活躍するクリエイターや、エンタメのヒット作などに焦点を当てた取材連載。クリエイターの制作の裏側や、エンタメ作品を視覚表現の側面から解剖します。ジャンルは映画、漫画、アニメ、音楽... </p></a></div><div data-v-8b505a68><a href="/design/Illustrator_tutorial" data-v-8b505a68><figure data-v-8b505a68><img src="https://api-www.mdn.co.jp/image/c9b0936a-bc6d-4d10-a42b-ae7c3cbb217f?w=768" class="ofi-img" data-v-8b505a68></figure> <p class="tag" data-v-8b505a68><span data-v-8b505a68>#Illustrator #グラフィックデザイン #タイポグラフィ #ロゴデザイン #イラスト</span></p> <p class="title" data-v-8b505a68> Illustrator定番＆最新チュートリアル </p> <p class="text" data-v-8b505a68> Illustratorの定番&最新の表現を紹介するHow to記事。作例は広告やCDジャケットなどのデザイン経験を持つプロのデザイナーによるものです。工程は一から手順通りに解説しているので、初心者にもおすすめ。記事はすべて無料公開です。 </p></a></div><div data-v-8b505a68><a href="/design/BasicMethod" data-v-8b505a68><figure data-v-8b505a68><img src="https://api-www.mdn.co.jp/image/7b46a2cb-fdee-4397-9c9d-e77782938f2b?w=768" class="ofi-img" data-v-8b505a68></figure> <p class="tag" data-v-8b505a68><span data-v-8b505a68>#デザインの基本 #メソッド #アイデア #流行り #デザインメソッド #注目トレンド</span></p> <p class="title" data-v-8b505a68> デザインの基本とメソッド＋ちょこっと流行り </p> <p class="text" data-v-8b505a68> 「デザインの基本とメソッド＋ちょこっと流行り」をまとめた連載コンテンツ。そのときその時で気づいたこと。必要なこと。役立つことを気まぐれ的に紹介して行きます。 </p></a></div><div data-v-8b505a68><a href="/design/DESIGNDIGEST" data-v-8b505a68><figure data-v-8b505a68><img src="https://api-www.mdn.co.jp/image/656aa585-51f1-4781-917f-232dcbd23090?w=768" class="ofi-img" data-v-8b505a68></figure> <p class="tag" data-v-8b505a68><span data-v-8b505a68>#デザイン #グラフィックデザイン</span></p> <p class="title" data-v-8b505a68> デザイン・ダイジェスト/DESIGN DIGEST </p> <p class="text" data-v-8b505a68> 書籍カバー、商品パッケージ、ポスター、Webデザイン、映像作品など、魅力的な最新のデザインを毎週ダイジェスト形式でお届け。デザイン担当者のコメントが読める場合もあります。 </p></a></div><div data-v-8b505a68><a href="/design/font" data-v-8b505a68><figure data-v-8b505a68><img src="https://api-www.mdn.co.jp/image/953725de-beb2-40e4-a369-711525314512?w=768" class="ofi-img" data-v-8b505a68></figure> <p class="tag" data-v-8b505a68><span data-v-8b505a68>#フォント #font #文字 #タイトルデザイン #書籍 #パッケージデザイン #ポスター</span></p> <p class="title" data-v-8b505a68> 気になるフォント、知りたいフォント。 </p> <p class="text" data-v-8b505a68> デザイン構成において最も重要な要素の一つ「フォント」について、その使い方や選定プロセス、加工方法などを貴重なプロの実例ベースで紐解く連載記事 </p></a></div><div data-v-8b505a68><a href="/design/tanoshigoto_itv" data-v-8b505a68><figure data-v-8b505a68><img src="https://api-www.mdn.co.jp/image/e086545e-9c14-48fd-bda9-64468ebafa13?w=768" class="ofi-img" data-v-8b505a68></figure> <p class="tag" data-v-8b505a68><span data-v-8b505a68>#たのしごとデザイン論 #カイシトモヤ #インタビュー</span></p> <p class="title" data-v-8b505a68> 『たのしごとデザイン論』著者カイシトモヤインタビュー </p> <p class="text" data-v-8b505a68> 「たのしいしごと」に変えていくための方法論としてまとめ上げた書籍の追補改訂版『たのしごとデザイン論　完全版』刊行記念。著者であるアートディレクター／グラフィックデザイナーのカイシトモヤさんに執筆の動機や書籍のテーマなどを伺う。 </p></a></div><div data-v-8b505a68><a href="/design/desinersfile" data-v-8b505a68><figure data-v-8b505a68><img src="https://api-www.mdn.co.jp/image/785b213a-cd00-41cd-8151-7777e06a4705?w=768" class="ofi-img" data-v-8b505a68></figure> <p class="tag" data-v-8b505a68><span data-v-8b505a68>#MdNデザイナーズファイル #デザイナーズファイル #デザイナー #クリエイター</span></p> <p class="title" data-v-8b505a68> 「MdNデザイナーズファイル」クリエイターインタビュー </p> <p class="text" data-v-8b505a68> MdNとかかわりの深いデザイナー・クリエイター・アートディレクターを取材。「デザイナーの仕事」や「デザイン業界の今」を発信していきます。 </p></a></div><div data-v-8b505a68><a href="/design/inku_numa" data-v-8b505a68><figure data-v-8b505a68><img src="https://api-www.mdn.co.jp/image/5c203bb7-5d07-46bc-a0fc-679129ae8569?w=768" class="ofi-img" data-v-8b505a68></figure> <p class="tag" data-v-8b505a68><span data-v-8b505a68>#インク #書写</span></p> <p class="title" data-v-8b505a68> “インク沼”で自分らしく輝く、インクアーティスト・ハコペンさんの「ゆる書写」アートワーク </p> <p class="text" data-v-8b505a68> 文学作品とイラストを組み合わせたインクアートの作品をTwitter上で公開しているハコペンさんにインタビュー。手掛けられた作品や注目しているインクを見せていただきながら、インクの深い魅力とインクアートの世界に迫ります。 </p></a></div><div data-v-8b505a68><a href="/design/taiwan_font" data-v-8b505a68><figure data-v-8b505a68><img src="https://api-www.mdn.co.jp/image/b78ea554-a55b-44c4-ad21-00c72cbbc417?w=768" class="ofi-img" data-v-8b505a68></figure> <p class="tag" data-v-8b505a68><span data-v-8b505a68>#台湾 #フォント</span></p> <p class="title" data-v-8b505a68> 進化する台湾のフォント事情 </p> <p class="text" data-v-8b505a68> ユニークな試みで新たなフォントを誕生させる「台湾」に注目し、今のフォント事情を深掘りました。台湾在住のライター・近藤弥生子さんによる取材は、フォントマニア必見です。 </p></a></div></div></div> <div class="sp secButton" data-v-8b505a68><p data-v-8b505a68><a href="/design/" data-v-8b505a68>一覧を見る</a></p></div></div>  <div class="client-only-placeholder">読込中...</div></main> <section id="modNews"><div class="inner"><div class="modTitle"><h2><img src="/_nuxt/img/tx_title_news.fa44554.svg" alt="News"><span>新着情報</span></h2> <p class="pc button"><a href="/news/">一覧を見る</a></p></div> <div class="list"><div class="item"><a href="/news/7595"><figure><img src="https://api-www.mdn.co.jp/image/361470b6-9ab9-42ca-b17e-581e0235819a?w=448" class="ofi-img"></figure></a> <dl><dt class="tag"><a href="/news#art-event"><span>アート/イベント</span></a></dt> <dd><a href="/news/7595"><p class="title">著名クリエイターたちが独創的な印刷表現に挑戦した企画展「GRAPHIC TRIAL 2025 -FIND-」</p> <p class="update">2025.04.11 Fri</p></a></dd></dl></div><div class="item"><a href="/news/7594"><figure><img src="https://api-www.mdn.co.jp/image/38d0135d-fd84-497d-9faf-e563050a1658?w=448" class="ofi-img"></figure></a> <dl><dt class="tag"><a href="/news#news"><span>ニュース</span></a></dt> <dd><a href="/news/7594"><p class="title">モリサワ、オリジナルの特製ステッカーやキーホルダーが当たるキャンペーンをXで実施</p> <p class="update">2025.04.11 Fri</p></a></dd></dl></div><div class="item"><a href="/news/7593"><figure><img src="https://api-www.mdn.co.jp/image/f8b1ce38-61f4-4c70-87c3-d4c73c83bfc8?w=448" class="ofi-img"></figure></a> <dl><dt class="tag"><a href="/news#news"><span>ニュース</span></a></dt> <dd><a href="/news/7593"><p class="title">ゲッティイメージズ、生成AIに関する著作権を学べるオンラインセミナーを実施</p> <p class="update">2025.04.11 Fri</p></a></dd></dl></div><div class="item"><a href="/news/7592"><figure><img src="https://api-www.mdn.co.jp/image/cedde62a-91fd-47cb-aec6-fa1998c08253?w=448" class="ofi-img"></figure></a> <dl><dt class="tag"><a href="/news#news"><span>ニュース</span></a></dt> <dd><a href="/news/7592"><p class="title">受け手が没入感を感じる要素は何？アスマークが「イマーシブに関するアンケート調査」を実施</p> <p class="update">2025.04.10 Thu</p></a></dd></dl></div><div class="item"><a href="/news/7591"><figure><img src="https://api-www.mdn.co.jp/image/27f68473-1055-4eb0-92d9-bac3959b71d3?w=448" class="ofi-img"></figure></a> <dl><dt class="tag"><a href="/news#art-event"><span>アート/イベント</span></a></dt> <dd><a href="/news/7591"><p class="title">“攻殻機動隊” の作者の創作の軌跡を辿る大規模な展覧会「士郎正宗の世界展」</p> <p class="update">2025.04.09 Wed</p></a></dd></dl></div></div> <div class="sp secButton"><p><a href="/news/">一覧を見る</a></p></div></div></section> <section id="modRanking"><div class="inner"><div class="modTitle"><h2><img src="/_nuxt/img/tx_title_ranking.050733e.svg" alt="Ranking"><span>ランキング</span></h2></div> <dl class="ranking"><dt class="active">急上昇ランキング</dt> <dd class="show"><div class="list"><div class="item rank1 art-culture"><a href="/art-culture/exhibition/7588"><figure><img src="https://api-www.mdn.co.jp/image/a0764cfd-bc7c-49fa-9b32-fb891e7b9a57?w=448" class="ofi-img"></figure></a> <dl><dt class="tag"><a href="/art-culture/exhibition"><span>最新アート＆デザイン情報</span></a></dt> <dd><a href="/art-culture/exhibition/7588"><p class="title">2025年のゴールデンウィークに行ってみたい注目の展覧会＆アート系イベントまとめ 11選</p> <p class="update">2025.04.10 Thu</p></a></dd></dl> > </div><div class="item rank2 design"><a href="/design/Illustrator_tutorial/6994"><figure><img src="https://api-www.mdn.co.jp/image/cafc02be-8292-461c-a4c4-986324465e4a?w=448" class="ofi-img"></figure></a> <dl><dt class="tag"><a href="/design/Illustrator_tutorial"><span>Illustrator定番＆最新チュートリアル</span></a></dt> <dd><a href="/design/Illustrator_tutorial/6994"><p class="title">Illustratorでドットをあしらった光沢感のあるポップなロゴを作る方法</p> <p class="update">2024.02.14 Wed</p></a></dd></dl> > </div><div class="item rank3 design"><a href="/design/Illustrator_tutorial/6843"><figure><img src="https://api-www.mdn.co.jp/image/5250dc0d-273f-44ec-92b1-9e1760ad2b6b?w=448" class="ofi-img"></figure></a> <dl><dt class="tag"><a href="/design/Illustrator_tutorial"><span>Illustrator定番＆最新チュートリアル</span></a></dt> <dd><a href="/design/Illustrator_tutorial/6843"><p class="title">汎用性のあるフレームの作り方。アンティーク風にアレンジ（Illustrator初心者におすすめ）</p> <p class="update">2023.12.13 Wed</p></a></dd></dl> > </div><div class="item rank4 web"><a href="/web/helpful_tips/6212"><figure><img src="https://api-www.mdn.co.jp/image/dec1ef16-0cdd-4a6c-8241-7f405ad5c879?w=448" class="ofi-img"></figure></a> <dl><dt class="tag"><a href="/web/helpful_tips"><span>作業が捗る！クリエイティブワークが楽になる作業効率化「Tips」</span></a></dt> <dd><a href="/web/helpful_tips/6212"><p class="title">画像をアップするだけで簡単にベクター変換できる、今話題の「Vectorizer.AI」を使ってみよう！</p> <p class="update">2023.06.22 Thu</p></a></dd></dl> > </div><div class="item rank5 product"><a href="/product/goodsLab/6231"><figure><img src="https://api-www.mdn.co.jp/image/dd08ed79-398d-4092-a1ef-bc666f81d7dd?w=448" class="ofi-img"></figure></a> <dl><dt class="tag"><a href="/product/goodsLab"><span>ITライター・山口真弘の気になるグッズラボ</span></a></dt> <dd><a href="/product/goodsLab/6231"><p class="title">ダイソーなどで入手可能、わずか330円でどこにでも貼り付けられる格安のLEDテープライトを試してみた</p> <p class="update">2023.07.11 Tue</p></a></dd></dl> > </div></div></dd> <dt>連載ランキング</dt> <dd><div class="list"><div class="item rank1 "><a href="/reference/Illustrator"><figure><img src="https://api-www.mdn.co.jp/image/59f2ee90-940a-4824-a552-e6e7f3e18189?w=448" class="ofi-img"></figure></a> <dl> <dd><a href="/reference/Illustrator"><p class="title">Illustrator逆引き辞典</p> <p class="update">2022.11.01 Tue</p></a></dd></dl> > </div><div class="item rank2 design"><a href="/design/tutorial"><figure><img src="https://api-www.mdn.co.jp/image/290d9a27-bb01-4565-be09-6aae8e333a64?w=448" class="ofi-img"></figure></a> <dl><dt class="tag"><a href="/design"><span>デザインする</span></a></dt> <dd><a href="/design/tutorial"><p class="title">Photoshopド定番チュートリアル</p> <p class="update">2021.07.01 Thu</p></a></dd></dl> > </div><div class="item rank3 design"><a href="/design/Illustrator_tutorial"><figure><img src="https://api-www.mdn.co.jp/image/c9b0936a-bc6d-4d10-a42b-ae7c3cbb217f?w=448" class="ofi-img"></figure></a> <dl><dt class="tag"><a href="/design"><span>デザインする</span></a></dt> <dd><a href="/design/Illustrator_tutorial"><p class="title">Illustrator定番＆最新チュートリアル</p> <p class="update">2023.08.23 Wed</p></a></dd></dl> > </div><div class="item rank4 "><a href="/reference/phtoshop"><figure><img src="https://api-www.mdn.co.jp/image/65ceaeee-2f51-4403-a3a7-4098ac682cd7?w=448" class="ofi-img"></figure></a> <dl> <dd><a href="/reference/phtoshop"><p class="title">Photoshop逆引き辞典</p> <p class="update">2021.09.09 Thu</p></a></dd></dl> > </div><div class="item rank5 "><a href="/reference/font"><figure><img src="https://api-www.mdn.co.jp/image/8a24f902-c9bb-48fd-a107-3011a4b526c1?w=448" class="ofi-img"></figure></a> <dl> <dd><a href="/reference/font"><p class="title">フォント逆引き辞典</p> <p class="update">2023.10.24 Tue</p></a></dd></dl> > </div></div></dd></dl></div></section> <section id="modSns"><div class="inner"><h2><img src="/_nuxt/img/tx_title_sns_01.17efc7d.svg" alt="Follow us!"></h2> <h3><img src="/_nuxt/img/tx_title_sns_02.87e9fe2.svg" alt="SNSで最新情報をCheck!"></h3> <p class="read"> Photoshop、Ilustratorなどのアプリの<br class="sp">使いこなし技や、HTML、CSSの入門から応用まで！<br>現役デザイナーはもちろん、デザイナーを目指す人、<br>デザインをしなくてはならない人にも役に立つ<br class="sp">最新情報をいち早くお届け！ </p> <ul class="button"><li class="facebook"><a href="https://www.facebook.com/mdnjp" target="_blank" rel="noopener"><img src="/_nuxt/img/btn_sns_facebook.332ced6.svg" alt="Facebook"></a></li> <li class="instagram"><a href="https://www.instagram.com/mdn_net/" target="_blank" rel="noopener"><img src="/_nuxt/img/btn_sns_instagram.3a3d3e6.svg" alt="Instagram"></a></li> <li class="twitter"><a href="https://twitter.com/mdn_net" target="_blank" rel="noopener"><img src="/_nuxt/img/btn_sns_twitter.ad5a7a2.svg" alt="Twitter"></a></li></ul></div></section> <div id="modBreadCrumbs"><ul class="inner"><li><a href="/">TOP</a></li> <li><a href="/design">デザインする</a></li> <li><a href="/design/tutorial">Photoshopド定番チュートリアル</a></li></ul></div> <section id="modCategory"><div class="inner"><ul class="category"><li class="design"><a href="/design/"><img src="/_nuxt/img/tx_category_cl.d7aea4e.svg" alt="Graphic Design"> <h3>デザインする</h3> <p class="text"> グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！ </p></a></li> <li class="web"><a href="/web/"><img src="/_nuxt/img/tx_category_cl.1ecdd60.svg" alt="Web Design"> <h3>WEBをつくる</h3> <p class="text"> HTML、CSS、JavaScriptコーディングから、集客やライティング、マーケティング手法まで、Webに関わるすべての人が知りたいことが分かる！ </p></a></li> <li class="art-culture"><a href="/art-culture/"><img src="/_nuxt/img/tx_category_cl.9c764a2.svg" alt="Art & Culture"> <h3>アート＆カルチャー</h3> <p class="text"> 肩肘はらずに楽しめるアートと、アートを取り入れた身の回りの品々。あなたの生活をちょっと楽しくするアート＆ライフスタイル情報 </p></a></li> <li class="product"><a href="/product/"><img src="/_nuxt/img/tx_category_cl.ccf9737.svg" alt="Products"> <h3>プロダクトに出会う</h3> <p class="text"> 仕事がちょっと楽になる、気持ちがちょっと上がる、思わず人に見せたくなる、そんなプロダクトたちに出会える </p></a></li></ul> <ul class="category"><li class="learn-experience"><a href="/learn-experience/"><img src="/_nuxt/img/tx_category_cl.205ea65.svg" alt="Experience"> <h3>学ぶ・体験する</h3> <p class="text"> 大ヒット書籍の執筆陣が、グラフィックデザインやWeb制作、Webマーケティングに関わるすべての人に贈る信頼のセミナー群 </p></a></li> <li class="takumi"><a href="/takumi/"><img src="/_nuxt/img/tx_category_cl.e3dabc7.svg" alt="Fine article"> <h3>匠の逸品を買う</h3> <p class="text"> 日本が誇る匠の技＋他にない独創のデザイン＋見たこともない特別な素材。すべてにこだわり抜いた特別な逸品をお手元にお届けします </p></a></li> <li class="reference"><a href="/reference/"><h3>逆引き辞典</h3> <p class="text"> 「こんなことがやりたいんだけど、どうやれば良いの？」が見つかる逆引き辞典。項目数も内容も、続々と増殖中 </p></a></li></ul> <div class="about"><ul class="other"><li><a href="/about/">MdNについて</a></li> <li><a href="/news/">ニュース</a></li> <li><a href="/other/">その他</a></li></ul> <div class="signup"><h3><img src="/_nuxt/img/tx_title_signup.1ec0f28.svg" alt="Sign up"><span>新規会員登録</span></h3> <p class="text"> 無料で会員登録をすると、<br>MdNをもっと便利にお使いいただけます。 </p> <p class="button"><a href="/registration/">新規会員登録</a></p></div></div></div></section> <footer data-v-3876293b> <nav> <div class="logo"> <p class="mdn"> <a href="/"><img src="/img/common/logo.png" alt="デザインってオモシロイ MdN Design Interactive" /></a> </p> <p class="impress"> <a href="https://www.impressholdings.com/" target="_blank" rel="noopener"><img src="/img/common/logo_impress.png" alt="株式会社インプレスホールディングス" /></a> </p> </div> <div class="utility"> <ul> <li> <a href="https://www.mdn.co.jp/registration/">メルマガの登録・解除</a> </li> <li> <a href="https://books.mdn.co.jp/privacypolicy/" target="_blank" rel="noopener">プライバシーポリシー</a> </li> <li> <a href="https://books.mdn.co.jp/terms/" target="_blank" rel="noopener">利用規約</a> </li> <li><a href="/contact/">お問い合わせ</a></li> <li><a href="/press-release/">プレスリリースの送付先</a></li> <li> <a href="https://books.mdn.co.jp/company/" target="_blank" rel="noopener">会社概要</a> </li> <li> <a href="https://www.mdn.co.jp/di/attach/src/ad/MdNDI_mediasheets202409.pdf" target="_blank" rel="noopener">広告掲載について</a> </li> <li> <a href="https://www.impressholdings.com/" target="_blank" rel="noopener">インプレスグループ</a> </li> </ul> <p class="copyright"> <img class="pc" src="/img/common/tx_copyright.svg" alt="Copyright &copy; MdN Corporation,an Impress Group company. All rights reserved."/><img class="sp" src="/img/common/tx_copyright_sp.svg" alt="Copyright &copy; MdN Corporation,an Impress Group company. All rights reserved." /> </p> </div> </nav> </footer> </div></div></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X){return {layout:"default",data:[{}],fetch:[],error:f,state:{bodyClass:d,displayTopBanner:k,displayWelcomeBanner:k,cacheKeys:[],infos:[],topBanners:[],middleBanners:[{imageId:"162f5735-d9d5-40ee-a7b4-c001ebe8d8bb",title:l,url:"https:\u002F\u002Fwww.mdn.co.jp\u002Fdesign\u002FIllustrator_tutorial",eventOnload:"dataLayer.push({‘event’: ‘banner_impression’, ‘banner_value’: ‘Illustrator定番＆最新チュートリアル’, 'banner_url': 'https:\u002F\u002Fwww.mdn.co.jp\u002Fdesign\u002FIllustrator_tutorial'});",eventOnclick:"dataLayer.push({‘event’: ‘banner_click’, ‘banner_value’: ‘Illustrator定番＆最新チュートリアル', 'banner_url': 'https:\u002F\u002Fwww.mdn.co.jp\u002Fdesign\u002FIllustrator_tutorial'});",__typename:h},{imageId:"a8df543d-b852-4684-a694-cd3fd1fe6202",title:"クリエイターズ・プロダクト\u002FCREATOR'S PRODUCTS",url:"https:\u002F\u002Fwww.mdn.co.jp\u002Fproduct\u002Fcreators_products",eventOnload:"dataLayer.push({'event': 'banner_impression', 'banner_value': 'creators_products', 'banner_url': 'https:\u002F\u002Fwww.mdn.co.jp\u002Fproduct\u002Fcreators_products'});",eventOnclick:"dataLayer.push({'event': 'banner_click', 'banner_value': 'creators_products', 'banner_url': 'https:\u002F\u002Fwww.mdn.co.jp\u002Fproduct\u002Fcreators_products'});",__typename:h},{imageId:"c350e31e-c00e-4f37-804e-1433ed7fb8d9",title:"Lightroom逆引き辞典",url:"https:\u002F\u002Fwww.mdn.co.jp\u002Freference\u002Flightroom",eventOnload:f,eventOnclick:f,__typename:h},{imageId:"45cdf1c9-8814-45ac-95f6-e837a60955e9",title:u,url:"https:\u002F\u002Fwww.mdn.co.jp\u002Freference\u002FIllustrator",eventOnload:f,eventOnclick:f,__typename:h},{imageId:"d00a0f14-d6c8-427b-8acb-cfa6e5477633",title:v,url:"https:\u002F\u002Fwww.mdn.co.jp\u002Freference\u002Fphtoshop",eventOnload:"dataLayer.push({'event': 'banner_impression', 'banner_value': 'Photoshop_gyakubiki'});",eventOnclick:"dataLayer.push({'event': 'banner_click', 'banner_value': 'Photoshop_gyakubiki'});",__typename:h},{imageId:"fdf3659f-95c3-497e-ab3c-41749ce32c57",title:w,url:"https:\u002F\u002Fwww.mdn.co.jp\u002Fdesign\u002FDESIGNDIGEST",eventOnload:"dataLayer.push({'event': 'banner_impression', 'banner_value': 'DESIGNDIGEST'});",eventOnclick:"dataLayer.push({'event': 'banner_click', 'banner_value': 'DESIGNDIGEST'});",__typename:h},{imageId:"41250487-cd84-4ed7-8291-66634bcb6f4e",title:x,url:y,eventOnload:"dataLayer.push({'event': 'banner_impression', 'banner_value': 'shizima_bungu'});",eventOnclick:"dataLayer.push({'event': 'banner_click', 'banner_value': 'shizima_bungu'});",__typename:h}],skyscraperBanners:[],secSliderMainVisuals:[],secCategorys:[],relatedMedias:[{imageId:"a1e9f13f-a523-4e89-a5cc-d05a094138c8",title:"MdN Books デザインの本",url:"https:\u002F\u002Fbooks.mdn.co.jp\u002F",eventOnload:"dataLayer.push({'event': 'banner_impression', 'banner_value': 'footer banner1 MdNBooks'});",eventOnclick:"dataLayer.push({'event': 'banner_click', 'banner_value': 'footer banner1 MdNBooks'});",__typename:n},{imageId:"22cee69d-2a01-4555-b5d5-01e04a9bc22a",title:"MdN新書新ジャーナリズム宣言。",url:"https:\u002F\u002Fshinsho.mdn.co.jp\u002F",eventOnload:"dataLayer.push({'event': 'banner_impression', 'banner_value': 'footer banner2 MdN新書'});",eventOnclick:"dataLayer.push({'event': 'banner_click', 'banner_value': 'footer banner2 MdN新書'});",__typename:n},{imageId:"7e9f8705-48d0-4c67-993d-a57b2d39c003",title:"MdNの教室デザインアカデミー",url:"https:\u002F\u002Facademy.mdn.co.jp\u002F",eventOnload:"dataLayer.push({'event': 'banner_impression', 'banner_value': 'footer_banner5_MdNの教室'});",eventOnclick:"dataLayer.push({'event': 'banner_click', 'banner_value': 'footer_banner5_MdNの教室'});",__typename:n},{imageId:"99597e5a-5c71-47fc-8f5f-fcc7bb5b060c",title:x,url:y,eventOnload:"dataLayer.push({'event': 'banner_impression', 'banner_value': 'footer_banner4_静寂文具'});",eventOnclick:"dataLayer.push({'event': 'banner_click', 'banner_value': 'footer_banner4_静寂文具'});",__typename:n}],referenceBanner:f,footer:" \u003Cnav\u003E\n \u003Cdiv class=\"logo\"\u003E\n \u003Cp class=\"mdn\"\u003E\n \u003Ca href=\"\u002F\"\u003E\u003Cimg src=\"\u002Fimg\u002Fcommon\u002Flogo.png\" alt=\"デザインってオモシロイ MdN Design Interactive\" \u002F\u003E\u003C\u002Fa\u003E\n \u003C\u002Fp\u003E\n \u003Cp class=\"impress\"\u003E\n \u003Ca href=\"https:\u002F\u002Fwww.impressholdings.com\u002F\" target=\"_blank\" rel=\"noopener\"\u003E\u003Cimg src=\"\u002Fimg\u002Fcommon\u002Flogo_impress.png\" alt=\"株式会社インプレスホールディングス\" \u002F\u003E\u003C\u002Fa\u003E\n \u003C\u002Fp\u003E\n \u003C\u002Fdiv\u003E\n \u003Cdiv class=\"utility\"\u003E\n \u003Cul\u003E\n \u003Cli\u003E\n \u003Ca href=\"https:\u002F\u002Fwww.mdn.co.jp\u002Fregistration\u002F\"\u003Eメルマガの登録・解除\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003Cli\u003E\n \u003Ca href=\"https:\u002F\u002Fbooks.mdn.co.jp\u002Fprivacypolicy\u002F\" target=\"_blank\" rel=\"noopener\"\u003Eプライバシーポリシー\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003Cli\u003E\n \u003Ca href=\"https:\u002F\u002Fbooks.mdn.co.jp\u002Fterms\u002F\" target=\"_blank\" rel=\"noopener\"\u003E利用規約\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003Cli\u003E\u003Ca href=\"\u002Fcontact\u002F\"\u003Eお問い合わせ\u003C\u002Fa\u003E\u003C\u002Fli\u003E\n \u003Cli\u003E\u003Ca href=\"\u002Fpress-release\u002F\"\u003Eプレスリリースの送付先\u003C\u002Fa\u003E\u003C\u002Fli\u003E\n \u003Cli\u003E\n \u003Ca href=\"https:\u002F\u002Fbooks.mdn.co.jp\u002Fcompany\u002F\" target=\"_blank\" rel=\"noopener\"\u003E会社概要\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003Cli\u003E\n \u003Ca href=\"https:\u002F\u002Fwww.mdn.co.jp\u002Fdi\u002Fattach\u002Fsrc\u002Fad\u002FMdNDI_mediasheets202409.pdf\" target=\"_blank\" rel=\"noopener\"\u003E広告掲載について\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003Cli\u003E\n \u003Ca href=\"https:\u002F\u002Fwww.impressholdings.com\u002F\" target=\"_blank\" rel=\"noopener\"\u003Eインプレスグループ\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003C\u002Ful\u003E\n \u003Cp class=\"copyright\"\u003E\n \u003Cimg class=\"pc\" src=\"\u002Fimg\u002Fcommon\u002Ftx_copyright.svg\" alt=\"Copyright &copy; MdN Corporation,an Impress Group company. All rights reserved.\"\u002F\u003E\u003Cimg class=\"sp\" src=\"\u002Fimg\u002Fcommon\u002Ftx_copyright_sp.svg\" alt=\"Copyright &copy; MdN Corporation,an Impress Group company. All rights reserved.\" \u002F\u003E\n \u003C\u002Fp\u003E\n \u003C\u002Fdiv\u003E\n \u003C\u002Fnav\u003E\n",headerBusiness:" \u003Cli\u003E\u003Ca href=\"https:\u002F\u002Fbooks.mdn.co.jp\u002F\" target=\"_blank\" rel=\"noopener\"\u003EMdN Books\u003C\u002Fa\u003E\u003C\u002Fli\u003E\n \u003C!--\n \u003Cli\u003E\n \u003Ca href=\"https:\u002F\u002Fngkids.mdn.co.jp\u002F\" target=\"_blank\" rel=\"noopener\"\u003Eナショジオキッズ\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003Cli\u003E\n \u003Ca href=\"index.html#\" target=\"_blank\" rel=\"noopener\"\u003E物販事業\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003Cli\u003E\n \u003Ca href=\"https:\u002F\u002Fshinsho.mdn.co.jp\u002F\" target=\"_blank\" rel=\"noopener\"\u003EMdN新書\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003Cli\u003E\n \u003Ca href=\"https:\u002F\u002Fshizima-bungu.jp\u002F\" target=\"_blank\" rel=\"noopener\"\u003Eオリジナル文具\u003C\u002Fa\n \u003E\n \u003C\u002Fli\u003E\n　　--\u003E\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",welcomeBanners:[],headerUtility:" \u003Cli\u003E \u003Ca href=\"\u002Flogin\"\u003Eメルマガの登録・解除\u003C\u002Fa\u003E\u003C\u002Fli\u003E\n \u003Cli\u003E\u003Ca href=\"https:\u002F\u002Fbooks.mdn.co.jp\u002Fprivacypolicy\u002F\" target=\"_blank\" rel=\"noopener\"\u003Eプライバシーポリシー\u003C\u002Fa\u003E\u003C\u002Fli\u003E\n \u003Cli\u003E\u003Ca href=\"https:\u002F\u002Fbooks.mdn.co.jp\u002Fterms\u002F\" target=\"_blank\" rel=\"noopener\"\u003E利用規約\u003C\u002Fa\u003E\u003C\u002Fli\u003E\n　　 \u003Cli\u003E\u003Ca href=\"\u002Fcontact\u002F\"\u003Eお問い合わせ\u003C\u002Fa\u003E\u003C\u002Fli\u003E\n \u003Cli\u003E\u003Ca href=\"\u002Fcontact\u002F\"\u003Eプレスリリースお問い合わせ先\u003C\u002Fa\u003E\u003C\u002Fli\u003E\n \u003Cli\u003E\u003Ca href=\"https:\u002F\u002Fbooks.mdn.co.jp\u002Fcompany\u002F\" target=\"_blank\" rel=\"noopener\"\u003E会社概要\u003C\u002Fa\u003E\u003C\u002Fli\u003E\n \u003Cli\u003E\u003Ca href=\"https:\u002F\u002Fwww.mdn.co.jp\u002Fdi\u002Fattach\u002Fsrc\u002Fad\u002FMdNDI_mediasheets202409.pdf\" target=\"_blank\" rel=\"noopener\"\u003E広告掲載について\u003C\u002Fa\u003E\u003C\u002Fli\u003E\n \u003Cli\u003E\u003Ca href=\"https:\u002F\u002Fwww.impressholdings.com\u002F\" target=\"_blank\" rel=\"noopener\"\u003Eインプレスグループ\u003C\u002Fa\u003E\u003C\u002Fli\u003E",article_set:{articleSet:{id:z,urlPath:A,imageId:B,imageSpId:C,thumbnailId:q,title:m,titleSeo:m,descriptionSeo:D,subTitle:E,category:{id:o,urlPath:i,title:F,subTitle:p,__typename:j},__typename:c}},article:{article:f},category:{category:f},member_email_update:{emailAuthKey:f},member_regist_temp:{email:f,regKey:f},reference:{reference:f},referencePage:{referencePage:f},referenceSection:{referenceSection:f},resetpassword:{key:f}},serverRendered:k,routePath:G,config:{_app:{basePath:"\u002F",assetsPath:"\u002F_nuxt\u002F",cdnURL:f}},apollo:{defaultClient:Object.create(null,{"ArticleSet:86c6a322-ed5e-4f28-8709-208235683647":{writable:true,enumerable:true,value:{id:z,urlPath:A,imageId:B,imageSpId:C,thumbnailId:q,title:m,titleSeo:m,descriptionSeo:D,subTitle:E,category:{type:a,generated:b,id:"Category:1",typename:j},__typename:c}},"Category:1":{writable:true,enumerable:true,value:{id:o,urlPath:i,title:F,subTitle:p,__typename:j}},ROOT_QUERY:{writable:true,enumerable:true,value:{"articleSet({\"category\":\"design\",\"set\":\"tutorial\"})":{type:a,generated:b,id:"ArticleSet:86c6a322-ed5e-4f28-8709-208235683647",typename:c},"articleSets({\"filter\":{\"categoryId\":1,\"not\":\"86c6a322-ed5e-4f28-8709-208235683647\"},\"limit\":9,\"page\":1})":{type:a,generated:k,id:"$ROOT_QUERY.articleSets({\"filter\":{\"categoryId\":1,\"not\":\"86c6a322-ed5e-4f28-8709-208235683647\"},\"limit\":9,\"page\":1})",typename:H},"ads({\"display\":null})":[],"articles({\"filter\":{\"categoryId\":7},\"limit\":5,\"page\":1})":{type:a,generated:k,id:"$ROOT_QUERY.articles({\"filter\":{\"categoryId\":7},\"limit\":5,\"page\":1})",typename:I},"rankings({\"rankingType\":1})":[{type:a,generated:b,id:"Ranking:0152382b-7134-48b9-be97-208e0faaaf65",typename:e},{type:a,generated:b,id:"Ranking:6ad72c35-12a5-4806-9c1b-d7a44cefce05",typename:e},{type:a,generated:b,id:"Ranking:a117ce68-181d-43f9-8acf-73992a631c29",typename:e},{type:a,generated:b,id:"Ranking:92d839aa-fa1a-40e1-822e-f6fccc45b198",typename:e},{type:a,generated:b,id:"Ranking:7bbfaad3-dff8-4d8c-b63a-ce7fcf0cd588",typename:e}],"rankings({\"rankingType\":2})":[{type:a,generated:b,id:"Ranking:c8d70c0a-8de1-4eb6-9e56-16adb3339d70",typename:e},{type:a,generated:b,id:"Ranking:9e356bee-7721-4668-aba9-d5ce394aadfa",typename:e},{type:a,generated:b,id:"Ranking:4fe0e755-f095-4833-9ab6-f3a9514aa883",typename:e},{type:a,generated:b,id:"Ranking:688668e8-d484-447d-917f-404accb5ed1f",typename:e},{type:a,generated:b,id:"Ranking:06f32ac4-5267-48f7-831a-ff4d3ab5c405",typename:e}]}},"$ROOT_QUERY.articleSets({\"filter\":{\"categoryId\":1,\"not\":\"86c6a322-ed5e-4f28-8709-208235683647\"},\"limit\":9,\"page\":1})":{writable:true,enumerable:true,value:{count:10,articleSets:[{type:a,generated:b,id:"ArticleSet:d9651923-601d-488b-8144-7bc41a6cf3d5",typename:c},{type:a,generated:b,id:"ArticleSet:39ed39a8-ba54-489c-8fdc-5a717ffbe6f5",typename:c},{type:a,generated:b,id:"ArticleSet:a78c002a-29b3-4244-96e5-ca7bb6cdd1ac",typename:c},{type:a,generated:b,id:"ArticleSet:ff57e2b7-94f4-4506-942e-06884936c2fa",typename:c},{type:a,generated:b,id:"ArticleSet:693fb053-d727-4d43-967c-d71ca558fb62",typename:c},{type:a,generated:b,id:"ArticleSet:a406987d-b167-40cf-a31b-0d7bb9129afd",typename:c},{type:a,generated:b,id:"ArticleSet:91313159-8951-40b5-9c0c-9a0b65cf39a0",typename:c},{type:a,generated:b,id:"ArticleSet:d781bc6b-77b7-4b5d-bfe4-ef8856bf2234",typename:c},{type:a,generated:b,id:"ArticleSet:0c88890a-7728-4828-a184-89df33a44530",typename:c}],__typename:H}},"ArticleSet:d9651923-601d-488b-8144-7bc41a6cf3d5":{writable:true,enumerable:true,value:{id:"d9651923-601d-488b-8144-7bc41a6cf3d5",title:"FEATURES",description:"「FEATURES\u002Fフィーチャーズ」は、第一線で活躍するクリエイターや、エンタメのヒット作などに焦点を当てた取材連載。クリエイターの制作の裏側や、エンタメ作品を視覚表現の側面から解剖します。ジャンルは映画、漫画、アニメ、音楽...",subTitle:"トップクリエイターやエンタメのヒット作に焦点を当てた取材記事",urlPath:"features",imageId:"42198462-4181-44fe-9ce3-2541e034ebec",thumbnailId:"924eab96-9b19-4abe-9170-8db80385edd8",activeClass:d,__typename:c}},"ArticleSet:39ed39a8-ba54-489c-8fdc-5a717ffbe6f5":{writable:true,enumerable:true,value:{id:r,title:l,description:"Illustratorの定番&最新の表現を紹介するHow to記事。作例は広告やCDジャケットなどのデザイン経験を持つプロのデザイナーによるものです。工程は一から手順通りに解説しているので、初心者にもおすすめ。記事はすべて無料公開です。",subTitle:"#Illustrator #グラフィックデザイン #タイポグラフィ #ロゴデザイン #イラスト",urlPath:"Illustrator_tutorial",imageId:"7aaeb0cf-e111-43ec-8c75-80d89ae075ce",thumbnailId:J,activeClass:d,__typename:c}},"ArticleSet:a78c002a-29b3-4244-96e5-ca7bb6cdd1ac":{writable:true,enumerable:true,value:{id:"a78c002a-29b3-4244-96e5-ca7bb6cdd1ac",title:"デザインの基本とメソッド＋ちょこっと流行り",description:"「デザインの基本とメソッド＋ちょこっと流行り」をまとめた連載コンテンツ。そのときその時で気づいたこと。必要なこと。役立つことを気まぐれ的に紹介して行きます。",subTitle:"#デザインの基本 #メソッド #アイデア #流行り #デザインメソッド #注目トレンド",urlPath:"BasicMethod",imageId:"3e7b1e58-ecac-40ea-97f0-8cb6f1914dd4",thumbnailId:"7b46a2cb-fdee-4397-9c9d-e77782938f2b",activeClass:d,__typename:c}},"ArticleSet:ff57e2b7-94f4-4506-942e-06884936c2fa":{writable:true,enumerable:true,value:{id:"ff57e2b7-94f4-4506-942e-06884936c2fa",title:w,description:"書籍カバー、商品パッケージ、ポスター、Webデザイン、映像作品など、魅力的な最新のデザインを毎週ダイジェスト形式でお届け。デザイン担当者のコメントが読める場合もあります。",subTitle:"#デザイン #グラフィックデザイン",urlPath:"DESIGNDIGEST",imageId:"df240e98-2733-4c96-b67f-8dbbc37b1b58",thumbnailId:"656aa585-51f1-4781-917f-232dcbd23090",activeClass:d,__typename:c}},"ArticleSet:693fb053-d727-4d43-967c-d71ca558fb62":{writable:true,enumerable:true,value:{id:"693fb053-d727-4d43-967c-d71ca558fb62",title:"気になるフォント、知りたいフォント。",description:"デザイン構成において最も重要な要素の一つ「フォント」について、その使い方や選定プロセス、加工方法などを貴重なプロの実例ベースで紐解く連載記事",subTitle:"#フォント #font #文字 #タイトルデザイン #書籍 #パッケージデザイン #ポスター",urlPath:"font",imageId:"f8d3df11-31fd-430b-9bdb-788f13c7f27a",thumbnailId:"953725de-beb2-40e4-a369-711525314512",activeClass:d,__typename:c}},"ArticleSet:a406987d-b167-40cf-a31b-0d7bb9129afd":{writable:true,enumerable:true,value:{id:"a406987d-b167-40cf-a31b-0d7bb9129afd",title:"『たのしごとデザイン論』著者カイシトモヤインタビュー",description:"「たのしいしごと」に変えていくための方法論としてまとめ上げた書籍の追補改訂版『たのしごとデザイン論　完全版』刊行記念。著者であるアートディレクター／グラフィックデザイナーのカイシトモヤさんに執筆の動機や書籍のテーマなどを伺う。",subTitle:"#たのしごとデザイン論 #カイシトモヤ #インタビュー",urlPath:"tanoshigoto_itv",imageId:"fdd6e846-58b1-49ce-9daf-873275b91a6b",thumbnailId:"e086545e-9c14-48fd-bda9-64468ebafa13",activeClass:d,__typename:c}},"ArticleSet:91313159-8951-40b5-9c0c-9a0b65cf39a0":{writable:true,enumerable:true,value:{id:"91313159-8951-40b5-9c0c-9a0b65cf39a0",title:"「MdNデザイナーズファイル」クリエイターインタビュー",description:"MdNとかかわりの深いデザイナー・クリエイター・アートディレクターを取材。「デザイナーの仕事」や「デザイン業界の今」を発信していきます。",subTitle:"#MdNデザイナーズファイル #デザイナーズファイル #デザイナー #クリエイター",urlPath:"desinersfile",imageId:"dd9722d2-d70e-4610-a830-70682745b8f6",thumbnailId:"785b213a-cd00-41cd-8151-7777e06a4705",activeClass:d,__typename:c}},"ArticleSet:d781bc6b-77b7-4b5d-bfe4-ef8856bf2234":{writable:true,enumerable:true,value:{id:"d781bc6b-77b7-4b5d-bfe4-ef8856bf2234",title:"“インク沼”で自分らしく輝く、インクアーティスト・ハコペンさんの「ゆる書写」アートワーク",description:"文学作品とイラストを組み合わせたインクアートの作品をTwitter上で公開しているハコペンさんにインタビュー。手掛けられた作品や注目しているインクを見せていただきながら、インクの深い魅力とインクアートの世界に迫ります。",subTitle:"#インク #書写",urlPath:"inku_numa",imageId:"cb2db693-0539-4eac-9c44-fbc7c596e9cd",thumbnailId:"5c203bb7-5d07-46bc-a0fc-679129ae8569",activeClass:d,__typename:c}},"ArticleSet:0c88890a-7728-4828-a184-89df33a44530":{writable:true,enumerable:true,value:{id:"0c88890a-7728-4828-a184-89df33a44530",title:"進化する台湾のフォント事情",description:"ユニークな試みで新たなフォントを誕生させる「台湾」に注目し、今のフォント事情を深掘りました。台湾在住のライター・近藤弥生子さんによる取材は、フォントマニア必見です。",subTitle:"#台湾 #フォント",urlPath:"taiwan_font",imageId:"30f3ae47-cf9c-4c2e-af92-a3a505e0b773",thumbnailId:"b78ea554-a55b-44c4-ad21-00c72cbbc417",activeClass:d,__typename:c}},"$ROOT_QUERY.articles({\"filter\":{\"categoryId\":7},\"limit\":5,\"page\":1})":{writable:true,enumerable:true,value:{count:5939,articles:[{type:a,generated:b,id:"Article:7595",typename:g},{type:a,generated:b,id:"Article:7594",typename:g},{type:a,generated:b,id:"Article:7593",typename:g},{type:a,generated:b,id:"Article:7592",typename:g},{type:a,generated:b,id:"Article:7591",typename:g}],__typename:I}},"Article:7595":{writable:true,enumerable:true,value:{id:7595,title:K,titleText:K,thumbnailId:"361470b6-9ab9-42ca-b17e-581e0235819a",fromDt:s,urlPath:"\u002Fnews\u002Fart-event\u002F7595",articleSet:{type:a,generated:b,id:L,typename:c},__typename:g}},"ArticleSet:c5c4d1bf-b049-4e09-be4f-896da17cdf45":{writable:true,enumerable:true,value:{id:"c5c4d1bf-b049-4e09-be4f-896da17cdf45",urlPath:"art-event",title:"アート\u002Fイベント",category:{type:a,generated:b,id:M,typename:j},__typename:c}},"Category:7":{writable:true,enumerable:true,value:{id:7,urlPath:N,subTitle:O,__typename:j}},"Article:7594":{writable:true,enumerable:true,value:{id:7594,title:P,titleText:P,thumbnailId:"38d0135d-fd84-497d-9faf-e563050a1658",fromDt:s,urlPath:"\u002Fnews\u002Fnews\u002F7594",articleSet:{type:a,generated:b,id:t,typename:c},__typename:g}},"ArticleSet:8e30d573-99ef-4035-a900-064d863c3852":{writable:true,enumerable:true,value:{id:"8e30d573-99ef-4035-a900-064d863c3852",urlPath:N,title:O,category:{type:a,generated:b,id:M,typename:j},__typename:c}},"Article:7593":{writable:true,enumerable:true,value:{id:7593,title:Q,titleText:Q,thumbnailId:"f8b1ce38-61f4-4c70-87c3-d4c73c83bfc8",fromDt:s,urlPath:"\u002Fnews\u002Fnews\u002F7593",articleSet:{type:a,generated:b,id:t,typename:c},__typename:g}},"Article:7592":{writable:true,enumerable:true,value:{id:7592,title:R,titleText:R,thumbnailId:"cedde62a-91fd-47cb-aec6-fa1998c08253",fromDt:S,urlPath:"\u002Fnews\u002Fnews\u002F7592",articleSet:{type:a,generated:b,id:t,typename:c},__typename:g}},"Article:7591":{writable:true,enumerable:true,value:{id:7591,title:T,titleText:T,thumbnailId:"27f68473-1055-4eb0-92d9-bac3959b71d3",fromDt:"2025.04.09 Wed",urlPath:"\u002Fnews\u002Fart-event\u002F7591",articleSet:{type:a,generated:b,id:L,typename:c},__typename:g}},"Ranking:0152382b-7134-48b9-be97-208e0faaaf65":{writable:true,enumerable:true,value:{id:"0152382b-7134-48b9-be97-208e0faaaf65",ranking:o,url:"\u002Fart-culture\u002Fexhibition\u002F7588",thumbnailId:"a0764cfd-bc7c-49fa-9b32-fb891e7b9a57",categoryUrlPath:"art-culture",articleSetId:"466efbf1-5e21-4f71-b6d1-3163fc694ca6",articleSetTitle:"最新アート＆デザイン情報",title:"2025年のゴールデンウィークに行ってみたい注目の展覧会＆アート系イベントまとめ 11選",fromDt:S,__typename:e}},"Ranking:6ad72c35-12a5-4806-9c1b-d7a44cefce05":{writable:true,enumerable:true,value:{id:"6ad72c35-12a5-4806-9c1b-d7a44cefce05",ranking:U,url:"\u002Fdesign\u002FIllustrator_tutorial\u002F6994",thumbnailId:"cafc02be-8292-461c-a4c4-986324465e4a",categoryUrlPath:i,articleSetId:r,articleSetTitle:l,title:"Illustratorでドットをあしらった\n光沢感のあるポップなロゴを作る方法",fromDt:"2024.02.14 Wed",__typename:e}},"Ranking:a117ce68-181d-43f9-8acf-73992a631c29":{writable:true,enumerable:true,value:{id:"a117ce68-181d-43f9-8acf-73992a631c29",ranking:V,url:"\u002Fdesign\u002FIllustrator_tutorial\u002F6843",thumbnailId:"5250dc0d-273f-44ec-92b1-9e1760ad2b6b",categoryUrlPath:i,articleSetId:r,articleSetTitle:l,title:"汎用性のあるフレームの作り方。アンティーク風にアレンジ（Illustrator初心者におすすめ）",fromDt:"2023.12.13 Wed",__typename:e}},"Ranking:92d839aa-fa1a-40e1-822e-f6fccc45b198":{writable:true,enumerable:true,value:{id:"92d839aa-fa1a-40e1-822e-f6fccc45b198",ranking:W,url:"\u002Fweb\u002Fhelpful_tips\u002F6212",thumbnailId:"dec1ef16-0cdd-4a6c-8241-7f405ad5c879",categoryUrlPath:"web",articleSetId:"08a84ba1-2e0c-4e82-94a1-fc4d4f651920",articleSetTitle:"作業が捗る！クリエイティブワークが楽になる作業効率化「Tips」",title:"画像をアップするだけで簡単にベクター変換できる、今話題の「Vectorizer.AI」を使ってみよう！",fromDt:"2023.06.22 Thu",__typename:e}},"Ranking:7bbfaad3-dff8-4d8c-b63a-ce7fcf0cd588":{writable:true,enumerable:true,value:{id:"7bbfaad3-dff8-4d8c-b63a-ce7fcf0cd588",ranking:X,url:"\u002Fproduct\u002FgoodsLab\u002F6231",thumbnailId:"dd08ed79-398d-4092-a1ef-bc666f81d7dd",categoryUrlPath:"product",articleSetId:"c390df20-2856-4a8b-a770-81e7b9a0f66b",articleSetTitle:"ITライター・山口真弘の気になるグッズラボ",title:"ダイソーなどで入手可能、わずか330円でどこにでも貼り付けられる格安のLEDテープライトを試してみた",fromDt:"2023.07.11 Tue",__typename:e}},"Ranking:c8d70c0a-8de1-4eb6-9e56-16adb3339d70":{writable:true,enumerable:true,value:{id:"c8d70c0a-8de1-4eb6-9e56-16adb3339d70",ranking:o,url:"\u002Freference\u002FIllustrator",thumbnailId:"59f2ee90-940a-4824-a552-e6e7f3e18189",categoryUrlPath:d,articleSetId:d,articleSetTitle:d,title:u,fromDt:"2022.11.01 Tue",__typename:e}},"Ranking:9e356bee-7721-4668-aba9-d5ce394aadfa":{writable:true,enumerable:true,value:{id:"9e356bee-7721-4668-aba9-d5ce394aadfa",ranking:U,url:G,thumbnailId:q,categoryUrlPath:i,articleSetId:d,articleSetTitle:p,title:m,fromDt:"2021.07.01 Thu",__typename:e}},"Ranking:4fe0e755-f095-4833-9ab6-f3a9514aa883":{writable:true,enumerable:true,value:{id:"4fe0e755-f095-4833-9ab6-f3a9514aa883",ranking:V,url:"\u002Fdesign\u002FIllustrator_tutorial",thumbnailId:J,categoryUrlPath:i,articleSetId:d,articleSetTitle:p,title:l,fromDt:"2023.08.23 Wed",__typename:e}},"Ranking:688668e8-d484-447d-917f-404accb5ed1f":{writable:true,enumerable:true,value:{id:"688668e8-d484-447d-917f-404accb5ed1f",ranking:W,url:"\u002Freference\u002Fphtoshop",thumbnailId:"65ceaeee-2f51-4403-a3a7-4098ac682cd7",categoryUrlPath:d,articleSetId:d,articleSetTitle:d,title:v,fromDt:"2021.09.09 Thu",__typename:e}},"Ranking:06f32ac4-5267-48f7-831a-ff4d3ab5c405":{writable:true,enumerable:true,value:{id:"06f32ac4-5267-48f7-831a-ff4d3ab5c405",ranking:X,url:"\u002Freference\u002Ffont",thumbnailId:"8a24f902-c9bb-48fd-a107-3011a4b526c1",categoryUrlPath:d,articleSetId:d,articleSetTitle:d,title:"フォント逆引き辞典",fromDt:"2023.10.24 Tue",__typename:e}}})}}}("id",false,"ArticleSet","","Ranking",null,"Article","MiddleBanner","design","Category",true,"Illustrator定番＆最新チュートリアル","Photoshopド定番チュートリアル","RelatedMedia",1,"デザインする","290d9a27-bb01-4565-be09-6aae8e333a64","39ed39a8-ba54-489c-8fdc-5a717ffbe6f5","2025.04.11 Fri","ArticleSet:8e30d573-99ef-4035-a900-064d863c3852","Illustrator逆引き辞典","Photoshop逆引き辞典","デザイン・ダイジェスト\u002FDESIGN DIGEST","静寂文具","https:\u002F\u002Fshizima-bungu.jp\u002F","86c6a322-ed5e-4f28-8709-208235683647","tutorial","cf800154-5dbe-4095-ad9a-9d49792c269f","2fd46144-b3f7-462a-9dd2-b37199bb20a6","Photoshopの定番&トレンド表現を紹介するHow to記事。工程は一から手順通りに解説【初心者対応】。記事もすべて無料公開。実用\u002F習作どちらもOK！デザイナー・非デザイナーどちらもOK！","#Photoshop #How to #チュートリアル #デザイン #グラフィックデザイン","Graphic Design","\u002Fdesign\u002Ftutorial","ArticleSetList","ArticleList","c9b0936a-bc6d-4d10-a42b-ae7c3cbb217f","著名クリエイターたちが独創的な印刷表現に挑戦した企画展「GRAPHIC TRIAL 2025 -FIND-」","ArticleSet:c5c4d1bf-b049-4e09-be4f-896da17cdf45","Category:7","news","ニュース","モリサワ、オリジナルの特製ステッカーやキーホルダーが当たるキャンペーンをXで実施","ゲッティイメージズ、生成AIに関する著作権を学べるオンラインセミナーを実施","受け手が没入感を感じる要素は何？アスマークが「イマーシブに関するアンケート調査」を実施","2025.04.10 Thu","“攻殻機動隊” の作者の創作の軌跡を辿る大規模な展覧会「士郎正宗の世界展」",2,3,4,5));</script><script src="/_nuxt/f9b94d8.js" defer></script><script src="/_nuxt/442112c.js" defer></script><script src="/_nuxt/1859a96.js" defer></script><script src="/_nuxt/1dc1c3a.js" defer></script><script src="/_nuxt/73a010c.js" defer></script><script src="/_nuxt/4aa44c0.js" defer></script> </body> </html>

CINXE.COM

Photoshopド定番チュートリアル ｜デザインを深掘り MdN

Photoshopド定番チュートリアル｜デザインを深掘り MdN