@font-face{font-family:"NotoSans400";src:url("../font/NotoSansJP-Regular.woff")}@font-face{font-family:"NotoSans500";src:url("../font/NotoSansJP-Medium.woff")}@font-face{font-family:"NotoSans700";src:url("../font/NotoSansJP-Bold.woff")}@font-face{font-family:"NotoSans900";src:url("../font/NotoSansJP-Black.woff")}@media screen and (min-width:1201px){.archive-case{padding:60px 0 120px}}@media screen and (max-width:1200px){.archive-case{padding:30px 0 80px}}.archive-case ul.page-numbers{margin-top:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.archive-case ul.page-numbers li{margin:0 12px;font-size:20px;color:#0C56AA}.archive-case ul.page-numbers .prev{width:30px;height:30px;margin-right:5px;display:inline-block;position:relative;z-index:0;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;-webkit-transform:translateY(3px);transform:translateY(3px);border-radius:4px;border:1px solid #0C56AA;background-color:#0C56AA}.archive-case ul.page-numbers .prev:before{content:"";width:7px;height:12px;display:inline-block;position:absolute;top:50%;left:50%;z-index:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-mask:url("../img/common/icon-arrow1.svg") no-repeat center/contain;mask:url("../img/common/icon-arrow1.svg") no-repeat center/contain;background-color:#FFFFFF}@media screen and (min-width:1201px){.archive-case ul.page-numbers .prev:hover{background-color:#FFFFFF}.archive-case ul.page-numbers .prev:hover:before{background-color:#0C56AA}}.archive-case ul.page-numbers .next{width:30px;height:30px;margin-left:5px;display:inline-block;position:relative;z-index:0;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;-webkit-transform:translateY(3px);transform:translateY(3px);border-radius:4px;border:1px solid #0C56AA;background-color:#0C56AA}.archive-case ul.page-numbers .next:before{content:"";width:7px;height:12px;display:inline-block;position:absolute;top:50%;left:50%;z-index:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-mask:url("../img/common/icon-arrow2.svg") no-repeat center/contain;mask:url("../img/common/icon-arrow2.svg") no-repeat center/contain;background-color:#FFFFFF}@media screen and (min-width:1201px){.archive-case ul.page-numbers .next:hover{background-color:#FFFFFF}.archive-case ul.page-numbers .next:hover:before{background-color:#0C56AA}}.archive-case ul.page-numbers .current{position:relative;z-index:0}.archive-case ul.page-numbers .current:before{content:"";width:20px;height:3px;display:block;position:absolute;bottom:-5px;left:50%;z-index:-1;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:100px;background-color:#72543D}.archive-case__inner{max-width:1080px;width:calc(100% - 40px);margin:0 auto}.archive-case__searchWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media screen and (max-width:1200px){.archive-case__searchWrap{margin-top:15px}}.archive-case__search{display:inline-block;position:relative;cursor:pointer;font-family:NotoSans500,sans-serif;font-weight:500;color:#0C56AA}.archive-case__search:before{content:"";width:20px;height:20px;margin-right:3px;display:inline-block;-webkit-transform:translateY(4px);transform:translateY(4px);background:url("../img/common/icon-filter.svg") no-repeat center/contain}.archive-case__search:after{content:"";width:100%;height:1.5px;display:inline-block;position:absolute;bottom:-7px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#0C56AA}@media screen and (min-width:1201px){.archive-case__search:hover:after{height:0}}@media screen and (max-width:1200px){.archive-case__search{font-size:14px}}.archive-case__overlay{width:100%;height:100%;display:none;position:fixed;top:0;left:0;z-index:5;background-color:rgba(0,0,0,0.6)}.archive-case__box{max-width:500px;width:calc(100% - 30px);position:absolute;top:55%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFF9F3}@media screen and (min-width:1201px){.archive-case__box{height:65vh;padding:30px}}@media screen and (max-width:1200px){.archive-case__box{height:52vh;padding:20px 10px;overflow-y:auto}}.archive-case__boxTitle{text-align:center;font-family:NotoSans500,sans-serif;font-weight:500;color:#0C56AA}@media screen and (min-width:1201px){.archive-case__boxTitle{font-size:25px}}@media screen and (max-width:1200px){.archive-case__boxTitle{font-size:20px}}.archive-case__tagGroup{margin-top:30px;overflow-y:auto}@media screen and (min-width:1201px){.archive-case__tagGroup{height:40vh}}@media screen and (max-width:1200px){.archive-case__tagGroup{height:30vh}}.archive-case__tag{display:block;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;font-family:NotoSans500,sans-serif;font-weight:500;border-bottom:1px solid #707070}.archive-case__tag:first-child{border-top:1px solid #707070}@media screen and (min-width:1201px){.archive-case__tag{padding:20px;font-size:18px}.archive-case__tag:hover{background-color:#FFFFFF}}@media screen and (max-width:1200px){.archive-case__tag{padding:15px 10px;font-size:16px}}.archive-case__closeWrap{text-align:center}@media screen and (min-width:1201px){.archive-case__closeWrap{margin-top:30px}}@media screen and (max-width:1200px){.archive-case__closeWrap{margin-top:15px}}.archive-case__close{cursor:pointer;font-size:18px;color:#0C56AA}.archive-case__close:before{content:"";width:23px;height:23px;margin-right:5px;display:inline-block;-webkit-transform:translateY(5px);transform:translateY(5px);background:url("../img/common/icon-close.svg") no-repeat center/contain}@media screen and (min-width:1201px){.archive-case__close{font-family:NotoSans700,sans-serif;font-weight:700}.archive-case__close:hover{opacity:0.6}}@media screen and (max-width:1200px){.archive-case__close{font-family:NotoSans500,sans-serif;font-weight:500}}.archive-case__resultWrap{text-align:center}@media screen and (min-width:1201px){.archive-case__resultWrap{margin-top:50px;font-size:18px;font-family:NotoSans700,sans-serif;font-weight:700}}@media screen and (max-width:1200px){.archive-case__resultWrap{margin-top:30px}}.archive-case__result{position:relative;color:#0C56AA}.archive-case__result:after{content:"";width:100%;height:1.5px;display:block;position:absolute;bottom:-2px;left:0;pointer-events:none;background-color:#0C56AA}@media screen and (min-width:1201px){.archive-case__result{font-size:25px}}@media screen and (max-width:1200px){.archive-case__result{font-size:20px;font-family:NotoSans500,sans-serif;font-weight:500}}.archive-case__list{margin-top:20px}.archive-case__item{border-bottom:1px solid #72543D}.archive-case__item:first-child{border-top:1px solid #72543D}.archive-case__anchor{display:block;line-height:1.75}@media screen and (min-width:1201px){.archive-case__anchor{padding:30px}.archive-case__anchor:hover{color:#0C56AA;background-color:#FFFFFF}.archive-case__anchor:hover .archive-case__guide{color:#0C56AA;background-color:#FFFFFF}.archive-case__anchor:hover .archive-case__guide:after{right:-15px;background-color:#0C56AA}}@media screen and (max-width:1200px){.archive-case__anchor{padding:15px 10px}}.archive-case__category{font-size:14px;font-family:NotoSans500,sans-serif;font-weight:500;color:#0C56AA}.archive-case__category:before{content:"";width:7px;height:7px;margin-right:8px;display:inline-block;-webkit-transform:translateY(-2px);transform:translateY(-2px);border-radius:100px;background-color:#0C56AA}.archive-case__itemTitle{font-family:NotoSans500,sans-serif;font-weight:500}@media screen and (min-width:1201px){.archive-case__itemTitle{font-size:20px}}@media screen and (max-width:1200px){.archive-case__itemTitle{font-size:18px}}.archive-case__text{margin-top:16px}.archive-case__guideWrap{margin:10px 0 0 auto}@media screen and (min-width:1201px){.archive-case__guideWrap{width:180px}}@media screen and (max-width:1200px){.archive-case__guideWrap{width:120px}}.archive-case__guide{height:25px;pointer-events:none;font-size:14px}@media screen and (max-width:1200px){.archive-case__guide.--arrow2:after{display:none}}