@import url("//hello.myfonts.net/count/3540a6");@font-face{font-family:UniversLTPro-65Bold;src:url(https://9379542.fs1.hubspotusercontent-na1.net/hubfs/9379542/common_spicebox/fonts/univers/3540A6_0_0.eot);src:url(https://9379542.fs1.hubspotusercontent-na1.net/hubfs/9379542/common_spicebox/fonts/univers/3540A6_0_0.eot#iefix) format("embedded-opentype"),url(https://9379542.fs1.hubspotusercontent-na1.net/hubfs/9379542/common_spicebox/fonts/univers/3540A6_0_0.woff2) format("woff2"),url(https://9379542.fs1.hubspotusercontent-na1.net/hubfs/9379542/common_spicebox/fonts/univers/3540A6_0_0.woff) format("woff"),url(https://9379542.fs1.hubspotusercontent-na1.net/hubfs/9379542/common_spicebox/fonts/univers/3540A6_0_0.ttf) format("truetype")}@media only screen and (max-width:859px){.pages-header .lead br{display:none}}a:active,a:focus,a:hover{text-decoration:none!important;color:inherit!important}.button:active,.button:focus,.button:hover,.hs-button:active,.hs-button:focus,.hs-button:hover,button:active,button:focus,button:hover{border:none!important;font-family:sans-serif!important}.header-lead{letter-spacing:2px;line-height:1.8;display:block;margin:70px auto 50px;text-align:center!important}.page-contents .contents-types{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:150px}.page-contents .contents-type{width:23%;background-color:#626262;border-radius:5px;list-style:none;color:#fff;text-align:center;font-size:16px;line-height:1.4;font-weight:700;padding:10px 0;margin-bottom:30px}.page-contents .contents-type a{width:100%;height:100%;display:block}.container-wrap{background-color:#f3f3f3}.contents-detail{padding:20px 50px;background-color:#fff;list-style:none}.contents-detail .contents-detail-title{color:#ff6b67;position:relative;margin-bottom:30px;text-align:center;padding-top:10px}.contents-detail .contents-detail-title img{width:13%;vertical-align:middle;margin-right:15px}.contents-detail .contents-detail-title span.jp{font-size:32px}.contents-detail .contents-detail-title span.en{font-size:20px}.contents-detail h3{font-weight:700;margin-bottom:45px;letter-spacing:2px;line-height:1.8;text-align:center}.contents-detail p{line-height:1.75}.contents-contents,.contents-detail p{font-size:16px;font-weight:700;letter-spacing:2px}.contents-contents{margin-bottom:45px;line-height:2.4;margin-left:2em}.contents-detail .video img{width:100%;max-width:750px;margin:0 auto 20px;display:block}.contents-detail .video h2{font-size:16px;color:#000;text-align:center;margin-bottom:90px}.contents-detail-service{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;align-items:center}.contents-detail-service .contents-detail-heading{font-size:20px;font-weight:700;width:260px;height:100%;display:block}.contents-detail-service .contents-detail-service-text{margin-right:30px;border-left:2px solid #000;padding-left:30px;margin-left:10px;width:calc(100% - 260px)}.contents-detail-service .contents-detail-service-text p{font-size:14px;line-height:1.5;font-weight:700;margin-bottom:15px}.contents-detail-service .contents-detail-link{color:#ff6b67;font-size:12px;font-weight:700;position:relative}.contents-detail-service .contents-detail-link:after{position:absolute;content:"";background-image:url(https://9379542.fs1.hubspotusercontent-na1.net/hubfs/9379542/common_spicebox/img/link_arrow.svg);background-repeat:no-repeat;background-size:contain;background-position:0 0;width:40px;height:8px;right:-50px;top:6px}.contents-detail-logo{max-width:120px}.contents-details{padding-bottom:75px}.contents-details a:hover{color:#ff6b67!important}.contents-details a:hover .link-img img{transform:scale(1.1);transition-duration:.3s}.contents-details .link-img{width:95%;overflow:hidden;margin:0 auto;filter:drop-shadow(0 0 2px rgba(0,0,0,.3));transform:translateZ(0)}.contents-details .practice01 .link-img:before{content:"";display:block;padding-top:60%}.contents-details .document01 .link-img:before,.contents-details .kwd02 .link-img:before,.contents-details .movie01 .link-img:before,.contents-details .new01 .link-img:before{content:"";display:block;padding-top:53%}.contents-details .link-img img{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;object-fit:cover}.contents-details .practice01.flex-wrap,.tool02.flex-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;text-align:center}.contents-details .kwd02.flex-wrap,.document01.flex-wrap,.movie01.flex-wrap,.new01.flex-wrap{display:flex;justify-content:flex-start;flex-wrap:wrap;text-align:center}.contents-details .practice01.flex-wrap .item{width:32%}.contents-details .practice01.flex-wrap p{width:100%;margin:.5em auto 1.5em}.contents-details .practice02.flex-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));text-align:center;margin:50px auto 0;width:85%}.contents-details .practice02.flex-wrap .item{margin:0 auto}.contents-details .practice02.flex-wrap .item img{width:85%}.contents-details .kwd form{background-color:#fff!important;margin-bottom:3em;border:none!important;padding:0!important}.contents-details .is-hide{display:none}.contents-details .kwd01 div{margin:1em 1.5em;justify-content:space-content;flex-wrap:wrap;text-align:center}.contents-details .kwd01 div p.kwd-select-title{color:#fff;font-weight:700;padding:0 .8em;background-color:#ff6b67;margin-right:1em;margin-top:.4em;border-radius:1px;max-height:2em}.contents-details .kwd01 div p.kwd-select-list{text-align:left}.contents-details .kwd01 div p.kwd-select-list label{white-space:nowrap;margin-right:1em;display:inline!important;padding:0!important;font-family:sans-serif!important;font-weight:600;font-style:normal}.contents-details .kwd01 [type=checkbox]{appearance:checkbox!important;-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;margin-right:5px}.contents-details .kwd02.flex-wrap .item{width:32.9%}.contents-details .kwd02.flex-wrap .item img{width:100%}.contents-details .kwd02.flex-wrap .item p{text-align:left;width:94%;margin:.5em auto 1.5em;line-height:1.4}.contents-details .movie01.flex-wrap .item{width:32.9%}.contents-details .movie01.flex-wrap .item img{width:100%}.contents-details .movie01.flex-wrap .item p{text-align:left;width:93%;margin:.5em auto 1.5em;line-height:1.4}.contents-details .new01.flex-wrap .item{width:32.9%}.contents-details .new01.flex-wrap .item img{width:100%}.contents-details .new01.flex-wrap .item p{text-align:left;width:93%;margin:.5em auto 1.5em;line-height:1.4}.contents-details .document01.flex-wrap .item{width:32.9%}.contents-details .document01.flex-wrap .item img{width:100%}.contents-details .document01.flex-wrap .item p{text-align:left;width:93%;margin:.5em auto 1.5em;line-height:1.4}.contents-details .tool02.flex-wrap .item{width:32.9%}.contents-details .tool02.flex-wrap .item img{width:100%}.contents-details .tool02.flex-wrap .item p{margin:.5em auto 1.5em}.is-hidden{display:none;opacity:0}.is-show{animation:fadeIn 1s ease}.contents-details .more_btn{margin-top:2em;text-align:right}.contents-details .more_btn button{background-color:#ff6b67;border-radius:30px;color:#fff;cursor:pointer;outline:none;padding:0 10px;height:32px;line-height:32px;font-weight:700;font-size:120%}.contents-details .more_btn:hover button{background-color:#ff873e}@keyframes fadeIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.contents-details .tool01{width:90%;margin:1em auto 2em;text-align:center}.menulist{background-color:#ff6b67;padding:5% 10%;margin:0 auto}.menulist .flex-wrap{display:flex;justify-content:space-evenly;flex-wrap:wrap;text-align:center}.menulist .flex-wrap .item{text-align:left;width:24%;margin:2px}.menulist .flex-wrap .item div.menu_item_text{background-color:#fff;height:12vw;padding:1vw 1em}.menulist .flex-wrap .item div.menu_item_text .title{font-size:1.2em;padding:.3em 0}.menulist .flex-wrap .item div.menu_item_text .text{padding:.3em 0;line-height:1.5em;font-size:1em}.menulist .flex-wrap .item div.more{background:#000;color:#fff;padding:2vw 1em;font-size:1.2em}.menulist .flex-wrap .item div.more p{font-size:1em}.menulist .flex-wrap .item a:hover div.more{background:#ff873e}@media only screen and (max-width:859px){#practice.contents-detail{margin-bottom:60px}}@media screen and (min-width:1059px){.contents-detail h3{font-size:24px}.contents-details .kwd01 div{display:flex}.contents-details .kwd01 div p.kwd-select-list{width:90%}.contents-details .kwd01 div p.kwd-select-list label{font-size:18px}.contents-details .kwd02.flex-wrap,.document01.flex-wrap,.movie01.flex-wrap,.new01.flex-wrap{margin-left:2%}.contents-details .tool01 img{width:80%}}@media screen and (min-width:768px) and (max-width:1058px){.contents-detail h3{font-size:1.8vw}.contents-detail .contents-detail-title img{width:9%;vertical-align:middle;margin-right:5px}.contents-details .practice01.flex-wrap .item{width:50%;margin-bottom:1em}.contents-details .kwd01 div{display:block}.contents-details .kwd01 div p.kwd-select-title{width:14%}.contents-details .kwd01 div p.kwd-select-list{width:90%}.contents-details .kwd01 div p.kwd-select-list label{font-size:18px}.contents-details .kwd02.flex-wrap{margin-left:3%}.contents-details .document01.flex-wrap .item,.contents-details .kwd02.flex-wrap .item,.contents-details .movie01.flex-wrap .item,.contents-details .new01.flex-wrap .item{width:50%;margin-bottom:1em}.contents-details .tool01 img{width:100%}.contents-details .tool02.flex-wrap .item{width:50%;margin-bottom:1em}.menulist .flex-wrap .item{text-align:left;width:95%}.menulist .flex-wrap .item div.menu_item_text{height:auto;padding:5vw 1em}.menulist .flex-wrap .item div.menu_item_text .title{font-size:1.2em;padding:.3em 0}.menulist .flex-wrap .item div.menu_item_text .text{padding:.3em 0;line-height:1.5em}.menulist .flex-wrap .item div.more{padding:2vw 1em;font-size:1.2em}}@media screen and (max-width:768px){.contents-details .link-img{border:1px solid #ff6b67}.contents-detail .contents-detail-title img{width:9%;vertical-align:middle;margin-right:5px}.contents-details .kwd01 div{display:block}.contents-details .kwd01 div p.kwd-select-title{width:20%}.contents-details .kwd01 div p.kwd-select-list{width:90%}.contents-details .practice01.flex-wrap .item{width:100%}.contents-details .practice02.flex-wrap{margin-top:4vw}.contents-details .practice02.flex-wrap .item{width:80%}.contents-details .practice02.flex-wrap .item img{width:90%}.contents-details .document01.flex-wrap .item,.contents-details .kwd02.flex-wrap .item,.contents-details .movie01.flex-wrap .item,.contents-details .new01.flex-wrap .item,.contents-details .tool02.flex-wrap .item{width:100%}.menulist .flex-wrap .item{text-align:left;width:95%}.menulist .flex-wrap .item div.menu_item_text{height:auto;padding:5vw 1em}.menulist .flex-wrap .item div.menu_item_text .title{font-size:1.2em;padding:.3em 0}.menulist .flex-wrap .item div.menu_item_text .text{padding:.3em 0;line-height:1.5em}.menulist .flex-wrap .item div.more{padding:2vw 1em;font-size:1.2em}}@media only screen and (max-width:859px){.header-lead{margin:60px auto}.page-contents .contents-type{width:48%;font-size:14px}.contents-detail,.page-contents .contents-types{margin-bottom:60px}.contents-detail{padding:40px 15px}.contents-detail .contents-detail-title{margin-bottom:40px}.contents-detail .contents-detail-title:before{width:60px;top:0}.contents-detail .contents-detail-title span.jp{font-size:19px}.contents-detail .contents-detail-title span.en{font-size:14px}.contents-detail h3{font-size:13px}.contents-detail p{font-size:12px}.contents-detail .video h1{font-size:12px;margin-bottom:40px}.contents-detail-service .contents-detail-heading{font-size:12px}.contents-contents{font-size:12px;margin-bottom:45px;line-height:1.8}.contents-detail-service .contents-detail-service-text p{font-size:12px}.contents-detail-logo img{max-width:100px}}@media only screen and (max-width:400px){.page-contents .contents-type{width:100%}.contents-detail-service{display:initial}.contents-detail-service .contents-detail-heading{width:100%;margin-bottom:10px;border-bottom:1px solid #000;padding-bottom:10px}.contents-detail-service .contents-detail-service-text{margin-right:0;border-left:none;padding-left:0;margin-left:0;margin-bottom:20px;width:100%}}
/*# sourceMappingURL=https://cdn2.hubspot.net/hub/9379542/hub_generated/template_assets/70868701190/1658808395473/spicebox_co/contents/assets/css/contents_db.css */