:root{--color-black: rgba(0, 0, 0, 1);--color-white: rgba(255, 255, 255, 1);--txt-color-default: rgba(46, 69, 122, 1);--bg-color: rgba(240, 240, 240, 1);--color-bg-blue: rgba(235, 240, 251, 1);--color-lblue: rgba(77, 115, 204, 1);--color-txt-blue: rgba(46, 69, 122, 1);--color-txt-dblue: rgba(31, 46, 82, 1);--color-icon-active-color: rgba(46, 69, 122, 1);--color-hover-gray: rgba(245, 245, 245, 1);--color-bdr: rgba(220, 220, 220, 1);--color-bdr2: rgba(202, 202, 202, 1);--color-nav-active: rgba(164, 185, 233, 1);--header-width: 280px;--header-height: 80px;--fs-12: 1.2rem;--fs-14: 1.4rem;--fs-16: 1.6rem;--fs-18: 1.8rem;--fs-19: 1.9rem;--fs-ttl-page: 2.4rem;--post-width: 100%;--column-margin: 40px;--font-letter-spacing-medium: 0.03px;--font-letter-spacing-fourExtraLarge: 0.02px}@media all and (min-width: 768px){:root{--post-width: calc( (100% - 16px)/2 )}}@media all and (min-width: 1024px){:root{--post-width: calc( (100% - 32px)/3 )}}@media all and (min-width: 1440px){:root{--post-width: calc( (100% - 32px)/3 )}}@media all and (min-width: 1560px){:root{--post-width: calc( (100% - 48px)/4 )}}@media all and (min-width: 1920px){:root{--post-width: calc( (100% - 64px)/5 )}}@media all and (min-width: 2560px){:root{--post-width: calc( (100% - 80px)/6 )}}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}html{font-size:62.5%}body{font-size:14px;font-size:1.4rem}:root{--vh: 100vh}body{color:var(--color-txt-blue);background:var(--bg-color);font-family:"Inter","Noto Sans JP","Segoe UI","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","游ゴシック",YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"palt" 1;font-feature-settings:"palt" 1;overscroll-behavior-y:none;touch-action:manipulation;overflow-wrap:anywhere;word-break:normal;line-break:strict;transition:opacity .6s ease}body[data-page=list]{background:var(--color-white)}p{line-height:1.5}a{color:#000;text-decoration:none;text-decoration-thickness:1px}li{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:normal}.loading body{opacity:.5}header#global_header{width:100%;min-width:660px;height:var(--header-height);position:sticky;top:0px;background:var(--color-bg-blue);box-shadow:0px 2px 8px 0px rgba(31,46,82,.2);z-index:10}header#global_header .header_inner{width:calc(100% - var(--column-margin)*2);height:var(--header-height);position:relative;margin-inline:auto}header#global_header h1{width:132px;position:absolute;left:0px;top:calc((var(--header-height) - 36px)/2)}header#global_header nav{position:absolute;right:0px;height:48px;top:calc((var(--header-height) - 48px)/2);display:flex;align-items:center;column-gap:16px}header#global_header button[data-save]{width:96px}header#global_header button[data-print]{width:125px}header#global_header button#logout{width:139px}header#global_header button#logout svg{fill:var(--color-txt-dblue)}header#global_header button#logout span.txt{color:var(--color-txt-dblue)}header#global_header .c-login_status{position:absolute;right:0px;height:38px;top:calc((var(--header-height) - 38px)/2);display:flex;align-items:center;column-gap:16px}header#global_header .c-logged_in{min-width:272px;height:38px;border-radius:8px;border:1px solid var(--color-bdr);box-sizing:border-box;padding:8px 16px;display:flex;align-items:center}header#global_header .c-logged_in p{color:var(--color-txt-blue);font-size:var(--fs-12);line-height:1.8}[data-page=login]{background:var(--color-white)}[data-page=login] main{width:84.13%;margin-inline:auto}[data-page=login] .cols{display:flex;column-gap:2.857%;position:relative}[data-page=login] .cols .cols_r{width:62.85%;height:100vh;overflow:hidden;display:none}[data-page=login] .cols .cols_r figure{width:100%;height:100vh;display:block;background-position:top left;background-repeat:repeat-y;background-size:100% auto}[data-page=login] .cols .cols_r figure:nth-of-type(1){background-image:url(../images/login/img_kv0.webp);background-position:left -250%}[data-page=login] .cols .cols_r figure:nth-of-type(2){background-image:url(../images/login/img_kv1.webp)}[data-page=login] .cols .cols_r figure:nth-of-type(3){background-image:url(../images/login/img_kv2.webp);background-position:left -250%}#b-login{width:100%;height:100vh;position:relative;display:flex;align-items:center}#b-login .login_inner{width:66.66%;margin-inline:auto}#b-login .c-login_content .logo{width:fit-content;margin-bottom:100px}#b-login .c-login_content .logo h1{width:132px}#b-login .c-login dl{margin-bottom:30px}#b-login .c-login dl dt{font-size:var(--fs-19);font-weight:700}#b-login .c-login dl dd{font-size:var(--fs-14);line-height:1.8;margin-top:14px;letter-spacing:0.04em}#b-login .c-login button{width:100%}#b-login .c-login button .inr{justify-content:center}#b-login .copy{position:absolute;left:0px;bottom:0px;width:100%;text-align:center;padding-bottom:32px}#b-login .copy p{font-size:var(--fs-12);line-height:1}@media all and (min-width: 768px){[data-page=login] main{width:100%;padding-left:0%;overflow:hidden}[data-page=login] .cols{display:flex;overflow:hidden;position:relative}[data-page=login] .cols #b-login{width:480px}[data-page=login] .cols .cols_r{width:780px;display:flex;position:absolute;left:510px;column-gap:30px}[data-page=login] .cols .cols_r figure{width:230px}[data-page=login] .cols .cols_r figure:nth-of-type(1){background-position:left -180px}[data-page=login] .cols .cols_r figure:nth-of-type(2){background-position:top center}[data-page=login] .cols .cols_r figure:nth-of-type(3){background-position:left -180px}}@media all and (min-width: 1366px){[data-page=login] main{width:1314px}[data-page=login] .cols #b-login{width:480px}[data-page=login] .cols #b-login .login_inner{width:320px}[data-page=login] .cols .cols_r{width:886px;position:relative;left:auto}[data-page=login] .cols .cols_r figure{width:259px}[data-page=login] .cols .cols_r figure:nth-of-type(1){background-position:left -180px}[data-page=login] .cols .cols_r figure:nth-of-type(2){background-position:top center}[data-page=login] .cols .cols_r figure:nth-of-type(3){background-position:left -180px}}button{cursor:pointer}img{width:100%;height:auto}span.icon{position:relative;display:block}span.icon svg{width:100%;height:100%;position:absolute;top:0px;left:0px}.size16{width:16px;height:16px}.size24{width:24px;height:24px}.size32{width:32px;height:32px}section[data-section]{width:100%;overflow:hidden}button.c-btn{display:block;position:relative;padding:0 16px 0 16px;border-radius:8px;overflow:hidden}button.c-btn span.inr{width:100%;height:100%;display:flex;align-items:center;column-gap:4px}button.c-btn span.txt{font-size:var(--fs-14)}button.c-btn.h40{height:40px}button.c-btn.h40 span.inr{height:40px}button.c-btn.h48{height:48px}button.c-btn.h48 span.inr{height:48px}button.c-btn.blue{background:var(--color-lblue)}button.c-btn.blue span.txt{color:var(--color-white)}button.c-btn.blue span.icon svg{fill:var(--color-white)}button.c-btn.black{background:var(--color-black)}button.c-btn.black span.txt{color:var(--color-white)}button.c-btn.black span.icon svg{fill:var(--color-white)}main{width:100%;min-width:492px;position:relative}.c-ttl_page{width:100%;border-bottom:1px solid var(--color-bdr);height:80px;display:grid;align-items:center;box-sizing:border-box;padding:0 0 0 40px}.c-ttl_page h2{font-weight:700;font-size:var(--fs-ttl-page)}.c-content_header{width:calc(100% - var(--column-margin)*2);margin:28px auto 20px auto;position:relative}.c-content_header a[data-btn-new]{width:125px;border-radius:8px;position:absolute;right:0px;top:-4px}.c-nav_content{width:280px;display:flex;align-items:center;column-gap:8px}.c-nav_content button[data-favorite]{width:40px;height:40px;display:grid;place-content:center;border:1px solid var(--color-bdr2);border-radius:8px}.c-nav_content button[data-favorite] span.icon{width:24px;height:24px}.c-nav_content button[data-favorite] svg{fill:var(--color-txt-blue)}.c-nav_content button[data-favorite].active svg{fill:var(--color-icon-active-color)}.c-search{border:1px solid var(--color-bdr2);border-radius:8px;width:232px;position:relative;height:40px;box-sizing:border-box;padding-left:40px}.c-search button[data-search]{width:24px;height:24px;position:absolute;left:8px;top:8px}.c-search button[data-search] span.icon{width:24px;height:24px}.c-search button[data-search] span.icon svg{fill:var(--color-txt-blue)}.c-search input{height:40px;line-height:40px;width:100%}.c-search input::placeholder{color:#a7a7a7;font-size:var(--fs-14)}.c-content{width:calc(100% - var(--column-margin)*2);margin-inline:auto}.c-list_design{padding-bottom:48px;position:relative}.c-list_design .bg_list{position:absolute;width:100%;height:100%;top:0px;left:0px;display:block;z-index:1;opacity:0;pointer-events:none}.c-list_design:has(li.c-post.is-show-download) .bg_list{opacity:1;pointer-events:auto}.c-list_design .no_post.disable{display:none}.c-list_design .no_post p{font-size:var(--fs-16)}.c-list_design ul{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:16px}.c-list_design ul li.c-post{width:var(--post-width);border:1px solid var(--color-bdr);border-radius:8px;box-sizing:border-box;padding:20px 16px}.c-list_design ul li.c-post.is-show-download .c-ui_post .c-select_download{opacity:1;pointer-events:auto;transform:translate3d(0, 0, 0)}.c-list_design ul li.c-post:nth-child(2n) .c-ui_post .c-select_download{left:auto;right:0px}.c-list_design ul a{display:block}.c-list_design ul :is(h3,dt,dd){color:var(--color-txt-blue)}.c-list_design ul .c-ttl_post{margin-bottom:16px}.c-list_design ul .c-ttl_post .c-inr{display:flex;align-items:center;column-gap:10px}.c-list_design ul .c-ttl_post .c-inr h3{width:calc(100% - 24px - 10px);font-weight:700;overflow:hidden;font-size:var(--fs-14)}.c-list_design ul .c-ttl_post .c-inr h3 span{font-size:var(--fs-16);display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.c-list_design ul .c-ttl_post .c-inr span.icon svg{color:var(--color-txt-blue)}.c-list_design ul .info{margin-bottom:16px;display:flex;column-gap:8px;align-items:center}.c-list_design ul .info dl{display:flex;align-items:center;column-gap:4px}.c-list_design ul .info dl:nth-last-of-type(1){margin-bottom:0px}.c-list_design ul .info dl dt,.c-list_design ul .info dl dd{font-size:var(--fs-14);line-height:1}.c-list_design ul .thumbnail{width:57.69%;margin-inline:auto;margin-bottom:16px;filter:drop-shadow(0 1px 1px rgba(31, 46, 82, 0.3))}.c-list_design ul .thumbnail figure{overflow:hidden;border-radius:4px}.c-list_design ul .thumbnail figure img{vertical-align:bottom}.c-list_design ul .c-ui_post{position:relative}.c-list_design ul .c-ui_post ul{width:64.86%;margin-inline:auto;display:flex;justify-content:space-between}.c-list_design ul .c-ui_post ul span.icon svg{fill:var(--color-txt-blue)}.c-list_design ul .c-ui_post ul span.icon svg.active{fill:var(--color-icon-active-color)}.c-list_design ul .c-ui_post ul span.icon.disable{opacity:.3}.c-list_design ul .c-ui_post .c-select_download{width:276px;padding:8px 0;background:var(--color-white);box-shadow:0px 4px 12px 0px rgba(31,46,82,.2);border-radius:6px;position:absolute;left:50%;z-index:10;top:32px;opacity:0;pointer-events:none;transform:translate3d(0, 10px, 0);transition:opacity .3s ease 0s,transform .3s ease 0s}.c-list_design ul .c-ui_post .c-select_download ul{width:260px;display:block}.c-list_design ul .c-ui_post .c-select_download ul li{margin-bottom:4px}.c-list_design ul .c-ui_post .c-select_download ul li:last-child{margin-bottom:0px}.c-list_design ul .c-ui_post .c-select_download ul li a{display:flex;color:var(--color-icon-active-color);width:100%;padding-left:8px;border-radius:4px}.c-list_design ul .c-ui_post .c-select_download ul li a span.inr{justify-content:flex-start}.c-list_design ul .c-ui_post .c-select_download ul li a svg{fill:var(--color-icon-active-color)}.c-list_pager{width:100%;padding-bottom:48px;display:flex;justify-content:center;column-gap:16px}.c-list_pager a.pager{display:grid;place-content:center;border-radius:100vmax}.c-list_pager a.pager svg{fill:var(--color-txt-blue)}.c-list_pager a.pager[data-pager-prev] span.icon{rotate:180deg}.c-list_pager a.pager.disable{opacity:.2;pointer-events:none}.c-list_pager a.pager:hover{border:1px solid #cacaca;background:#f5f5f5}.c-list_pager ul{display:flex;justify-content:center;column-gap:16px}.c-list_pager ul li a{border-radius:100vmax;display:grid;place-content:center;font-size:var(--fs-12);color:var(--color-txt-blue)}.c-list_pager ul li a.active,.c-list_pager ul li a:hover{border:1px solid #cacaca;background:#f5f5f5}a.c-btn.center{display:grid;place-content:center}a.c-btn.black{background:var(--color-black)}a.c-btn.black span.txt{color:var(--color-white)}a.c-btn.blue{background:var(--color-lblue)}a.c-btn.blue span.txt{color:var(--color-white)}a.c-btn.round{border-radius:100vmax}a.c-btn.h40{height:40px}a.c-btn.h48{height:48px}a.c-btn span.txt{font-size:var(--fs-14)}a.c-btn span.icon_plus svg{fill:var(--color-white)}a.c-btn .inr{display:flex;align-items:center;column-gap:4px}.show_alert .modal_alert{opacity:1;pointer-events:auto}.c-modal{width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,.2);z-index:100;pointer-events:none;opacity:0;transition:opacity .6s ease}.c-modal .c-modal_inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.c-modal .c-modal_content{width:408px;background:var(--color-white);border-radius:8px;overflow:hidden;padding:20px 24px;box-shadow:0px 8px 24px 4px rgba(31,46,82,.2)}.c-modal p{font-size:var(--fs-14);font-weight:700;color:var(--color-txt-dblue)}.c-modal .c-btn_list{margin-top:32px}.c-modal .c-btn_list ul{display:flex;justify-content:flex-end;column-gap:16px}.c-modal .c-btn_list ul li button{width:100%}.c-modal .c-btn_list ul li button span.inr{justify-content:center}.c-modal .c-btn_list ul li:nth-child(1){width:119px}.c-modal .c-btn_list ul li:nth-child(2){width:91px}@media all and (min-width: 1024px){.c-list_design ul li.c-post:nth-child(2n) .c-ui_post .c-select_download{left:50%;right:auto}.c-list_design ul li.c-post:nth-child(3n) .c-ui_post .c-select_download{left:auto;right:0px}}@media all and (min-width: 1560px){.c-list_design ul li.c-post:nth-child(2n) .c-ui_post .c-select_download{left:50%;right:auto}.c-list_design ul li.c-post:nth-child(3n) .c-ui_post .c-select_download{left:50%;right:auto}.c-list_design ul li.c-post:nth-child(4n) .c-ui_post .c-select_download{left:auto;right:0px}}@media all and (min-width: 1920px){.c-list_design ul li.c-post:nth-child(2n) .c-ui_post .c-select_download{left:50%;right:auto}.c-list_design ul li.c-post:nth-child(3n) .c-ui_post .c-select_download{left:50%;right:auto}.c-list_design ul li.c-post:nth-child(4n) .c-ui_post .c-select_download{left:50%;right:auto}.c-list_design ul li.c-post:nth-child(5n) .c-ui_post .c-select_download{left:auto;right:0px}}@media all and (min-width: 2560px){.c-list_design ul li.c-post:nth-child(2n) .c-ui_post .c-select_download{left:50%;right:auto}.c-list_design ul li.c-post:nth-child(3n) .c-ui_post .c-select_download{left:50%;right:auto}.c-list_design ul li.c-post:nth-child(4n) .c-ui_post .c-select_download{left:50%;right:auto}.c-list_design ul li.c-post:nth-child(5n) .c-ui_post .c-select_download{left:50%;right:auto}.c-list_design ul li.c-post:nth-child(6n) .c-ui_post .c-select_download{left:auto;right:0px}}@media(any-hover: hover){button#login{transition:opacity .15s linear}button#login:hover{opacity:.6;transition:opacity 0s linear}nav button[data-print]{position:relative}nav button[data-print]:before{content:"";width:100%;height:100%;position:absolute;top:0px;left:0px;background:var(--color-dblue);opacity:0;transition:opacity .15s linear}nav button[data-print] .inr{position:relative}nav button[data-print]:hover:before{opacity:.1;transition:opacity 0s linear}nav button[data-save]{transition:opacity .15s linear}nav button[data-save]:hover{opacity:.5;transition:opacity 0s linear}button#logout{position:relative;overflow:hidden;border-radius:8px}button#logout:before{content:"";width:100%;height:100%;position:absolute;top:0px;left:0px;background:var(--color-dblue);opacity:0;transition:opacity .15s linear}button#logout .inr{position:relative}button#logout:hover:before{opacity:.1;transition:opacity 0s linear}.nav_logout button#logout{position:relative;overflow:hidden;border-radius:8px}.nav_logout button#logout:before{content:"";width:100%;height:100%;position:absolute;top:0px;left:0px;background:var(--color-white);opacity:0;transition:opacity .15s linear}.nav_logout button#logout .inr{position:relative}.nav_logout button#logout:hover:before{opacity:.3;transition:opacity 0s linear}a[data-btn-new]{transition:background .15s linear}a[data-btn-new]:hover{background:rgba(77,115,204,.8);transition:background 0s linear}.c-ui_post ul li button{transition:opacity .15s linear}.c-ui_post ul li button:hover{opacity:.5;transition:opacity 0s linear}.c-ui_post .c-select_download ul li a:hover{background:#f0f5ff}}