@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{overflow:visible;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}ul{list-style:none}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
*{margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{overflow:visible;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}ul{list-style:none}.fade-appear{opacity:0}.fade-appear.fade-action{-webkit-animation-name:appear;-moz-animation-name:appear;-o-animation-name:appear;animation-name:appear;-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-o-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;-o-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.fade-in{opacity:0}.fade-in.fade-action{-webkit-animation-name:fade-in;-moz-animation-name:fade-in;-o-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-o-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;-o-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.fade-up{opacity:0}.fade-up.fade-action{-webkit-animation-name:fade-up;-moz-animation-name:fade-up;-o-animation-name:fade-up;animation-name:fade-up;-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-o-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;-o-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.fade-right{opacity:0}.fade-right.fade-action{-webkit-animation-name:fade-right;-moz-animation-name:fade-right;-o-animation-name:fade-right;animation-name:fade-right;-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-o-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;-o-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.fade-left{opacity:0}.fade-left.fade-action{-webkit-animation-name:fade-left;-moz-animation-name:fade-left;-o-animation-name:fade-left;animation-name:fade-left;-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-o-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;-o-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}main{-webkit-animation:fadein 3s forwards;-moz-animation:fadein 3s forwards;-o-animation:fadein 3s forwards;animation:fadein 3s forwards}a .zoom-img{position:relative;overflow:hidden;border:1px red;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}a .zoom-img:before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;content:""}a .zoom-img img{position:relative;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}a:hover .zoom-img{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}a:hover .zoom-img img{opacity:.8;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}.slide-inner .slide-anime{display:inline-block;margin:0;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.slide-inner .slide-anime.animated{-webkit-animation:slideanimation 1s forwards;-moz-animation:slideanimation 1s forwards;-o-animation:slideanimation 1s forwards;animation:slideanimation 1s forwards}.slide-anime{display:inline-block;margin:0;font-weight:700;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.slide-anime.animated{-webkit-animation:slideanimation .8s forwards;-moz-animation:slideanimation .8s forwards;-o-animation:slideanimation .8s forwards;animation:slideanimation .8s forwards}.button{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:60px;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.button a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:26px 40px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;background-color:#232323;font-weight:700;line-height:1;color:#fff;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;transition:1s;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.button a i{margin-left:26px}.button a:hover{background-color:#fd8d27;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}.breadcrumb{padding:2rem 0 4rem}.breadcrumb p{line-height:1.25}.breadcrumb a{font-size:13px;color:#232323}.breadcrumb a:hover{opacity:.7}.breadcrumb .breadcrumb_last{font-family:"Outfit",sans-serif;font-size:13px;color:#9c9c9c}.wp-pagenavi{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:8% 0 0;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.wp-pagenavi .pages{display:none}.wp-pagenavi a,.wp-pagenavi span{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:40px;height:40px;margin:0 .5em;-webkit-border-radius:50vh;-moz-border-radius:50vh;border-radius:50vh;font-family:"Outfit",sans-serif;font-weight:700;color:#232323;text-align:center;white-space:nowrap;text-decoration:none;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.wp-pagenavi a:hover{opacity:.7;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.wp-pagenavi span.current{background-color:#232323;color:#fff}.other-cat-section{padding:0}.other-cat-section .other-cat-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.other-cat-section .other-cat-inner .bg{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:10% 0;background-position:center;-moz-background-size:cover;background-size:cover;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.other-cat-section .other-cat-inner .category01{width:50%;background-image:url(//chocokatsu.com/wp-content/themes/chocokatsu_theme/images/home/category_bg01.jpg)}.other-cat-section .other-cat-inner .category02{width:100%;background-image:url(//chocokatsu.com/wp-content/themes/chocokatsu_theme/images/home/category_bg02.jpg)}.other-cat-section .other-cat-inner .category03{width:100%;background-image:url(//chocokatsu.com/wp-content/themes/chocokatsu_theme/images/home/category_bg03.jpg)}.other-cat-section .other-cat-inner .inner{width:50%}html{margin:0;padding:0;font-size:62.5%;line-height:1.15;word-wrap:break-word;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{width:100%;height:100%;margin:0;background-color:#fff;font-family:"Zen Kaku Gothic New",sans-serif !important;font-size:16px;font-size:1.6rem;line-height:1.75;color:#232323;text-align:left;letter-spacing:.07em;-webkit-text-size-adjust:100%}main{overflow:hidden}section{padding:150px 0 0}.wrapper{width:100%;max-width:1368px;margin:auto}picture,img{width:100%;height:auto;vertical-align:middle;image-rendering:-webkit-optimize-contrast}.eng{font-family:"Outfit",sans-serif;font-weight:500;letter-spacing:-3%}.jp{font-family:"Zen Kaku Gothic New",sans-serif !important}a{text-decoration:none !important;-webkit-transition:all .3s ease 0s !important;-o-transition:all .3s ease 0s !important;-moz-transition:all .3s ease 0s !important;transition:all .3s ease 0s !important}a:hover{-webkit-transition:all .3s ease 0s !important;-o-transition:all .3s ease 0s !important;-moz-transition:all .3s ease 0s !important;transition:all .3s ease 0s !important}.ttl120{font-size:clamp(4.8rem,3.052rem + 7.46vw,12rem)}.ttl100{font-size:clamp(4.4rem,3.041rem + 5.8vw,10rem)}.ttl80{font-size:clamp(4rem,3.029rem + 4.14vw,8rem)}.ttl72{font-size:clamp(3.6rem,2.726rem + 3.73vw,7.2rem)}.ttl60{font-size:clamp(3.2rem,1.575rem + 2.8vw,6rem)}.ttl48{font-size:clamp(2.8rem,2.315rem + 2.07vw,4.8rem)}.ttl46{font-size:clamp(28px,1.69vw + 21.66px,46px)}.ttl40{font-size:clamp(2.4rem,2.012rem + 1.66vw,4rem)}.ttl32{font-size:clamp(1.8rem,1.46rem + 1.45vw,3.2rem)}.ttl28{font-size:clamp(1.8rem,1.577rem + 1.02vw,2.8rem)}.ttl24{font-size:clamp(18px,1.406rem + .83vw,2.4rem)}.ttl20{font-size:clamp(1.6rem,1.503rem + .41vw,2rem)}.text18{font-size:clamp(14px,.814rem + .5vw,18px)}h2,h3,h4,h5,h6{font-weight:700;line-height:1.5}p{text-align:justify;text-justify:inter-ideograph;-webkit-font-feature-settings:"palt";-moz-font-feature-settings:"palt";font-feature-settings:"palt"}.pc-none{display:none}.mb1{margin-bottom:1em}.mb2{margin-bottom:2em}.color-orange{color:#fd7220}.color-mandarin{color:#fd8d27}#subPage .kv-inner{position:relative;z-index:0;margin:36px}#subPage .kv-inner__img img{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}#subPage .kv-inner__title{position:absolute;z-index:1;top:50%;left:5%;margin:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}#subPage .kv-inner__title h1,#subPage .kv-inner__title p{line-height:1.1;color:#fff}#subPage .kv-inner__title p{font-weight:700}.single #subPage .kv-inner__img img{-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0}.detail-section{position:relative;z-index:1;width:100%;max-width:988px;margin:auto;margin-top:-240px;padding:100px 0 0;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background-color:#fff}.detail-section .wrapper{width:100%;max-width:753px;margin:auto}.detail-section__top{margin-bottom:2rem}.detail-section__date{color:#9c9c9c}.detail-section__title{padding-bottom:.5em;border-bottom:2px solid #fd7220;line-height:1.5}.detail-section__tag{display:inline-block;margin:2rem 0 4rem;padding:1px 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#efebe6;font-size:14px;font-weight:500;color:#232323;letter-spacing:0}.detail-section__tag:not(:last-child){margin-right:10px}.detail-section__content #toc_container{width:100%;margin-bottom:40px}.detail-section__content #toc_container ul{border:none}.detail-section__content #toc_container li,.detail-section__content #toc_container span,.detail-section__content #toc_container a{color:inherit}.detail-section__content #toc_container a{text-decoration:none !important;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.detail-section__content #toc_container a:hover{opacity:.5;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.detail-section__content h2,.detail-section__content h3,.detail-section__content h4,.detail-section__content h5,.detail-section__content h6,.detail-section__content p,.detail-section__content ul,.detail-section__content ol{margin:30px 0}.detail-section__content a{color:#2780fd;text-decoration:underline !important}.detail-section__content h2{padding:.5em 0;border-top:1px solid;border-bottom:1px solid;font-size:clamp(18px,1.406rem + .83vw,2.4rem)}.detail-section__content h3{padding:.25em .5em;background-color:#efebe6;font-size:clamp(1.6rem,1.503rem + .41vw,2rem)}.detail-section__content h4{position:relative;padding-left:.5em;border-left:4px solid}.detail-section__content ul,.detail-section__content ol{padding:1.5rem 2rem 1.5rem 4rem;background-color:#efebe6}.detail-section__content ul{list-style:disc}.detail-section__content ul ::marker{color:#fd8d27}.detail-section__content figure{width:80%;margin:auto;border:1px solid #efebe6}.detail-section__btn-wrap a{color:#fff;text-decoration:none !important}figure.wp-block-embed{border:none !important}figure.wp-block-embed .wp-embed{padding:1em}.blog .works-section{margin-top:0 !important;padding-top:80px}.blog .works-section__tag a{font-weight:500;color:#232323}.blog .breadcrumb{padding:0}.archive .otherworks-section{margin-top:0 !important;padding-top:80px}.archive .breadcrumb{padding:0}.error404 .error-section{padding-top:0}.error404 .error-section__text{margin:60px 0}*,h1{margin:0;padding:0}#container{position:fixed;z-index:2;width:100%;margin:auto}#container .container-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:66px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}a,.parent-link,.nav-link{color:#fff;text-decoration:none}a{text-decoration:none}body.menu-open{overflow:hidden}.humberger{position:relative;z-index:10;display:block;width:80px;height:80px;margin-left:auto;border:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:0 0;background-color:#fff;-webkit-box-shadow:0 0 8px 0 rgba(178,80,33,.31);-moz-box-shadow:0 0 8px 0 rgba(178,80,33,.31);box-shadow:0 0 8px 0 rgba(178,80,33,.31)}.humberger.-active .humberger__line{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-filter:none;filter:none}.humberger.-active .humberger__line:before{top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.humberger.-active .humberger__line:after{top:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.humberger__line{position:absolute;top:50%;left:50%;display:block;width:32px;height:2px;margin:auto;background-color:#fd7220;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.humberger__line:before,.humberger__line:after{position:absolute;display:block;width:100%;height:100%;background-color:#fd7220;content:"";-webkit-transition:inherit;-o-transition:inherit;-moz-transition:inherit;transition:inherit}.humberger__line:before{top:-8px}.humberger__line:after{top:8px}.header__nav-area{position:fixed;z-index:9;top:0;left:-100%;visibility:hidden;width:100vw;height:100vh;background-color:#232323;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.header__nav-area.-active{left:0;visibility:visible}.global-navigation{width:70%;margin:auto;padding:120px 0}.global-navigation .nav .nav-list .nav-item .child-nav-list .child-nav-item a:before{background-color:#fff}.header .global-navigation{position:absolute;top:50%;left:50%;width:70%;max-width:1080px;margin:auto;margin:auto;padding:120px 0;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.header .nav-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header .nav-container__image{width:48%}.header .nav-container__image img{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.header .nav-container nav{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:40%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.header .nav-container nav .nav-list a{-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.header .nav-container nav .nav-list a:hover{opacity:.5;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.js-nav-area{opacity:0;-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;transition:opacity 1s ease,-webkit-transform 1s ease;-o-transition:opacity 1s ease,-o-transform 1s ease;-moz-transition:opacity 1s ease,transform 1s ease,-moz-transform 1s ease;transition:opacity 1s ease,transform 1s ease;transition:opacity 1s ease,transform 1s ease,-webkit-transform 1s ease,-moz-transform 1s ease,-o-transform 1s ease;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.js-nav-area.-active{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.mv-inner{position:relative;margin:36px}.mv-inner__img img{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.footer-wrapper{position:relative;overflow:hidden;width:100%}.contact-section{position:relative;z-index:1;padding-bottom:100px}.contact-section:before{position:absolute;width:100%;background-image:url(//chocokatsu.com/wp-content/themes/chocokatsu_theme/images/common/bg-circle.png);background-position:bottom;-moz-background-size:cover;background-size:cover;content:""}.contact-section .wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.contact-section__container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:80%;margin:auto;-webkit-border-radius:clamp(10px,1.5vw,20px);-moz-border-radius:clamp(10px,1.5vw,20px);border-radius:clamp(10px,1.5vw,20px);background-color:#fff;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.contact-section__container a{position:relative;display:block;width:100%;padding:clamp(4rem,2.544rem + 6.21vw,10rem);-webkit-border-radius:clamp(10px,1.5vw,20px);-moz-border-radius:clamp(10px,1.5vw,20px);border-radius:clamp(10px,1.5vw,20px);background-image:url(//chocokatsu.com/wp-content/themes/chocokatsu_theme/images/common/bg-contact@2x.png);background-position:center;-moz-background-size:cover;background-size:cover;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.contact-section__container a:hover{opacity:.5;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.contact-section__header{margin-bottom:clamp(1.25rem,.947rem + 1.29vw,2.5rem)}.contact-section__main-title{color:#fff}.contact-section__sub-title{font-weight:700}.contact-section__body{font-weight:700}.contact-section__icon{position:absolute;top:50%;right:clamp(1.25rem,-.267rem + 6.47vw,7.5rem);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:80px;height:80px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.contact-section__icon img{width:40px;height:auto}.footer{position:relative;z-index:0;background:0 0}.footer:before{position:absolute;z-index:-1;top:-300px;left:50%;width:4000px;height:4000px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#232323;content:"";-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.footer__content{position:relative;z-index:2;padding:150px 0}.footer__flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:clamp(4rem,3.029rem + 4.14vw,8rem);-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer__logo a{-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.footer__logo a:hover{opacity:.5;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.footer__nav-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.footer__nav-item:not(:last-child){margin-right:40px}.footer__nav-item a,.footer__nav-item div{font-size:16px;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}.footer__nav-item a:hover,.footer__nav-item div:hover{opacity:.5;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}.footer__copyright{font-size:13px;font-weight:400;color:#9c9c9c}.footer__bg-text{position:absolute;z-index:1;bottom:0;left:0;width:100%;pointer-events:none}.footer__bg-text-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-animation:loop-right-to-left 20s linear infinite;-moz-animation:loop-right-to-left 20s linear infinite;-o-animation:loop-right-to-left 20s linear infinite;animation:loop-right-to-left 20s linear infinite;will-change:transform}.footer__bg-svg{display:block;width:clamp(102.2rem,44.88vw + 85.37rem,171.5rem);height:auto;padding-right:40px}.about-section{position:relative;padding-top:88px}.about-section__container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.about-section__image-wrap{width:50%}.about-section__image{display:block;width:100%}.about-section__image img{width:100%;height:100%;-webkit-border-radius:0 clamp(10px,1.5vw,20px) clamp(10px,1.5vw,20px) 0;-moz-border-radius:0 clamp(10px,1.5vw,20px) clamp(10px,1.5vw,20px) 0;border-radius:0 clamp(10px,1.5vw,20px) clamp(10px,1.5vw,20px) 0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;aspect-ratio:4/3}.about-section__content{width:46%}.about-section__sub-title{margin-bottom:clamp(.625rem,.493rem + .56vw,1rem);font-weight:700;letter-spacing:.05em}.about-section__main-title{margin-bottom:clamp(2rem,1.88vw + 1.295rem,4rem);font-weight:700}.about-section__body{width:80%}.about-section__body p{font-size:16px;font-weight:500}.about-section__body p{line-height:200%}.about-section__body p:not(:last-child){margin-bottom:2em}.about-section__body a{color:#232323;text-decoration:underline !important;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.about-section__body a:hover{opacity:.5;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.about-section__bg-text{position:absolute;z-index:-1;bottom:-7rem;left:0;width:100%;pointer-events:none}.about-section__bg-text-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-animation:loop-right-to-left 20s linear infinite;-moz-animation:loop-right-to-left 20s linear infinite;-o-animation:loop-right-to-left 20s linear infinite;animation:loop-right-to-left 20s linear infinite;will-change:transform}.about-section__bg-svg{display:block;width:clamp(102.2rem,44.88vw + 85.37rem,171.5rem);height:auto;padding-right:40px}.works-section:not(:last-child){margin-top:7rem}.works-section__header{margin-bottom:clamp(2.5rem,2.197rem + 1.29vw,3.75rem)}.works-section__main-title{width:-webkit-max-content;width:-moz-max-content;width:max-content;background:-webkit-gradient(linear,left top,right top,from(#fd8d27),to(#ff5919));background:-webkit-linear-gradient(left,#fd8d27 0%,#ff5919 100%);background:-moz-linear-gradient(left,#fd8d27 0%,#ff5919 100%);background:-o-linear-gradient(left,#fd8d27 0%,#ff5919 100%);background:linear-gradient(to right,#fd8d27 0%,#ff5919 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.works-section__sub-title{font-weight:700;color:#9c9c9c}.works-section__list{display:-ms-grid;display:grid;margin-top:clamp(2.5rem,2.06rem + 1.88vw,3.75rem) auto;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:1fr 1fr;grid-template-rows:1fr 1fr;gap:60px 46px}.works-section__title{margin:clamp(.875rem,.743rem + .56vw,1.25rem) auto;font-weight:700;color:#232323}.works-section__tags li{display:inline-block;padding:1px 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#efebe6;font-weight:500;color:#232323;letter-spacing:0}.works-section__tags li:not(:last-child){margin-right:10px}.works-section__tags li{display:inline-block;padding:1px 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#efebe6;font-weight:500;color:#232323;letter-spacing:0}.works-section__tags li:not(:last-child){margin-right:10px}.otherworks-section__list{-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;-ms-grid-rows:1fr;grid-template-rows:1fr;gap:60px 46px}@media screen and (max-width:1440px){section{padding:124px 0 0}.about-section__image img{aspect-ratio:743/797}}@media screen and (max-width:1439px){body{font-size:14px;font-size:1.4rem}.wrapper{width:90%}.detail-section .wrapper{width:90%}.contact-section__container{width:90%}}@media screen and (max-width:1040px){.global-navigation{width:90%;padding-top:140px}}@media screen and (max-width:920px){a .zoom-img{overflow:initial;-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}a .zoom-img img{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}a:hover .zoom-img{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}a:hover .zoom-img img{opacity:1;-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.breadcrumb a:hover{opacity:1}.wp-pagenavi a,.wp-pagenavi span{padding:0 .5em}.wp-pagenavi a:hover{opacity:1;-webkit-transition:0;-o-transition:0;-moz-transition:0;transition:0}.other-cat-section .other-cat-inner .category-content{padding:0}.other-cat-section .other-cat-inner .category-content .gray{font-size:1.2rem;text-align:center}.other-cat-section .other-cat-inner .category-content .title60{font-size:2rem;text-align:center}.other-cat-section .other-cat-inner .category-content__textBox .text,.other-cat-section .other-cat-inner .category-content__textBox .more-link{display:none}body{min-width:100%}.tb-none{display:none}.global-navigation{padding-top:40px}}@media screen and (max-width:576px){a .zoom-img{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}a:hover .zoom-img{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.button{margin-top:30px}.button a{padding:22px}.button a i{width:12px;margin-left:20px}.breadcrumb a{font-size:12px}.breadcrumb .breadcrumb_last{font-size:12px}.other-cat-section .other-cat-inner .bg{padding:15% 0}body{font-size:13px;font-size:1.3rem}section{padding:60px 0 0}a{-webkit-transition:all 0s ease 0s !important;-o-transition:all 0s ease 0s !important;-moz-transition:all 0s ease 0s !important;transition:all 0s ease 0s !important}a:hover{opacity:1;-webkit-transition:all 0s ease 0s !important;-o-transition:all 0s ease 0s !important;-moz-transition:all 0s ease 0s !important;transition:all 0s ease 0s !important}h2,h3,h4,h5,h6{line-height:1.3}.pc-none{display:block}.sp-none{display:none}#subPage .kv-inner{margin:20px}#subPage .kv-inner__img img{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.detail-section{margin-top:-150px;padding:30px 0 0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.detail-section .wrapper{width:86%}.detail-section__tag{margin:2rem 0;padding:0 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.blog .works-section{padding-top:40px}.archive .otherworks-section{padding-top:40px}.error404 .error-section__text{margin:40px 0}#container .container-inner{margin:30px}.humberger{width:60px;height:60px}.humberger__line{width:24px}.humberger__line:before{top:-6px}.humberger__line:after{top:6px}.global-navigation{padding-top:40px}.header .global-navigation{top:45%}.header .nav-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.header .nav-container__image{width:100%;margin-bottom:40px}.header .nav-container nav{width:100%}.mv-inner{margin:20px}.mv-inner__img img{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.contact-section{padding-bottom:40px}.contact-section__container a{padding:3rem;background-image:url(//chocokatsu.com/wp-content/themes/chocokatsu_theme/images/common/bg-contact_sp@2x.png)}.contact-section__body br{display:none}.contact-section__icon{top:2rem;right:2rem;width:40px;height:40px;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.contact-section__icon img{width:24px}.footer:before{top:-200px;width:1000px;height:1000px}.footer__content{padding:80px 0}.footer__flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer__logo{width:clamp(14.5rem,12.874rem + 6.94vw,21.2rem);margin-bottom:3rem}.footer__bg-text-inner{-webkit-animation:loop-right-to-left 25s linear infinite;-moz-animation:loop-right-to-left 25s linear infinite;-o-animation:loop-right-to-left 25s linear infinite;animation:loop-right-to-left 25s linear infinite}.about-section{padding-top:24px}.about-section__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.about-section__image-wrap{width:90%;-webkit-box-ordinal-group:3;-webkit-order:2;-moz-box-ordinal-group:3;-ms-flex-order:2;order:2}.about-section__content{width:90%;margin:auto;-webkit-box-ordinal-group:2;-webkit-order:1;-moz-box-ordinal-group:2;-ms-flex-order:1;order:1}.about-section__body{width:100%;margin-bottom:40px}.about-section__body p{font-size:14px}.about-section__body p{line-height:175%}.about-section__bg-text{z-index:1;bottom:-5rem}.about-section__bg-text-inner{-webkit-animation:loop-right-to-left 25s linear infinite;-moz-animation:loop-right-to-left 25s linear infinite;-o-animation:loop-right-to-left 25s linear infinite;animation:loop-right-to-left 25s linear infinite}.works-section:not(:last-child){margin-top:5rem}.works-section__list{-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr;grid-template-rows:1fr;gap:40px 0}.works-section__tags li{padding:0 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.works-section__tags li{padding:0 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.otherworks-section__list{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:1fr;grid-template-rows:1fr;gap:30px 12px}}@media screen and (max-width:374px){.ttl80{font-size:36px}}@-webkit-keyframes appear{0%{opacity:0}100%{opacity:1}}@-moz-keyframes appear{0%{opacity:0}100%{opacity:1}}@-o-keyframes appear{0%{opacity:0}100%{opacity:1}}@keyframes appear{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-in{0%{opacity:0;-webkit-transform:translateY(25px);transform:translateY(25px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes fade-in{0%{opacity:0;-moz-transform:translateY(25px);transform:translateY(25px)}100%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fade-in{0%{opacity:0;-o-transform:translateY(25px);transform:translateY(25px)}100%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;-webkit-transform:translateY(25px);-moz-transform:translateY(25px);-o-transform:translateY(25px);transform:translateY(25px)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fade-up{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes fade-up{0%{opacity:0;-moz-transform:translateY(-25px);transform:translateY(-25px)}100%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fade-up{0%{opacity:0;-o-transform:translateY(-25px);transform:translateY(-25px)}100%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;-webkit-transform:translateY(-25px);-moz-transform:translateY(-25px);-o-transform:translateY(-25px);transform:translateY(-25px)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fade-right{0%{opacity:0;-webkit-transform:translateX(25px);transform:translateX(25px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes fade-right{0%{opacity:0;-moz-transform:translateX(25px);transform:translateX(25px)}100%{opacity:1;-moz-transform:translateX(0);transform:translateX(0)}}@-o-keyframes fade-right{0%{opacity:0;-o-transform:translateX(25px);transform:translateX(25px)}100%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes fade-right{0%{opacity:0;-webkit-transform:translateX(25px);-moz-transform:translateX(25px);-o-transform:translateX(25px);transform:translateX(25px)}100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fade-left{0%{opacity:0;-webkit-transform:translateX(-25px);transform:translateX(-25px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes fade-left{0%{opacity:0;-moz-transform:translateX(-25px);transform:translateX(-25px)}100%{opacity:1;-moz-transform:translateX(0);transform:translateX(0)}}@-o-keyframes fade-left{0%{opacity:0;-o-transform:translateX(-25px);transform:translateX(-25px)}100%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes fade-left{0%{opacity:0;-webkit-transform:translateX(-25px);-moz-transform:translateX(-25px);-o-transform:translateX(-25px);transform:translateX(-25px)}100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadein{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes slideanimation{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}100%{-webkit-clip-path:inset(0);clip-path:inset(0)}}@-moz-keyframes slideanimation{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0)}}@-o-keyframes slideanimation{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0)}}@keyframes slideanimation{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}100%{-webkit-clip-path:inset(0);clip-path:inset(0)}}@-webkit-keyframes loop-right-to-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@-moz-keyframes loop-right-to-left{0%{-moz-transform:translateX(0);transform:translateX(0)}100%{-moz-transform:translateX(-50%);transform:translateX(-50%)}}@-o-keyframes loop-right-to-left{0%{-o-transform:translateX(0);transform:translateX(0)}100%{-o-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes loop-right-to-left{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}}