/* */
@charset "UTF-8";/*!
Theme: hbm-simple-p2
Author: Hatena Blog Team
Responsive: yes
*/.hatena-module-custom-hidden{display:none}.hatena-module-body__detail{background:#505050}.urllist-see-more a,.SingleContact__btn{background:#505050;border:1px solid #505050}#GoTopBtn{background:#505050}html{font-size:62.5%;box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}body{font-size:1.6rem}html,body{word-wrap:break-word;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;line-height:1.5;color:#010101}*{background-repeat:no-repeat;padding:0;margin:0}*,:before,:after{box-sizing:border-box}:before,:after{text-decoration:inherit;vertical-align:inherit}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,[type=button],[type=reset],[type=submit] [role=button]{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}optgroup{font-weight:700}button{overflow:visible}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0}button:-moz-focusring,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{outline:1px dotted ButtonText}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button,select{text-transform:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none;height:auto}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}.pc_block{display:block}@media only screen and (max-width: 767px){.pc_block{display:none}}.pc_inline{display:inline}@media only screen and (max-width: 767px){.pc_inline{display:none}}.sp_block{display:none}@media only screen and (max-width: 767px){.sp_block{display:block}}.sp_inline{display:none}@media only screen and (max-width: 767px){.sp_inline{display:inline}}li{list-style:none}a{text-decoration:none;color:inherit;transition:.5s}a:hover{transition:.2s;opacity:.5}button{border:none;background:none}.ft_mid{font-weight:500}.ft_bold{font-weight:700}.hatena-module-search-box .hatena-module-title{display:none}.defFlex,.archive-entries,#entry-footer-secondary-modules .hatena-module-related-entries .related-entries{display:flex;flex-wrap:wrap;gap:24px}@media only screen and (max-width: 767px){#entry-footer-secondary-modules .hatena-module-related-entries .related-entries{flex-direction:column}}.archive-entries section,.urllist-categories,.archive-entries section .categories,.entry-categories,.hatena-module-category .hatena-urllist{display:flex;flex-wrap:wrap;gap:6px}.archive-entries section .category>a,.urllist-categories a,.archive-entries section .categories a,.entry-categories a,.hatena-module-category .hatena-urllist a{display:inline-block;background-color:#fff;color:#505050;font-size:12px;margin:0;padding:.3em .9em;border-radius:6px;border:1px solid #dddddd;line-height:1.5}@media only screen and (max-width: 767px){.archive-entries section .category>a,.urllist-categories a,.archive-entries section .categories a,.entry-categories a,.hatena-module-category .hatena-urllist a{font-size:10px}}.urllist-date-link{margin:0 0 4px}.archive-date a:before,.urllist-date-link a:before,.entry-date a:before{content:"";background-image:url(https://cdn.blog.st-hatena.com/css/theme/hbm-simple-p2/images/data.svg?version=4f1cb770a72175570fc55ef0e22b7c);background-repeat:no-repeat;display:inline-block;height:1.6rem;width:1.6rem;background-position:0 0}.archive-date a:before{margin-top:-2px}.urllist-date-link time{color:#626262;font-size:13px;vertical-align:top}.urllist-title-link{display:-webkit-box;font-size:18px;font-weight:600;line-height:1.6;margin:0 0 8px;width:100%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.urllist-entry-body{margin-top:1em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#747474}@media only screen and (max-width: 767px){.urllist-title-link{font-size:16px}}.pager{display:block;margin:auto;position:relative}.pager-next .pager-arrow,.page-archive .pager-next .pager-arrow,.pager-prev .pager-arrow,.page-archive .pager-prev .pager-arrow,.autopagerize_insert_before .pager-prev a:before,.autopagerize_insert_before .pager-next a:before{position:absolute;top:0;bottom:0;width:.5em;height:.5em;margin:auto;border-top:1px solid;border-left:1px solid;text-indent:100%;overflow:hidden}.autopagerize_insert_before .pager-prev a:before,.autopagerize_insert_before .pager-next a:before{content:""}.pager-next .pager-arrow,.page-archive .pager .pager-next .pager-arrow,.autopagerize_insert_before .pager-next a:before{right:-1em;transform:rotate(135deg)}.pager-prev .pager-arrow,.page-archive .pager .pager-prev .pager-arrow,.autopagerize_insert_before .pager-prev a:before{left:-1em;transform:rotate(315deg)}.pager-prev:nth-last-of-type(1){border-right:none;padding:0}.urllist-image{width:100%}.urllist-image-link{display:block;aspect-ratio:16/9}.urllist-image-link .urllist-image{display:block;border-radius:6px;overflow:hidden;margin:0 0 18px;aspect-ratio:16/9;object-fit:cover}@media only screen and (max-width: 767px){.urllist-image-link .urllist-image{margin:0 0 12px}}.defBlock .date span,.archive-entries section .date span,#entry-footer-secondary-modules .hatena-module-related-entries .ele .date span{color:#626262;font-size:12px;line-height:13px;vertical-align:top}@media only screen and (max-width: 767px){.defBlock .date span,.archive-entries section .date span,#entry-footer-secondary-modules .hatena-module-related-entries .ele .date span{line-height:9px}}.defBlock .ttl,.archive-entries section .ttl,#entry-footer-secondary-modules .hatena-module-related-entries .ele .ttl{display:block;font-size:16px;font-weight:700;line-height:1.6;margin:0 0 24px}@media only screen and (max-width: 767px){.defBlock .ttl,.archive-entries section .ttl,#entry-footer-secondary-modules .hatena-module-related-entries .ele .ttl{font-size:14px;line-height:1.5;margin:0 0 9px}}.urllist-see-more a,.SingleContact__btn{display:block;width:78%;max-width:450px;color:#fff;text-align:center;font-size:16px;padding:12px;position:relative;border-radius:6px}@media only screen and (max-width: 767px){.urllist-see-more a,.SingleContact__btn{font-size:14px}}.blog-header{width:100%;padding:8px calc(50% - 600px) 0;background:#fff}@media only screen and (max-width: 1279px){.blog-header{padding:16px 5vw 0}}@media only screen and (max-width: 767px){.blog-header{position:static;height:auto;padding:18px 5vw 14px;border-bottom:1px solid #eee}}.blog-header-inner{position:relative;max-width:1200px;margin:0 auto;padding-right:180px}@media only screen and (max-width: 767px){.blog-header-inner{padding:0 50px 0 0}}#hbm-head-media-logo{width:calc(100% - 240px);font-weight:700;font-size:33px;line-height:1.4;display:block;margin:0 0 10px}@media only screen and (max-width: 1024px){#hbm-head-media-logo{font-size:30px}}@media only screen and (max-width: 767px){#hbm-head-media-logo{width:calc(100% - 30px);font-size:18px;margin:0 0 6px}}.blog-description{font-size:14px;line-height:1.4}@media only screen and (max-width: 767px){.blog-description{font-size:12px;transform:scale(.9);margin:0 0 0 -5%}}.blog-header .header-search{display:block;position:absolute;top:50%;right:0;width:170px;z-index:2;transform:translateY(-50%);width:240px}@media only screen and (max-width: 767px){.blog-header .header-search{display:none}}.header-search .search-module-input,.header-search .search-result-input{font-size:1.2rem;padding:10px 16px;border:none;border-radius:6px;width:100%}@media only screen and (max-width: 1279px){.header-search .search-module-input,.header-search .search-result-input{font-size:14px}}.header-search .search-module-button,.header-search .search-result-button{width:30px}.navbar-toggle-nav{display:none}@media only screen and (max-width: 767px){.navbar-toggle-nav{display:block;position:fixed;top:10px;right:10px;margin:auto;text-align:center;z-index:1000}}.navbar-toggle-btn{display:block;width:52px;height:52px;background-color:#fff;cursor:pointer}.navbar-toggle-btn>span{display:block;position:absolute;top:50%;left:50%;margin-top:-1px;margin-left:-16px;width:32px;height:2px;border-radius:2px;background:#333;content:"";transition:all .3s ease-in-out}.navbar-toggle-btn>span:first-child{top:calc(50% - 8px)}.navbar-toggle-btn>span:nth-child(2){top:calc(50% + 8px)}.navbar-toggle-btn.-open span:first-child{top:50%;transform:rotate(45deg)}.navbar-toggle-btn.-open span:nth-child(2){top:50%;transform:rotate(-45deg)}.navbar-toggle-btn.-open span:nth-child(3){background-color:transparent}.navbar{display:block;position:sticky;padding:0 3vw;box-shadow:0 1px 1px #0000001a;width:100%;z-index:999;background:#fff;top:-1px}@media only screen and (max-width: 767px){.navbar{position:fixed;transition:transform .3s ease-out;transform:translateY(-101%);padding:24px 7vw;top:0;left:0;right:0}.navbar.-open{transform:translateY(0);padding-top:70px;box-shadow:0 4px 4px #0003}}.navbar.not-fixed{position:relative;top:0}.navbar-inner{position:relative;max-width:1240px;margin:0 auto}@media only screen and (max-width: 767px){.navbar-inner{scrollbar-width:none;-ms-overflow-style:none;max-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.navbar-inner::-webkit-scrollbar{display:none}}.navbar-list{display:flex;justify-content:center;align-items:center;margin:0}@media only screen and (max-width: 767px){.navbar-list{margin:0;padding:0;list-style:none;flex-direction:column}}.navbar-list a{display:inline-block;font-size:16px;font-weight:600;line-height:1.5;margin:12px 0;padding:4px 1.5em}@media only screen and (max-width: 767px){.navbar-list a{display:flex;justify-content:center;align-items:center;text-align:center;background:transparent;font-size:16px}}.navbar .header-search{display:none}@media only screen and (max-width: 767px){.navbar .header-search{display:block;padding-bottom:20px;background-color:#fff}}.breadcrumb{width:100%;padding:16px 5vw;background:#f8f8f8;margin-bottom:0!important}@media only screen and (max-width: 767px){.breadcrumb{margin:0;padding:8px 5vw}}@media only screen and (max-width: 767px){.breadcrumb .breadcrumb-inner{padding:0 12px 0 0;position:relative}}.breadcrumb .breadcrumb-inner.active:before{display:inline-block}.breadcrumb a,.breadcrumb span{color:#747474;font-size:12px}@media only screen and (max-width: 767px){.breadcrumb a,.breadcrumb span{transform:scale(.8)}}.hatena-module-custom-pickupSlider{position:relative;margin-bottom:80px;background:#010101}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider{margin-bottom:40px}}.hatena-module-custom-pickupSlider .recent-entries-item-inner{position:relative;max-width:100%;margin:auto;display:grid;grid-template-rows:auto;grid-template-areas:"entries-image entries-image" "date-link entry-body" "entries-title entry-body" "entries-categories entry-body";gap:0 4%;grid-template-columns:2fr 1fr;padding:16px}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider .recent-entries-item-inner{grid-template-areas:"entries-image" "entries-title" "date-link" "entries-categories" "entry-body";gap:0;grid-template-columns:auto;margin-left:0;margin-right:0;padding:0 0 20px}.hatena-module-custom-pickupSlider .recent-entries-date-link,.hatena-module-custom-pickupSlider .recent-entries-title,.hatena-module-custom-pickupSlider .recent-entries-categories,.hatena-module-custom-pickupSlider .recent-entries-entry-body{margin-left:2vw;margin-right:2vw}}.hatena-module-custom-pickupSlider .recent-entries-image-link{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:3;grid-area:entries-image}.hatena-module-custom-pickupSlider .recent-entries-date-link{-ms-grid-row:3;-ms-grid-column:1;grid-area:date-link}.hatena-module-custom-pickupSlider .recent-entries-title{-ms-grid-row:5;-ms-grid-column:1;grid-area:entries-title}.hatena-module-custom-pickupSlider .recent-entries-categories{-ms-grid-row:7;-ms-grid-column:1;grid-area:entries-categories}.hatena-module-custom-pickupSlider .recent-entries-entry-body{-ms-grid-row:3;-ms-grid-row-span:5;-ms-grid-column:3;grid-area:entry-body;font-size:14px}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider .recent-entries-image-link{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.hatena-module-custom-pickupSlider .recent-entries-date-link{-ms-grid-row:5;-ms-grid-column:1}.hatena-module-custom-pickupSlider .recent-entries-title{-ms-grid-row:3;-ms-grid-column:1}.hatena-module-custom-pickupSlider .recent-entries-categories{-ms-grid-row:7;-ms-grid-column:1}.hatena-module-custom-pickupSlider .recent-entries-entry-body{-ms-grid-row:9;-ms-grid-row-span:1;-ms-grid-column:1}}.hatena-module-custom-pickupSlider .hatena-module-title{display:none}.hatena-module-custom-pickupSlider .hatena-module-body{background:#222;margin:auto;width:100%;overflow:hidden}.hatena-module-custom-pickupSlider .hatena-module-body:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:999;width:50px;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(farthest-side,#fff 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,#fff);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:loadingAnime 1s infinite linear}@keyframes loadingAnime{to{transform:rotate(1turn)}}.hatena-module-custom-pickupSlider .hatena-module-body.st-load:before{display:none}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider .hatena-module-body{padding:0 10px 12px}.hatena-module-custom-pickupSlider .hatena-module-body.swiper-initialized{padding:0 0 12px}}.hatena-module-custom-pickupSlider .hatena-module-body ul{display:flex;justify-content:center}.hatena-module-custom-pickupSlider .hatena-module-body.swiper-initialized ul{justify-content:flex-start}.hatena-module-custom-pickupSlider .hatena-module-body li{opacity:0;transition:opacity .3s ease}.hatena-module-custom-pickupSlider .hatena-module-body.st-load li{opacity:1}.hatena-module-custom-pickupSlider .hatena-module-body .urllist-item{min-width:100%}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider .hatena-module-body .urllist-item{padding-top:16px}}.hatena-module-custom-pickupSlider .hatena-module-body .urllist-item.swiper-slide{min-width:auto;padding-bottom:10px}.hatena-module-custom-pickupSlider .urllist-date-link a,.hatena-module-custom-pickupSlider .urllist-title-link,.hatena-module-custom-pickupSlider time,.hatena-module-custom-pickupSlider .urllist-entry-body{color:#fff}.hatena-module-custom-pickupSlider .hatena-module-title a{display:block;width:90px;height:90px;color:#fff;border:1px solid #ffffff;border-radius:50%;text-align:center;padding:33px 0 0;margin:0 32px 0 0}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider .hatena-module-title a{font-size:12px;transform:scale(.9);width:50px;height:50px;margin:0 0 5px;padding:20px 0 0}}.hatena-module-custom-pickupSlider .recent-entries-item-inner .recent-entries-image-link{width:100%;margin-bottom:20px;min-height:46.6875vw}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider .recent-entries-item-inner .recent-entries-image-link{max-width:none;position:relative;display:block;width:100%;margin:0 auto 20px}}.hatena-module-custom-pickupSlider .recent-entries-item-inner .recent-entries-image-link:hover{opacity:1}.hatena-module-custom-pickupSlider .recent-entries-item-inner .recent-entries-image-link img{width:100%;border-radius:6px;margin:0}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider .recent-entries-item-inner .recent-entries-image-link img{max-width:none;position:absolute;top:0;left:0;object-fit:cover;display:block;width:100%;height:100%}}@media only screen and (min-width: 1200px){.hatena-module-custom-pickupSlider .hatena-module-body .urllist-item.swiper-slide{max-width:800px}.hatena-module-custom-pickupSlider .recent-entries-item-inner .recent-entries-image-link{max-width:800px;min-height:432px}}.hatena-module-custom-pickupSlider .urllist-date-link{margin-bottom:8px}.hatena-module-custom-pickupSlider .urllist-date-link a:before{content:"";background-image:url(https://cdn.blog.st-hatena.com/css/theme/hbm-simple-p2/images/data-white.svg?version=4f1cb770a72175570fc55ef0e22b7c);display:inline-block;height:1.6rem;width:1.6rem;vertical-align:middle;margin-right:2px}.hatena-module-custom-pickupSlider .urllist-title-link{font-weight:700;font-size:20px;line-height:1.7;color:#fff;margin-bottom:8px}@media only screen and (max-width: 767px){.hatena-module-custom-pickupSlider .urllist-title-link{font-size:18px;line-height:1.5}}.hatena-module-custom-pickupSlider .urllist-categories{margin-bottom:8px}.hatena-module-custom-pickupSlider .swiper-pagination{bottom:16px}.hatena-module-custom-pickupSlider .swiper-pagination-bullet{background:#fff}.hatena-module-custom-pickupSlider .hatena-module-body:not(.swiper-initialized) .urllist-item.swiper-slide,.hatena-module-custom-pickupSlider .hatena-module-body:not(.swiper-initialized) .recent-entries-item-inner .recent-entries-image-link{max-width:1200px!important}@media only screen and (min-width: 1217px){.hatena-module-custom-pickupSlider .hatena-module-body:not(.swiper-initialized) .urllist-item.swiper-slide{margin:0 16px}.hatena-module-custom-pickupSlider .hatena-module-body:not(.swiper-initialized) .recent-entries-item-inner{padding:16px 0}}.hatena-module-custom-news{display:block;width:90vw;max-width:1200px;margin:0 auto 72px}.hatena-module-custom-news .hatena-module-title{margin:43px auto 28px;display:flex;align-items:center}.hatena-module-custom-news .hatena-module-title a{font-size:14px}.hatena-module-custom-news .hatena-module-title:before{content:"News";display:inline-block;font-family:Pacifico,cursive;font-size:33px;margin:0 24px 0 0}@media only screen and (max-width: 767px){.hatena-module-custom-news .hatena-module-title:before{font-size:22px;margin:0 16px 0 0}}.hatena-module-custom-news .hatena-module-body{margin:0 auto 72px}@media only screen and (max-width: 767px){.hatena-module-custom-news .hatena-module-body{margin:0 auto}}.hatena-module-custom-news .hatena-module-body .recent-entries{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:24px}.page-index #main-inner .hatena-module-title:before{content:"Articles"}.page-index #main-inner .hatena-urllist{flex-wrap:wrap;gap:24px}.page-index #main-inner .hatena-module-body .hatena-urllist{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap}.page-index #main-inner .hatena-urllist .urllist-item{width:100%;background-color:#fff;border-radius:6px;padding:20px}.page-index #main-inner .hatena-urllist.urllist-with-thumbnails .urllist-item{width:calc((100% - 48px) / 3)}.page-index #main-inner .hatena-urllist.urllist-with-thumbnails .urllist-title-link{width:100%}.page-index #main-inner .hatena-urllist .urllist-item .urllist-item-inner>*:last-child{margin-bottom:0}@media only screen and (max-width: 1200px){.page-index #main-inner .hatena-urllist{flex-wrap:wrap;gap:12px}.page-index #main-inner .hatena-urllist.urllist-with-thumbnails .urllist-item{width:calc((100% - 24px) / 3)}}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-urllist.urllist-with-thumbnails .urllist-item{width:calc((100% - 12px)/2);padding:10px}}@media only screen and (max-width: 430px){.page-index #main-inner .hatena-urllist.urllist-with-thumbnails .urllist-title-link{font-size:14px}.page-index #main-inner .hatena-urllist.urllist-with-thumbnails .urllist-categories a{font-size:10px}}.page-index #main-inner .hatena-urllist .urllist-image-link{display:block}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-urllist .urllist-image{width:100%}}.hatena-module-custom-news .hatena-module-body li{width:calc(25% - 18px)}#box2 #box2-inner .hatena-module .hatena-urllist{display:flex;flex-wrap:wrap;gap:24px}#box2 #box2-inner .urllist-entry-body{font-size:80%}#box2 #box2-inner .archive-module-year{width:100%}#box2 #box2-inner .hatena-module.hatena-module-category .hatena-urllist{gap:6px 10px}@media (min-width: 768px) and (max-width:900px){.hatena-module-custom-news .hatena-module-body li,.page-index #main-inner .hatena-module-recent-entries.hatena-urllist .urllist-item,#box2 #box2-inner .hatena-module .urllist-with-thumbnails li{width:calc(50% - 12px)}}@media only screen and (max-width: 767px){#box2 #box2-inner .hatena-module .urllist-with-thumbnails{display:block}.hatena-module-custom-news .hatena-module-body li{width:100%;margin-bottom:24px}.hatena-module-custom-news .hatena-module-body li:last-child{margin-bottom:0}}.page-index #main-inner .hatena-module-title{margin:0 auto 28px;display:flex;align-items:center}.page-index #main-inner .hatena-module-title a{font-size:14px}.page-index #main-inner .hatena-module-title:before{display:inline-block;font-family:Pacifico,cursive;font-size:33px;margin:0 24px 0 0}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-module-title:before{font-size:22px;margin:0 16px 0 0}}.page-index #main-inner .hatena-module-custom-special .hatena-module-title:before{content:"Special Feature"}.page-index #main-inner .hatena-module-custom-special .hatena-urllist{flex-direction:column}.page-index #main-inner .hatena-module-custom-special .hatena-module-body .hatena-urllist .urllist-item{position:relative;width:100%;margin-bottom:24px;padding:20px}.page-index #main-inner .hatena-module-custom-special .hatena-module-body .hatena-urllist .urllist-item:last-child{margin-bottom:0}.page-index #main-inner .hatena-module-custom-special .hatena-module-body .hatena-urllist .urllist-item:before{position:absolute;top:0;left:15px;content:"";width:52px;height:55px;background:url(https://cdn.blog.st-hatena.com/css/theme/hbm-simple-p2/images/icon-special.svg?version=4f1cb770a72175570fc55ef0e22b7c) no-repeat;z-index:10}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-module-custom-special .hatena-module-body .hatena-urllist .urllist-item:before{left:10px;background-size:contain}}.page-index #main-inner .hatena-module-custom-special .hatena-urllist .urllist-image-link{width:50%;float:left;margin-right:1em}.page-index #main-inner .hatena-module-custom-special .urllist-with-thumbnails li .urllist-image{margin-right:20px}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-module-custom-special .hatena-urllist .urllist-image-link{width:100%}.page-index #main-inner .hatena-module-custom-special .urllist-with-thumbnails li .urllist-image{margin-right:0}}.page-index #main-inner .hatena-module-custom-special .hatena-urllist .urllist-title-link{font-size:20px;width:auto}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-module-custom-special .hatena-urllist .urllist-title-link{font-size:18px;line-height:1.5}}.page-index #main-inner .hatena-module-custom-special .hatena-urllist .urllist-categories{margin:0 0 12px}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-module-custom-special .hatena-urllist .urllist-categories{margin:0 0 4px}}.page-index #main-inner .hatena-module-custom-special .hatena-urllist .urllist-entry-body{font-size:1.6rem;line-height:1.7}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-module-custom-special .hatena-urllist .urllist-entry-body{font-size:1.4rem}}.page-index #main-inner .hatena-module{margin-bottom:80px}.urllist-see-more{margin-top:40px}@media only screen and (max-width: 767px){.page-index #main-inner .hatena-module{margin-bottom:60px}}.urllist-see-more a{margin:0 auto}.urllist-with-thumbnails li .urllist-image{margin-bottom:1rem}#content-inner{background:#f8f8f8;padding:50px calc(50% - 600px) 90px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}@media only screen and (max-width: 1279px){#content-inner{padding:50px 5vw 90px}}@media (min-width:768px) and (max-width: 900px){#content-inner{display:block}}@media only screen and (max-width: 767px){#content-inner{flex-direction:column;padding:32px 24px}}#content-inner #wrapper{width:73%}@media only screen and (max-width: 1279px){#content-inner #wrapper{width:68%}}@media only screen and (max-width: 1279px){.static-page-layout-header-footer #content-inner #wrapper{width:100%}.static-page-layout-header-footer #content-inner{padding:56px calc(50% - 540px) 90px}}@media only screen and (max-width: 900px){#content-inner #wrapper{width:100%}}@media (max-width: 767px){.page-static_page #content-inner{padding:16px calc(50% - 540px);background:#fff}}#content-inner #box2{width:23%}@media only screen and (max-width: 1279px){#content-inner #box2{width:28%}}@media only screen and (max-width: 900px){#content-inner #box2{width:100%}}.AboutMedia{background:#ebebeb;border-radius:6px;padding:24px;margin:0 0 32px}@media only screen and (max-width: 900px){.AboutMedia{margin:40px 0 36px}}.AboutMedia__ttl{font-size:18px;font-weight:700;margin:0 0 12px;line-height:1.5}@media only screen and (max-width: 767px){.AboutMedia__ttl{text-align:center;margin:0 0 16px}}.AboutMedia__image{margin:0 0 12px;text-align:center}@media only screen and (max-width: 767px){.AboutMedia__image{text-align:center;margin:0 0 13px}}.AboutMedia__des{font-size:14px;line-height:2}@media only screen and (max-width: 767px){.AboutMedia__des{line-height:1.7}}.AboutMedia__comment{font-size:14px;text-align:center;font-weight:500;margin:24px 0 20px;padding:24px 0 0;border-top:1px solid #bfbfbf}@media only screen and (max-width: 767px){.AboutMedia__comment{margin:20px 0;padding:16px 0 0}}.AboutMedia__links{display:flex;justify-content:center;align-items:center;gap:16px}#box2 .hatena-module-title{font-size:18px;font-weight:700;padding:0 0 16px;border-bottom:1px solid #747474;margin:50px 0 25px}#box2 .hatena-module-title>a{font-weight:700}@media only screen and (max-width: 767px){.page-static_page #box2{padding:0 7%}#box2 .hatena-module-title{margin:32px 0 20px}}#box2 .urllist-item-inner{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px 0}#box2 .urllist-with-thumbnails .urllist-item-inner{flex-direction:row;gap:0 15px;align-items:center}@media only screen and (max-width: 767px){#box2 .urllist-item-inner{margin:0 0 18px}}#box2 .urllist-item-inner .urllist-image-link{border-radius:50%;overflow:hidden;margin:0;aspect-ratio:1/1;order:0}@media only screen and (max-width: 767px){#box2 .urllist-image-link{margin:0 10px 0 0}}#box2 .urllist-image-link .urllist-image{margin:0;aspect-ratio:1/1}#box2 .urllist-item-inner>*{order:1}#box2 .urllist-item-inner .urllist-title-link{font-weight:500;font-size:16px;line-height:1.7;margin-bottom:0;order:0}#box2 .urllist-with-thumbnails .urllist-title-link{width:calc(100% - 85px)}@media only screen and (max-width: 767px){#box2 .urllist-item-inner .urllist-title-link{line-height:1.6}#box2 .urllist-with-thumbnails .urllist-title-link{width:calc(100% - 65px)}}#box2 .hatena-module-category .hatena-urllist li{display:inline}#box2 .hatena-module-category .hatena-urllist a{font-size:14px;padding:4px 12px}@media only screen and (max-width: 767px){.archive-header-category{margin-bottom:2em}}.archive-module-calendar th{padding:10px 0}.archive-module-calendar th,.archive-module-calendar td{padding:8px 0}.archive-module-calendar th{font-size:12px;text-align:center}.archive-module-months .archive-module-month{margin-bottom:4px}.archive-module-year>a,.archive-module-month>a{font-size:16px;line-height:1.7}.calendar-day{width:30px;height:30px}.calendar-day a{color:#fff;display:inline-block;width:25px;height:25px;border-radius:50%;background:#222;line-height:26px;text-align:center}.hatena-module-links li{line-height:1.5}.page-index #main-inner .hatena-module-entries-access-ranking .hatena-module-title:before{content:"Ranking"}.entries-access-ranking{counter-reset:ranking}.entries-access-ranking-item{position:relative;counter-increment:ranking;overflow:hidden}.entries-access-ranking-item:before{display:block;position:absolute;top:0;left:0;width:24px;height:24px;background:#333;color:#fff;font-size:14px;font-weight:400;line-height:24px;text-align:center;z-index:1;content:counter(ranking);border-radius:50%}.entries-access-ranking-item.rank-1:before{background:#d1be37}.entries-access-ranking-item.rank-2:before{background:#b1b1b1}.entries-access-ranking-item.rank-3:before{background:#978475}#box2 .hatena-urllist:not(.urllist-with-thumbnails) .entries-access-ranking-item{padding-left:30px}@media (max-width:900px){.side-pickup{text-align:center}}.side-pickup li{margin-bottom:16px}.blog-footer{height:219px;padding:37px calc(50% - 600px) 0}@media (min-width:768px) and (max-width:900px){.blog-footer{height:270px}}@media only screen and (max-width: 767px){.blog-footer{padding:22px 5vw 0;border-top:1px solid #eee}}.blog-footer__logo{display:block;max-width:200px;margin:0 auto 22px;text-align:center}@media only screen and (max-width: 767px){.blog-footer__logo{margin:0 auto 7px}}.blog-footer__nav{text-align:center;margin:0 0 35px}@media only screen and (max-width: 767px){.blog-footer__nav{margin:0 0 18px}}.blog-footer__nav a{color:#747474;font-size:14px;border-right:1px solid #747474;padding:0 10px 0 0;margin:0 10px 0 0}@media only screen and (max-width: 767px){.blog-footer__nav a{font-size:12px;padding:0 7px 0 0;margin:0 7px 0 0}}.blog-footer__nav a:nth-last-of-type(1){border-right:none;padding:0;margin:0}.blog-footer__copy{font-size:12px;text-align:center;color:#747474}@media only screen and (max-width: 767px){.blog-footer__copy{transform:scale(.9)}}#GoTopBtn{opacity:.5;width:50px;height:50px;display:flex;flex-direction:row;justify-content:center;align-items:center;position:fixed;bottom:20px;right:20px;cursor:pointer;transition:.5s}@media only screen and (max-width: 900px){#GoTopBtn{width:35px;height:35px;bottom:20px}}@media only screen and (max-width: 900px){.page-entry #GoTopBtn{bottom:80px}}#GoTopBtn:hover{transition:.2s;opacity:.5}#GoTopBtn img{width:22px}@media only screen and (max-width: 767px){#GoTopBtn img{width:10px}}form.search-form{border:1px solid #747474;border-radius:6px;position:relative}form.search-form input[type=text]{font-size:14px;padding:9px 13px;border:none;border-radius:6px;width:100%}@media only screen and (max-width: 767px){form.search-form input[type=text]{padding:13px}}form.search-form input[type=submit]{width:20px;height:20px;position:absolute;top:.7rem;right:1rem;background:url(https://cdn.blog.st-hatena.com/css/theme/hbm-simple-p2/images/icon-search.svg?version=4f1cb770a72175570fc55ef0e22b7c);color:transparent;border:none}@media only screen and (max-width: 767px){form.search-form input[type=submit]{top:1rem}}#box2-inner form.search-form{margin:40px 0 60px}@media only screen and (max-width: 767px){#box2-inner form.search-form{margin:35px 0}}@keyframes ani_sea{0%{position:fixed;transform:translateY(-70px)}to{position:fixed;transform:translateY(0)}}#box2-inner .hatena-module-search-box:nth-of-type(1).active{animation:ani_sea 1s forwards}#box2-inner .hatena-module-search-box:nth-of-type(1) form.search-form{margin:0}#header-modules .hatena-module-search-box.active,#entry-header-modules .hatena-module-search-box.active{animation:ani_sea 1s forwards}#main-inner h2.archive-heading{font-size:26px!important;font-weight:700;line-height:1.5;margin-bottom:32px}@media only screen and (max-width: 767px){#main-inner h2.archive-heading{font-size:20px!important;margin-bottom:20px}}.page-archive .archive-entries{margin-bottom:24px}.page-archive .pager{margin:40px 0}.archive-entries .archive-entry{display:flex;flex-direction:column;flex-wrap:nowrap;padding-top:0;width:calc(33.3% - 16px)}.archive-entry .archive-entry-header,.archive-entry .categories,.archive-entry .archive-entry-body{order:1}.archive-entries .archive-entry .entry-thumb-link{position:relative;order:0;aspect-ratio:16/9;margin:0 0 1em;border-radius:6px;overflow:hidden;transition:none}.archive-entries .archive-entry .entry-thumb{width:100%;height:100%;margin:0}.archive-entries .archive-entry .entry-title{padding:0;margin:0 0 12px}@media only screen and (max-width: 900px){.archive-entries .archive-entry{width:calc(50% - 12px)}}@media only screen and (max-width: 767px){.archive-entries .archive-entry .entry-title{margin:0 0 8px}}.archive-entries .archive-entry .entry-title a{display:block;font-size:16px;font-weight:700;line-height:1.6}@media only screen and (max-width: 767px){.archive-entries .archive-entry .entry-title a{font-size:14px;line-height:1.5}}@media only screen and (max-width: 767px){.archive-entries .archive-entry .categories{display:none}}.archive-entries .archive-entry .archive-entry-body{display:none}.entry-date{padding:0 0 11px}@media only screen and (max-width: 767px){.entry-date{padding:0 0 5px}}.entry-date img,.entry-date span{display:inline-block;vertical-align:top}.entry-date img{width:16px;margin:0 7px 0 0}@media only screen and (max-width: 767px){.entry-date img{width:9px;margin:0 5px 0 0}}.entry-date span,.entry-date a{color:#626262;font-size:14px}@media only screen and (max-width: 767px){.entry-date span,.entry-date a{font-size:12px}}.entry-title{padding:0 0 16px}@media only screen and (max-width: 767px){.entry-title{padding:0 0 11px}}.entry-title a{font-size:26px;line-height:1.5;font-weight:700}@media only screen and (max-width: 767px){.entry-title a{font-size:20px;line-height:1.4}}.entry-categories{padding:0 0 40px}@media only screen and (max-width: 767px){.entry-categories{padding:0 0 18px}}.entry-content .table-of-contents{margin:0 auto 65px;border:1px solid #d0d0d0;padding:22px 40px;border-radius:6px}@media only screen and (max-width: 767px){.entry-content .table-of-contents{margin:0 auto 40px;padding:16px 16px 16px 40px}}.entry-content .table-of-contents a{display:block;font-size:16px;line-height:2;text-decoration:underline}@media only screen and (max-width: 767px){.entry-content .table-of-contents a{font-size:14px;line-height:1.4;margin:0 0 10px}}@media only screen and (max-width: 767px){.entry-content .table-of-contents a:nth-last-of-type(1){margin:0}}.SingleReader{margin:0 auto 40px;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;border-radius:6px;overflow:hidden;background:#505050}@media only screen and (max-width: 767px){.SingleReader{flex-direction:column;align-items:center;padding:0 0 8px;margin:0 auto 32px}}.SingleReader__image{overflow:hidden;max-width:50%}@media only screen and (max-width: 767px){.SingleReader__image{margin:0 auto 8px;overflow:inherit;max-width:100%}}.SingleReader__image img{width:100%;max-width:none;height:100%;object-fit:cover}@media only screen and (max-width: 767px){.SingleReader__image img{width:100%;max-width:100%;height:auto}}.SingleReader__detail{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 0}@media only screen and (max-width: 767px){.SingleReader__detail{width:100%}}.SingleReader__detail__text{color:#fff;font-size:22px;line-height:1.6;text-align:center;font-weight:500;margin:8px 0}@media only screen and (max-width: 767px){.SingleReader__detail__text{font-size:16px}}.SingleReader__detail__btn{margin:0 auto;text-align:center}.SingleReader__detail__btn span{font-size:14px}@media only screen and (max-width: 767px){.SingleReader__detail__btn span{font-size:12px}}.SingleContact{margin:0 auto 65px;padding:36px 0 40px;border:1px solid #707070;border-radius:6px}@media only screen and (max-width: 767px){.SingleContact{margin:0 auto 30px;padding:18px 1.4rem 20px}}.SingleContact__icon{width:46px;margin:0 auto 20px}@media only screen and (max-width: 767px){.SingleContact__icon{width:32px;margin:0 auto 10px}}.SingleContact__ttl{font-size:22px;font-weight:700;text-align:center;margin:0 0 19px}@media only screen and (max-width: 767px){.SingleContact__ttl{font-size:16px;margin:0 0 11px}}.SingleContact__text{font-size:16px;line-height:2;text-align:center;margin:0 0 25px}@media only screen and (max-width: 767px){.SingleContact__text{font-size:14px;line-height:1.6;margin:0 0 20px;text-align:left}}.SingleContact__btn{margin:0 auto}@media only screen and (max-width: 767px){.SingleContact__btn{width:100%}}#entry-footer-secondary-modules .hatena-module-html .hatena-module-title{display:none}#entry-footer-secondary-modules .hatena-module-related-entries{margin:0 auto 28px}#entry-footer-secondary-modules .hatena-module-related-entries .hatena-module-title{margin:43px auto 28px}#entry-footer-secondary-modules .hatena-module-related-entries .hatena-module-title:before{content:"Released";display:inline-block;font-family:Pacifico,cursive;font-size:33px;margin:0 24px 0 0}@media only screen and (max-width: 767px){#entry-footer-secondary-modules .hatena-module-related-entries .hatena-module-title:before{font-size:22px;margin:0 16px 0 0}}#entry-footer-secondary-modules .hatena-module-related-entries .ele{display:block}@media only screen and (max-width: 767px){#entry-footer-secondary-modules .hatena-module-related-entries .ele .ttl{font-size:12px}}#entry-footer-secondary-modules .hatena-module-related-entries .ele .image{max-height:196px}@media only screen and (max-width: 767px){#entry-footer-secondary-modules .hatena-module-related-entries .ele .image{max-height:95px}}#entry-footer-secondary-modules .hatena-module-related-entries .related-entries .related-entries-item{width:calc((100% - 48px) / 3)}@media only screen and (max-width: 767px){#entry-footer-secondary-modules .hatena-module-related-entries .related-entries .related-entries-item{width:100%}}.SnsIcons{position:fixed;z-index:30;top:43%;left:16px;width:65px}@media only screen and (max-width: 900px){.SnsIcons{width:100%;display:flex;background:#fff;bottom:0;top:auto;left:0;padding:10px 0;align-items:center;justify-content:center;box-shadow:0 -3px 5px -2px #0000001a}}.SnsIcons__text{text-align:center;font-size:12px;line-height:1.3;font-weight:500;margin:0 0 8px}.SnsIcons__list img{width:39px}.sns-icon-fb{background:#fff;border-radius:50%}@media only screen and (max-width: 900px){.SnsIcons__text{width:22%;margin-bottom:0}}.SnsIcons__border{width:50px;margin:0 auto 12px}@media only screen and (max-width: 900px){.SnsIcons__border{display:none}}@media only screen and (max-width: 900px){.SnsIcons__list{display:flex;width:70%}}.SnsIcons__list a{display:block;width:39px;height:39px;margin:0 auto 19px}@media only screen and (max-width: 900px){.SnsIcons__list a{margin:0 auto}}.SnsIcons__list a:nth-last-of-type(1){margin:0 auto}.pager{display:flex;justify-content:space-between;margin:0 7%;background:#fff;padding:24px 40px;border-radius:6px;text-align:center;gap:20px}@media only screen and (max-width: 767px){.pager{padding:16px 24px}}.pager .pager-next,.pager .pager-prev{flex:1 1 50%;position:relative;font-size:16px;color:#505050}@media only screen and (max-width: 767px){.pager .pager-next,.pager .pager-prev{font-size:14px;line-height:1.25}}.pager-prev{text-align:left}.pager-next{text-align:right}@media only screen and (max-width: 767px){.pager .pager-next{margin:0}}.entry{background:#f8f8f8}@media only screen and (max-width: 767px){.page-entry #content-inner{padding:0 calc(50% - 540px) 90px}}@media (min-width: 768px) and (max-width:900px){.entry-inner{width:90vw;margin:auto}}.page-entry .entry-header{position:relative}.entry-header-menu{position:absolute;top:20px;right:20px}.entry-header-menu{background-color:#fff;color:#505050;padding:6px 14px;border-radius:6px;margin:0 5px 5px 0;border:1px solid #dddddd}.entry-header{background:#fff;border-radius:5px 5px 0 0;padding:45px 0 0}@media only screen and (max-width: 767px){.entry-header{border-radius:3px 3px 0 0;padding:16px 0 0}}.entry-header .entry-date,.entry-header .entry-title,.entry-header .entry-categories,.entry-header .social-buttons{width:86%;margin:0 auto}.entry-content{background:#fff;font-size:18px;line-height:2.1}@media only screen and (max-width: 900px){.entry-content{font-size:1.6rem}.entry-content>p:nth-of-type(1) img{border-radius:0;width:100%;max-width:90vw;margin:0}.entry-content .hatena-asin-detail{flex-direction:column;gap:20px 0}.entry-content .hatena-asin-detail .hatena-asin-detail-image{width:9rem}.entry-content .hatena-asin-detail .hatena-asin-detail-info{margin:20px 0 0}}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{font-weight:700}.entry-content h1{line-height:1.8}@media only screen and (max-width: 767px){.entry-content h1{line-height:1.5}}@media only screen and (max-width: 767px){.entry-content>iframe{min-width:100%!important}}.entry-content>p img{margin:0 auto 35px;border-radius:6px}@media only screen and (max-width: 767px){.entry-content>p img{margin:0 auto 16px}}.entry-content>p a{text-decoration:underline}.entry-content table{border:1px solid #505050;border-collapse:collapse}.entry-content li,.entry-content dt,.entry-content dd{line-height:2.1}.entry-content ul li{list-style:disc}.entry-content ul ul li{list-style:circle}.entry-content ul ul ul li{list-style:square}.entry-content ol li{list-style:decimal}.entry-content ol ol,.entry-content ol ul,.entry-content ul ol,.entry-content ul ul{padding-bottom:0;padding-top:0}.entry-content dd{margin:0 0 1em 1.5em}.entry-content dt,.entry-content th{font-weight:800}.entry-content pre{background:#f7f8f9;padding:.5rem 1rem;border-radius:6px;font-size:.8em;line-height:1.7}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{padding:2.5em 0 1em;line-height:1.5}.entry-content h2{border-bottom:1px solid #707070}.entry-content h4{border-bottom:1px solid #707070;margin-bottom:16px}.entry-content h5{position:relative}.entry-content h5:before{content:"";display:block;width:15px;border-bottom:1px solid #707070;position:absolute;top:64%;left:-22px}@media only screen and (max-width: 767px){.entry-content h5:before{width:12px;left:-19px}}.entry-content blockquote{position:relative;box-sizing:border-box;font-style:italic;color:#464646;background:#e0e0e0;border-left:none}.entry-content blockquote:before{display:inline-block;position:absolute;top:-6px;left:-15px;content:"“";font-family:sans-serif;color:#e0e0e0;font-size:70px;line-height:1;z-index:2}.entry-content blockquote:after{position:absolute;content:"";left:0;top:0;border-width:0 0 40px 40px;border-style:solid;border-color:transparent #ffffff}.entry-content blockquote p{position:relative;padding:0;margin:10px 0;z-index:3;line-height:1.7}.entry-content blockquote cite{display:block;text-align:right}.entry-content blockquote cite a{color:#888;font-size:14px;line-height:1.5}@media only screen and (max-width: 767px){.entry-content blockquote cite a{font-size:12px}}.entry-footer{padding:0 7%}.entry-footer-section{margin-bottom:1em;font-size:12px;color:#747474}.entry-footer .social-buttons{padding:0 0 40px;margin:0}@media only screen and (max-width: 767px){.entry-footer .social-buttons{padding:0 0 28px}}@media only screen and (max-width: 430px){.entry-footer .customized-footer .urllist-title-link{font-size:14px}.entry-footer .customized-footer .urllist-entry-body{font-size:12px}}.entry-footer .customized-footer .hatena-module:nth-of-type(1){padding:0 0 20px}@media only screen and (max-width: 767px){.entry-footer .customized-footer .hatena-module:nth-of-type(1){padding:0}}.entry-footer .customized-footer .hatena-module:nth-of-type(2){margin:0 auto 60px;border-radius:0 0 6px 6px}@media only screen and (max-width: 767px){.entry-footer .customized-footer .hatena-module:nth-of-type(2){margin:0 auto 18px}}.entry-footer-modules .hatena-module-profile .hatena-module-body{padding:0 0 0 245px;width:80vw;max-width:800px;margin:0 auto;position:relative}@media only screen and (max-width: 767px){.entry-footer-modules .hatena-module-profile .hatena-module-body{padding:0}}.entry-footer-modules .hatena-module-profile .hatena-module-body:before,.entry-footer-modules .hatena-module-profile .hatena-module-body:after{content:"";display:block;position:absolute;width:46px;height:2px;background:#1a1a1a;transform:rotate(-45deg)}@media only screen and (max-width: 767px){.entry-footer-modules .hatena-module-profile .hatena-module-body:before,.entry-footer-modules .hatena-module-profile .hatena-module-body:after{width:23px;height:1px}}.entry-footer-modules .hatena-module-profile .hatena-module-body:before{top:0;left:0}.entry-footer-modules .hatena-module-profile .hatena-module-body:after{bottom:0;right:0}.entry-footer-modules .hatena-module-profile .hatena-module-body .profile-activities{font-size:14px;line-height:2}@media only screen and (max-width: 767px){.entry-footer-modules .hatena-module-profile .hatena-module-body .profile-activities{font-size:12px}}.entry-footer-modules .hatena-module-profile .hatena-module-body .hatena-follow-button-box{margin:16px 0 0}.entry-footer-modules .hatena-module-profile .hatena-module-body .profile-icon-link{display:block;width:194px;position:absolute;top:50%;left:0;transform:translateY(-50%);border-radius:50%;overflow:hidden}@media only screen and (max-width: 767px){.entry-footer-modules .hatena-module-profile .hatena-module-body .profile-icon-link{position:static;transform:translateY(0);width:97px;margin:0 auto 12px}}.entry-footer-modules .hatena-module-profile .hatena-module-body .id{display:block;margin:0 0 16px}@media only screen and (max-width: 767px){.entry-footer-modules .hatena-module-profile .hatena-module-body .id{text-align:center}}.entry-footer-modules .hatena-module-profile .hatena-module-body .id span{font-size:18px;font-weight:700}@media only screen and (max-width: 767px){.entry-footer-modules .hatena-module-profile .hatena-module-body .id span{font-size:14px}}.entry-footer-modules .hatena-module-profile .hatena-module-body .profile-description p{font-size:14px;line-height:2}@media only screen and (max-width: 767px){.entry-footer-modules .hatena-module-profile .hatena-module-body .profile-description p{font-size:12px}}.page-about .entry-content{padding-top:50px}@media (min-width:768px) and (max-width:900px){.variable-rectangle-ad{height:83.5vw;max-height:345px;display:flex;justify-content:center;align-items:center}}.archive-description{font-size:1.6rem}.static-page-layout-header-footer #content-inner{justify-content:center}.urllist-see-more-link,.recent-entries-see-more-link,.SingleContact__btn{position:relative}.urllist-see-more-link:after,.recent-entries-see-more-link:after,.SingleContact__btn:after{width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);position:absolute;top:0;bottom:0;right:0;left:136px;margin:auto;content:"";vertical-align:middle;transition:all .3s}.urllist-see-more a:hover,.SingleContact__btn:hover{color:#505050;background:#fff;opacity:1}.urllist-see-more-link:hover:after,.recent-entries-see-more-link:hover:after,.SingleContact__btn:hover:after{left:176px;border-top:2px solid #505050;border-right:2px solid #505050}.writer{display:flex;justify-content:space-between;align-items:center}.writer-profile{width:80%}.entry-content .writer-proifle-body{line-height:1.6}.entry-content .writer-image{margin-right:24px}.entry-content .writer-image img{border-radius:50%;font-weight:700}.writer-name-item{font-weight:700}.writer-id{margin-left:16px;display:inline-block}.entry-content .writer-sns{padding-left:0}.entry-content .writer-sns li{list-style-type:none}.writer-sns li img{width:24px;height:24px;vertical-align:text-bottom;margin-right:8px}.profile-card-container{position:relative}.profile-card-container:before,.profile-card-container:after{content:"";width:48px;height:48px;position:absolute}.profile-card-container:before{transform:rotate(315deg);border-top:3px solid #505050;top:16px;left:0}.profile-card-container:after{transform:rotate(135deg);border-top:3px solid #505050;bottom:16px;right:0}.profile-cards-list .profile-card-container{border:none}@media (max-width: 767px){.writer{display:block;text-align:center}.entry-content .writer-image{margin-right:0}.writer-profile{width:100%}.writer-proifle-body,.entry-content .writer-sns{text-align:left}}@media (min-width: 901px){.page-entry #content-inner{padding:20px 100px 90px}#content-inner #wrapper{max-width:900px;margin:0 auto}}.entry-content{padding:0 7% 60px}.entry-content p,.entry-content ol,.entry-content ul,.entry-content dl{padding:1.8rem 0;margin:0}.entry-content,.entry-content .table-of-contents{margin-top:0}.entry-content h1{font-size:2.4rem}.entry-content h2,.entry-content h3{font-size:2.2rem}.entry-content h2{margin-bottom:1.5em;margin-top:0}.entry-content h4,.entry-content h5{font-size:2rem}.entry-content h5{margin-left:24px}.entry-content h5,.entry-content h6{font-size:1.8rem}.entry-content h6{font-weight:400}.entry-content blockquote{border:0;font-size:1.8rem;padding:16px 16px 16px 32px;margin:0}@media only screen and (max-width: 900px){.entry-content,.entry-content blockquote{font-size:1.6rem}}.entry-content blockquote p:first-child{margin-top:10px}.entry-content .table-of-contents li{list-style:inherit}.entry-content table{width:auto;margin:0}.entry-content table th{background-color:#e0e0e0}.entry-content table th,.entry-content table td{border:1px solid #505050;padding:0 .5rem}.entry-content ul,.entry-content ol{padding-left:20px}.entry-content hr{margin:0}.entry-content div.footnote{margin-top:48px}.entry-header-modules .hatena-module-related-entries .related-entries,.entry-header-modules .hatena-module-recent-entries .recent-entries,.entry-header-modules .hatena-module-entries-access-ranking .entries-access-ranking,.entry-footer-modules .hatena-module-related-entries .related-entries,.entry-footer-modules .hatena-module-recent-entries .recent-entries,.entry-footer-modules .hatena-module-entries-access-ranking .entries-access-ranking{display:flex;flex-wrap:wrap;gap:24px}@media only screen and (max-width: 767px){.entry-header-modules .hatena-module-related-entries .related-entries,.entry-header-modules .hatena-module-recent-entries .recent-entries,.entry-footer-modules .hatena-module-related-entries .related-entries,.entry-footer-modules .hatena-module-recent-entries .recent-entries{flex-direction:column}.entry-header-modules .hatena-module-entries-access-ranking .entries-access-ranking,.entry-footer-modules .hatena-module-entries-access-ranking .entries-access-ranking{gap:12px}}.entry-header-modules .hatena-module-related-entries .related-entries .related-entries-item,.entry-header-modules .hatena-module-recent-entries .recent-entries .recent-entries-item,.entry-header-modules .hatena-module-entries-access-ranking .entries-access-ranking .entries-access-ranking-item,.entry-footer-modules .hatena-module-related-entries .related-entries .related-entries-item,.entry-footer-modules .hatena-module-recent-entries .recent-entries .recent-entries-item,.entry-footer-modules .hatena-module-entries-access-ranking .entries-access-ranking .entries-access-ranking-item{width:calc((100% - 48px) / 3)}.entry-footer-modules .hatena-module-entries-access-ranking .entries-access-ranking .entries-access-ranking-item{background-color:#fff;border-radius:6px;padding:20px}.entry-header-modules .hatena-module-entries-access-ranking .entries-access-ranking .entries-access-ranking-item{background-color:#fff;border-radius:6px;padding:8px}@media only screen and (max-width: 767px){.entry-header-modules .hatena-module-related-entries .related-entries .related-entries-item,.entry-header-modules .hatena-module-recent-entries .recent-entries .recent-entries-item,.entry-footer-modules .hatena-module-related-entries .related-entries .related-entries-item,.entry-footer-modules .hatena-module-recent-entries .recent-entries .recent-entries-item{width:100%}}@media only screen and (max-width: 767px){.entry-header-modules .hatena-module-entries-access-ranking .entries-access-ranking .entries-access-ranking-item,.entry-footer-modules .hatena-module-entries-access-ranking .entries-access-ranking .entries-access-ranking-item{width:calc((100% - 12px)/2)}.entry-footer-modules .hatena-module-entries-access-ranking .entries-access-ranking .entries-access-ranking-item{padding:10px}}.entry-header-modules .hatena-module-title,.entry-footer-modules .hatena-module-title{font-size:18px;font-weight:700;padding:0 0 16px;border-bottom:1px solid #747474;margin:50px 0 25px}#entry-footer-secondary-modules .hatena-module-related-entries .hatena-module-title:before{display:none}.entry-footer-modules .hatena-module-related-entries{margin:0}.entry-header-modules,.entry-footer-modules{margin:0 auto 28px}.entry-header-modules{padding:0 7% 60px}
/* */
/* */
/* default */
/* */
*,
*::before,
*::after {
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
}
html {
scroll-behavior: smooth;
}
body {
overflow-x: hidden;
background: #f5f7fa;
color: #4b4b5a;
font-family: "Noto Sans JP", sans-serif;
line-height: 1.56;
-webkit-font-smoothing: antialiased;
}
body::-webkit-scrollbar {
display: none;
}
img,
picture,
video,
canvas,
svg {
display: block;
width: 100%;
}
input,
button,
textarea,
select {
font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
margin: 0;
}
a {
text-decoration: none;
}
#root,
#__next {
isolation: isolate;
}
.pc_contents {
display: block !important;
}
@media screen and (max-width: 767px) {
.pc_contents {
display: none !important;
}
}
.pc_contentsFlex {
display: flex !important;
}
@media screen and (max-width: 767px) {
.pc_contentsFlex {
display: none !important;
}
}
.sp_contents {
display: none !important;
}
@media screen and (max-width: 767px) {
.sp_contents {
display: block !important;
}
}
.sp_contentsFlex {
display: none !important;
}
@media screen and (max-width: 767px) {
.sp_contentsFlex {
display: flex !important;
}
}
.flexCenter {
display: flex;
justify-content: center;
align-items: center;
}
.readex {
font-family: "Readex Pro", sans-serif !important;
}
h2 .readex {
display: inline-block;
width: clamp(1px, 29.5572916667vw, 454px);
}
@media screen and (max-width: 767px) {
h2 .readex {
width: 186px;
}
}
/* ------------------------------
common 共通
------------------------------ */
html, body {
height: auto!important;
}
/* ヘッダ固定 */
#top-editarea {
z-index: 99;
position: fixed;
top: 0;
width: 100%;
}
/* ヘッダーメニュー */
.nav {
z-index: 999;
background: #e9eef4;
width: 100%;
}
@media screen and (max-width: 767px) {
.nav--active {
position: fixed;
width: 100%;
height: 100dvh;
top: 0;
left: 0;
}
}
.nav .nav__wrap {
width: 100%;
height: clamp(50px, 5.2083333333vw, 80px);
background: #f5f7fa;
display: flex;
justify-content: center;
align-items: center;
padding: 0 1.953125vw;
box-shadow: 0px 5px 10px #d1d8dd;
position: relative;
z-index: 9999;
}
@media screen and (max-width: 767px) {
.nav .nav__wrap {
padding: 0 20px;
}
}
.nav__inner {
width: 100%;
height: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.nav__logo {
width: 11.8489583333vw;
margin-right: 9.1796875vw;
}
@media screen and (max-width: 767px) {
.nav__logo {
width: 145px;
margin-right: auto;
}
}
.nav__list {
display: flex;
align-items: center;
gap: clamp(1px, 1.953125vw, 30px);
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.nav__list {
opacity: 0;
visibility: hidden;
position: fixed;
top: -50px;
left: 0;
width: 100%;
height: 100dvh;
transition: all 0.2s ease-out;
z-index: 999;
flex-direction: column;
align-items: flex-start;
gap: 40px;
margin-top: clamp(50px, 5.2083333333vw, 80px);
padding: 40px 5.3333333333vw 80px;
}
.nav--active .nav__list {
top: 0;
visibility: visible;
opacity: 1;
overflow-y: scroll;
}
}
.nav .nav-single {
position: relative;
transition: all .3s;
height: 100%;
flex: none;
display: flex;
justify-content: center;
}
@media screen and (max-width: 767px) {
.nav .nav-single {
height: auto;
width: 100%;
display: flex;
flex-direction: column;
}
}
.nav .nav-single-btn {
flex: auto;
justify-content: right;
display: flex;
flex-direction: row;
gap: 20px;
}
@media screen and (max-width: 767px) {
.nav .nav-single-btn {
width: 100%;
flex-direction: column;
}
}
.nav .nav-single__inner {
letter-spacing: -0.03em;
font-size: clamp(1px, 0.9114583333vw, 14px);
font-weight: 600;
height: 100%;
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.nav .nav-single__inner {
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
font-weight: 700;
letter-spacing: 0;
line-height: 1.75;
color: #4b4b5a;
}
}
.nav #nav-single-about {
display: none;
}
.nav label.nav-single__inner {
cursor: pointer;
position: relative;
flex: 1;
}
.nav label.nav-single__inner::after {
position: absolute;
content: "";
color: #4b4b5a;
width: 8px;
height: 8px;
border: 2px solid #4b4b5a;
border-left: 0;
border-bottom: 0;
transform: translateY(-25%) rotate(135deg);
bottom: 8px;
left: 50%;
transition: all .3s;
}
@media screen and (max-width: 767px) {
.nav label.nav-single__inner::after {
right: 0;
left: inherit;
}
}
.nav #nav-single-about:checked ~ label.nav-single__inner::after {
transform: translateY(25%) rotate(-45deg);
}
.dropdown__lists {
height: 0;
overflow: hidden;
transition: padding-bottom 0.5s, padding-top 0.5s;
-webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
width: 450px;
position: absolute;
top: clamp(55px, 5.2083333333vw, 85px);
left: 50%;
transform: translate(-50%, 0);
display: flex;
flex-wrap: wrap;
border-radius: 20px;
gap: 24px;
}
@media screen and (max-width: 767px) {
.dropdown__lists {
width: 100%;
position: relative;
top: 20px;
}
}
.nav #nav-single-about:checked ~ .dropdown__lists {
height: auto; /*開いたときに表示されるliの高さ*/
opacity: 1;
background: #fff;
padding: 20px;
box-shadow: 0px 5px 10px #d1d8dd;
}
@media screen and (max-width: 767px) {
.nav #nav-single-about:checked ~ .dropdown__lists {
flex: auto;
}
}
.dropdown__list {
width: 47%;
transition: all .3s;
height: 0;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.dropdown__list {
width: 100%;
}
}
.nav #nav-single-about:checked ~ .dropdown__lists .dropdown__list {
height: auto; /*開いたときに表示されるliの高さ*/
opacity: 1;
}
.dropdown__list:hover {
opacity: .7;
}
.dropdown__list a {
display: flex;
position: relative;
padding-right: 16px;
font-weight: 500;
}
.dropdown__list a::before {
content: '';
display: block;
width: 6px;
height: 6px;
border-top: 2px solid #4b4b5a;
border-left: 2px solid #4b4b5a;
transform: rotate(135deg);
position: absolute;
right: 15px;
top: calc(50% - 3px);
}
.dropdown__list:hover a::before {
right: 13px;
}
.nav__form-btn {
width: clamp(1px, 10vw, 270px);
height: clamp(1px, 3.90625vw, 60px);
background: #00abff;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
border-radius: clamp(1px, 1.3020833333vw, 20px);
box-shadow: 0 4px #4b4b5a;
transition: all ease 0.1s;
font-size: clamp(1px, 0.9114583333vw, 14px);
font-weight: 600;
}
.nav__form-btn-w {
width: clamp(1px, 10vw, 270px);
height: clamp(1px, 3.90625vw, 60px);
background: #d7e1e6;
color: #0074CC;
display: flex;
justify-content: center;
align-items: center;
border-radius: clamp(1px, 1.3020833333vw, 20px);
box-shadow: 0 4px #4b4b5a;
transition: all ease 0.1s;
font-size: clamp(1px, 0.9114583333vw, 14px);
font-weight: 600;
}
@media screen and (max-width: 767px) {
.nav__form-btn {
width: 270px;
height: 60px;
background: #00abff;
font-size: 14px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 20px;
box-shadow: 0 4px #4b4b5a;
transition: all ease 0.1s;
margin: 8px auto 0;
}
.nav__form-btn-w {
width: 270px;
height: 60px;
background: #d7e1e6;
font-size: 14px;
color: #0074CC;
display: flex;
justify-content: center;
align-items: center;
border-radius: 20px;
box-shadow: 0 4px #4b4b5a;
transition: all ease 0.1s;
margin: 8px auto 0;
}
}
.nav__form-btn:hover,
.nav__form-btn:active {
box-shadow: 0 0px #4b4b5a;
margin-bottom: -5px;
margin-top: 5px;
}
.nav__form-btn-w:hover,
.nav__form-btn-w:active {
box-shadow: 0 0px #4b4b5a;
margin-bottom: -5px;
margin-top: 5px;
}
@media screen and (max-width: 767px) {
.nav__form-btn:hover,
.nav__form-btn:active {
box-shadow: 0 0px #4b4b5a;
margin-bottom: -5px;
margin-top: 53px;
}
}
{
.nav__form-btn-w:hover,
.nav__form-btn-w:active {
box-shadow: 0 0px #4b4b5a;
margin-bottom: -5px;
margin-top: 53px;
}
}
.nav .hamburger {
display: none;
}
.nav .hamburger .line {
width: 100%;
height: 3px;
background: #00abff;
transition: all ease 0.2s;
}
@media screen and (max-width: 767px) {
.nav .hamburger {
position: fixed;
right: 20px;
width: 24px;
height: 19px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
transition: all 0.2s ease-out;
}
}
.nav .hamburger--active .line {
transform-origin: right;
}
.nav .hamburger--active .line:first-child {
transform: translateY(-1px) rotate(-45deg);
}
.nav .hamburger--active .line:nth-child(2) {
opacity: 0;
}
.nav .hamburger--active .line:last-child {
transform: rotate(45deg);
}
#top-box {
margin-top: clamp(50px, 5.2083333333vw, 80px); /* ヘッダー分の余白を設ける */
}
#content-inner,
.page-entry .entry,
.breadcrumb {
background-color: transparent;
}
#content-inner {
padding-bottom: 150px;
}
@media only screen and (max-width: 767px) {
#content-inner {
padding: 0 0 90px;
}
}
#content-inner #box2 {
display: none;
}
@media only screen and (max-width: 767px) {
#content-inner #box2 {
padding: 40px 20px;
}
}
/* カテゴリー */
.archive-entries section .category>a,
.urllist-categories a,
.archive-entries section .categories a,
.entry-categories a,
.hatena-module-category .hatena-urllist a {
background-color: transparent;
border-radius: 100px;
border-color: #2a67b2;
color: #2a67b2;
}
/* ------------------------------
page-index トップページ
------------------------------ */
.page-inedx ul {
list-style: none;
}
.page-inedx p,
.page-inedx a {
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 0.9114583333vw, 16px);
font-weight: 600;
letter-spacing: 0;
line-height: 2;
color: #4b4b5a;
}
@media screen and (max-width: 767px) {
p,
a {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.page-inedx p,
.page-inedx a {
line-height: 1.5;
}
}
.page-inedx h2 {
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 2.4739583333vw, 38px);
font-weight: 700;
letter-spacing: 0;
line-height: 1;
}
@media screen and (max-width: 767px) {
.page-inedx h2 {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.page-inedx h2 {
line-height: 1.3333333333;
}
}
.page-inedx h2 .readex {
display: inline-block;
width: clamp(1px, 29.5572916667vw, 454px);
}
@media screen and (max-width: 767px) {
.page-inedx h2 .readex {
width: 186px;
}
}
.page-inedx h3 {
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 1.5625vw, 24px);
font-weight: 600;
letter-spacing: 0;
line-height: 1.5833333333;
}
@media screen and (max-width: 767px) {
.page-inedx h3 {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.page-inedx h3 {
line-height: 1.6;
}
}
/* テーマcssリセット */
.page-index .hatena-module-title {
display: none !important;
}
.page-index #content-inner {
padding: 0;
display: block;
}
.page-index #content-inner #wrapper {
width: 100%;
}
@media (min-width: 901px) {
.page-index #content-inner #wrapper {
max-width: none;
}
}
.page-index #main-inner .hatena-module {
margin-bottom: 0;
}
.page-index .adopting-companies__img {
width: clamp(620px, 56.25vw, 2730px);
}
/* can-do */
.page-index .can-do__img {
margin-bottom: clamp(113px, 12.109375vw, 186px);
}
/* features */
.page-index .features {
margin-bottom: 0;
}
.form {
background: #f5f7fa;
padding: clamp(80px, 7.8125vw, 120px) 0 clamp(113px, 14.453125vw, 222px);
position: relative;
z-index: 2;
margin-top: -66px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
color: #ffffff;
}
.form .information__inner p {
color: #4b4b5a;
}
@media screen and (max-width: 767px) {
.form {
margin-top: -33px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
}
.form__title {
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 4.1666666667vw, 64px);
line-height: 1.5;
text-align: center;
margin-bottom: clamp(40px, 4.1666666667vw, 64px);
color: #00abff;
}
@media screen and (max-width: 767px) {
.form__title {
font-size: 28px;
}
}
.form__text,
.form__text a {
width: fit-content;
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 0.78125vw, 14px);
margin: 0 auto clamp(30px, 3.2552083333vw, 50px);
color:#4b4b5a;
}
@media screen and (max-width: 767px) {
.form__text,
.form__text a {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.form__text {
width: 335px;
text-align: left;
line-height: 2;
margin: 0 auto 30px;
}
}
.form__text a {
text-decoration: underline;
}
.form__inner {
width: clamp(335px, 61.1979166667vw, 940px);
margin: auto;
padding: 3em;
background: #00abff;
border-radius: 20px;
}
@media screen and (max-width: 767px) {
.form__inner {
padding: 3em 1em;
}
}
.form__radio {
display: flex;
justify-content: center;
gap: 40px;
}
@media screen and (max-width: 767px) {
.form__radio {
justify-content: flex-start;
gap: 26px;
}
}
.form__radio .radio-single {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}
@media screen and (max-width: 767px) {
.form__radio .radio-single {
justify-content: flex-start;
gap: 0;
width: unset;
}
}
.form__radio .radio-single input {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
width: clamp(1px, 1.5625vw, 24px);
height: clamp(1px, 1.5625vw, 24px);
padding-left: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
.form__radio .radio-single input {
width: 20px;
height: 20px;
padding-left: 30px;
}
}
.form__radio .radio-single input::before {
content: "";
position: absolute;
display: inline-block;
width: clamp(1px, 1.5625vw, 24px);
height: clamp(1px, 1.5625vw, 24px);
top: 50%;
left: 0;
transform: translateY(-50%);
border-radius: 50%;
border: 2px solid #ffffff;
background-color: transparent;
}
@media screen and (max-width: 767px) {
.form__radio .radio-single input::before {
width: 20px;
height: 20px;
}
}
.form__radio .radio-single input[type="checkbox"]::before {
border-radius: 0;
}
.form__radio .radio-single input[type="checkbox"]:checked::after {
border-radius: 0;
}
.form__radio .radio-single input:checked::after {
content: "";
position: absolute;
top: 50%;
left: 21%;
transform: translateY(-50%);
display: inline-block;
width: clamp(1px, 0.78125vw, 12px);
height: clamp(1px, 0.78125vw, 12px);
border-radius: 50%;
background-color: #ffffff;
}
@media screen and (max-width: 767px) {
.form__radio .radio-single input:checked::after {
left: 17%;
width: 10px;
height: 10px;
}
}
.form__radio .radio-single p {
color: #ffffff;
font-weight: 600;
}
.form__radio-2 {
justify-content: flex-start;
margin-bottom: clamp(1px, 2.0833333333vw, 32px);
}
@media screen and (max-width: 767px) {
.form__radio-2 {
margin-bottom: 32px;
}
}
.form__radio-2 .radio-single {
justify-content: flex-start;
}
.form__radio-3 .radio-single {
width: unset;
}
.form .form__wrap {
margin: clamp(30px, 3.2552083333vw, 50px) 0;
display: flex;
flex-direction: column;
gap: 24px;
}
.form .form-single {
display: flex;
align-items: center;
gap: 16px;
}
@media screen and (max-width: 767px) {
.form .form-single {
flex-direction: column;
}
}
.form .form-single__left {
width: clamp(1px, 21.1588541667vw, 325px);
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 1.0416666667vw, 16px);
color: #ffffff;
font-weight: 600;
position: relative;
}
@media screen and (max-width: 767px) {
.form .form-single__left {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.form .form-single__left {
width: 100%;
}
}
.form .form-single__left::before {
content: "必 須";
position: absolute;
width: clamp(1px, 3.9713541667vw, 61px);
height: clamp(1px, 3.9713541667vw, 61px);
display: flex;
justify-content: center;
align-items: center;
top: 50%;
right: 0;
transform: translateY(-50%);
background: #ffffff;
border-radius: 50%;
color: #00abff;
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 0.9114583333vw, 14px);
font-weight: 600;
text-align: center;
}
@media screen and (max-width: 767px) {
.form .form-single__left::before {
font-size: 10px;
}
}
@media screen and (max-width: 767px) {
.form .form-single__left::before {
width: 36px;
height: 36px;
}
}
.form .form-single__left_none {
width: clamp(1px, 21.1588541667vw, 325px);
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 1.0416666667vw, 16px);
color: #ffffff;
font-weight: 600;
position: relative;
}
@media screen and (max-width: 767px) {
.form .form-single__left_none {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.form .form-single__left_none {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.form .form-single__left_none::before {
font-size: 10px;
}
}
@media screen and (max-width: 767px) {
.form .form-single__left_none::before {
width: 36px;
height: 36px;
}
}
.form .form-single__right {
flex: 1;
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.form .form-single__right {
width: 100%;
}
}
.form .form-single__right input,
.form .form-single__right select {
width: 100%;
border: none;
padding: 16px clamp(16px, 2.6041666667vw, 40px);
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 1.171875vw, 18px);
font-weight: 500;
border-radius: 8px;
flex: 1;
}
@media screen and (max-width: 767px) {
.form .form-single__right input,
.form .form-single__right select {
font-size: 16px;
}
}
.form .form-single__right input::placeholder,
.form .form-single__right select::placeholder {
color: #e3e7f1;
}
.form .form-single__right select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.form .form-single__right.arrow {
position: relative;
}
.form .form-single__right.arrow::after {
content: "";
position: absolute;
top: 50%;
right: clamp(23px, 2.6041666667vw, 40px);
width: 15px;
height: 9px;
background: url("https://cdn.blog.st-hatena.com/files/6801883189115496517/6802340630905234229") no-repeat center/contain;
transform: translateY(-50%);
}
.form .form__textarea {
margin-bottom: clamp(1px, 2.0833333333vw, 32px);
}
@media screen and (max-width: 767px) {
.form .form__textarea {
margin-bottom: 32px;
}
}
.form .form__textarea p {
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 1.0416666667vw, 16px);
color: #ffffff;
font-weight: 600;
margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
.form .form__textarea p {
font-size: 14px;
}
}
.form .form__textarea textarea {
width: 100%;
border: none;
padding: 17px 20px;
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 1.171875vw, 18px);
font-weight: 500;
border-radius: 8px;
}
@media screen and (max-width: 767px) {
.form .form__textarea textarea {
font-size: 16px;
}
}
.form .information {
height: clamp(120px, 10.4166666667vw, 160px);
overflow-y: scroll;
background: #fff;
padding: clamp(10px, 1.5625vw, 24px) clamp(40px, 5.2083333333vw, 80px) clamp(10px, 1.5625vw, 24px) clamp(10px, 2.6041666667vw, 40px);
margin: clamp(32px, 3.6458333333vw, 56px) 0 clamp(32px, 2.0833333333vw, 32px);
border-radius: 10px;
}
.form .information__inner-title {
font-size: 18px;
font-weight: 700;
}
.form__submit {
display: flex;
justify-content: center;
align-items: center;
margin-top: clamp(32px, 3.6458333333vw, 56px);
}
.form__submit input {
width: 270px;
height: 60px;
background: #4b4b5a;
color: #ffffff;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
border: none;
border-radius: 20px;
box-shadow: 0 4px #ffffff;
transition: all ease 0.1s;
margin-inline: auto;
position: relative;
z-index: 1;
cursor: pointer;
}
.form__submit input:hover,
.form__submit input:active {
box-shadow: 0 0px #4b4b5a;
margin-bottom: -5px;
margin-top: 5px;
}
.footer {
background: #fff;
padding: clamp(28px, 5.2083333333vw, 80px) clamp(20px, 6.5104166667vw, 100px) clamp(70px, 5.2083333333vw, 80px);
position: relative;
z-index: 2;
margin-top: -66px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
}
@media screen and (max-width: 767px) {
.footer {
margin-top: -33px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
}
@media screen and (max-width: 767px) {
.footer {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-top: -15px;
}
}
.footer__inner {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.footer__row {
height: 100%;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.footer__row__nav {
height: 100%;
display: flex;
justify-content: space-between;
}
.footer__row__inner {
display: flex;
margin-bottom: 36px;
justify-content: space-between
}
@media screen and (max-width: 767px) {
.footer__row__nav {
flex-direction: column;
gap: 24px;
text-align: center;
}
}
.footer__logo {
width: clamp(110px, 10vw, 200px);
}
.footer__img {
width: clamp(130px, 12vw, 220px);
margin-top: 32px;
}
.footer__img02 {
width: clamp(140px, 14vw, 260px);
}
@media screen and (max-width: 767px) {
.footer__img {
margin-top: 26px;
}
}
.footer .footer-menu {
display: flex;
gap: clamp(12px, 2.6041666667vw, 40px);
justify-content: space-between;
}
.footer .footer-menu__link {
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 0.78125vw, 12px);
font-weight: 500;
}
@media screen and (max-width: 767px) {
.footer .footer-menu__link {
font-size: 11px;
}
}
.footer__copyright {
font-size: 14px;
font-weight: 500;
line-height: 1.5;
}
.contact-form__statuses {
width: clamp(1px, 61.1979166667vw, 940px);
height: clamp(1px, 5.2083333333vw, 80px);
display: flex;
background: #fff;
margin: auto;
}
@media screen and (max-width: 767px) {
.contact-form__statuses {
width: 94.6%;
height: 60px;
}
}
.contact-form__status {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 1.5625vw, 24px);
font-weight: 600;
background: transparent;
}
@media screen and (max-width: 767px) {
.contact-form__status {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.contact-form__status {
flex: 1;
}
}
.contact-form__status--activated {
margin-left: -1px;
position: relative;
z-index: 3;
}
.contact-form__status--active {
margin-left: -1px;
}
@media screen and (max-width: 767px) {
.contact-form__status--active {
background: url("../img/contact/status_sp.webp") no-repeat center/cover;
}
}
.contact-form__btn {
width: 270px;
height: 60px;
background: #00abff;
font-size: 14px;
color: #ffffff;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
border: none;
border-radius: 20px;
box-shadow: 0 4px #4b4b5a;
transition: all ease 0.1s;
margin-inline: auto;
position: relative;
z-index: 1;
cursor: pointer;
margin-top: 80px;
}
@media screen and (max-width: 767px) {
.contact-form__btn {
margin-top: 50px;
}
}
.contact-form__btn:hover,
.contact-form__btn:active {
box-shadow: 0 0px #00abff;
margin-bottom: -5px;
margin-top: 85px;
}
@media screen and (max-width: 767px) {
.contact-form__btn:hover,
.contact-form__btn:active {
margin-top: 55px;
}
}
.contact-form__back {
width: fit-content;
display: block;
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 0.9114583333vw, 14px);
line-height: 1.4;
font-weight: 600;
cursor: pointer;
margin: 30px auto 0;
border-bottom: 1px solid #4b4b5a;
}
@media screen and (max-width: 767px) {
.contact-form__back {
font-size: 14px;
}
}
.confirm {
padding: clamp(130px, 12.6953125vw, 195px) 0 clamp(140px, 12.3697916667vw, 190px);
background: #e9eef4;
}
.confirm__title {
text-align: center;
margin-bottom: clamp(50px, 5.2083333333vw, 80px);
font-size: clamp(1px, 2.4739583333vw, 38px);
}
.confirm .contact-form__statuses {
background: url("https://cdn.blog.st-hatena.com/files/6801883189115496517/6802340630905221408") no-repeat center/cover;
}
@media screen and (max-width: 767px) {
.confirm .contact-form__statuses {
background: url("https://cdn.blog.st-hatena.com/files/6801883189115496517/6802340630905221045") no-repeat center/cover;
}
}
.confirm .contact-form__status span {
color: #ffffff;
}
.confirm .contact-form__status:last-child span {
color: #00abff;
}
.confirm__inner {
width: clamp(335px, 40.2994791667vw, 619px);
display: flex;
flex-direction: column;
gap: 30px;
margin: clamp(50px, 5.2083333333vw, 80px) auto 0;
}
.confirm .confirm-single__category {
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 0.9114583333vw, 14px);
font-weight: 600;
}
@media screen and (max-width: 767px) {
.confirm .confirm-single__category {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.confirm .confirm-single__category {
margin-bottom: 10px;
}
}
.confirm .confirm-single__text {
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 1.171875vw, 18px);
font-weight: 500;
background: transparent;
border: none;
width: 100%;
}
@media screen and (max-width: 767px) {
.confirm .confirm-single__text {
font-size: 16px;
}
}
.complete {
padding: clamp(130px, 12.6953125vw, 195px) 0 clamp(140px, 12.3697916667vw, 190px);
background: #e9eef4;
}
.complete-f {
padding: clamp(20px, 12.6953125vw, 20px) 0 clamp(20px, 12.3697916667vw, 20px);
background: #e9eef4;
}
.complete__title {
text-align: center;
margin-bottom: clamp(50px, 5.2083333333vw, 80px);
}
.complete .contact-form__statuses {
background: #00abff;
border-radius: 10px;
}
.complete .contact-form__status {
color: #ffffff;
}
.complete__inner {
width: clamp(335px, 40.2994791667vw, 619px);
display: flex;
flex-direction: column;
gap: 30px;
margin: clamp(50px, 5.2083333333vw, 80px) auto;
}
.complete .confirm-single {
text-align: center;
}
.complete .confirm-single__category {
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 0.9114583333vw, 14px);
font-weight: 500;
}
@media screen and (max-width: 767px) {
.complete .confirm-single__category {
font-size: 14px;
}
}
.complete .confirm-single__text {
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 1.171875vw, 18px);
font-weight: 600;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.complete .confirm-single__text {
font-size: 16px;
}
}
.download {
padding: clamp(130px, 12.6953125vw, 195px) 0 clamp(140px, 12.3697916667vw, 190px);
background: url("https://cdn.blog.st-hatena.com/files/6801883189127808447/6801883189128364632") no-repeat top/cover;
}
@media screen and (max-width: 767px) {
.download {
background: url("https://cdn.blog.st-hatena.com/files/6801883189127808447/6801883189128364630") no-repeat top/cover;
}
}
.download__title {
text-align: center;
margin-bottom: clamp(50px, 5.2083333333vw, 80px);
}
.download .contact-form__statuses {
background: url("https://cdn.blog.st-hatena.com/files/6801883189127808447/6801883189128364634") no-repeat center/cover;
}
@media screen and (max-width: 767px) {
.download .contact-form__statuses {
background: url("https://cdn.blog.st-hatena.com/files/6801883189127808447/6801883189128364633") no-repeat center/cover;
}
}
.download__inner {
width: clamp(335px, 40.2994791667vw, 619px);
display: flex;
flex-direction: column;
gap: 30px;
margin: clamp(50px, 5.2083333333vw, 80px) auto 0;
}
.download .confirm-single {
text-align: center;
}
.download .confirm-single__category {
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 0.9114583333vw, 14px);
font-weight: 500;
}
@media screen and (max-width: 767px) {
.download .confirm-single__category {
font-size: 14px;
}
}
.download .confirm-single__text {
font-family: "Noto Sans JP", sans-serif;
font-size: clamp(1px, 0.9114583333vw, 14px);
line-height: 2;
font-weight: 600;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.download .confirm-single__text {
font-size: 14px;
}
}
.button__download {
width: 270px;
height: 60px;
background: #00abff;
color: #ffffff;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
border: none;
border-radius: 20px;
box-shadow: 0 4px #4b4b5a;
transition: all ease 0.1s;
margin-inline: auto;
position: relative;
z-index: 1;
cursor: pointer;
margin-top: 80px;
}
@media screen and (max-width: 767px) {
.button__download {
margin-top: 50px;
}
}
.button__download:hover,
.button__download:active {
box-shadow: 0 0px #00abff;
margin-bottom: -5px;
margin-top: 85px;
}
@media screen and (max-width: 767px) {
.button__download:hover,
.button__download:active {
margin-top: 55px;
}
}
/* ------------------------------
page-entry 記事ページ
------------------------------ */
@media (min-width: 901px) {
.page-entry #content-inner {
padding-bottom: 150px;
}
}
.page-entry #content-inner #wrapper {
background-color: #fff;
border-radius: 20px;
overflow: hidden;
}
.entry-content .table-of-contents a {
font-weight: normal;
}
@media only screen and (max-width: 767px) {
.entry-content .table-of-contents a {
font-size: 16px;
}
}
.page-entry ul {
list-style: revert;
}
.entry-content p,
.entry-content ol,
.entry-content ul,
.entry-content dl {
font-size: 16px;
font-weight: normal;
line-height: 1.5;
margin:0;
padding-left:0;
padding-right:0;
padding-bottom:1em;
}
.entry-date span,
.entry-date a {
line-height: 1;
}
.entry-date time {
vertical-align: middle;
}
.entry-content h1 {
font-size: 3.2rem;
color: #00abff;
}
.entry-content h2 {
font-size: 3rem;
color: #00abff;
margin:0;
padding:1;
}
.entry-content h3 {
font-size: 2rem;
margin:0;
padding:0;
}
.entry-content h4 {
font-size: 3rem;
color: #0074cc;
margin:0;
padding:0;
}
.entry-content h5 {
font-size: 2rem;
margin:0;
padding:0;
}
.entry-content h6 {
font-size: 1.5rem;
font-weight: 700;
}
.entry-content pre {
font-size: 1em;
}
.entry-footer-section {
display: none;
}
.page-entry .pager.pager-permalink {
display: none;
}
/* ------------------------------
page-archive アーカイブページ
------------------------------ */
.page-archive .archive-entries {
background: #fff;
padding: 40px;
border-radius: 20px;
}
@media screen and (max-width: 767px) {
.page-archive .archive-entries {
padding-left: 20px;
padding-right: 20px;
}
}
#main-inner h2.archive-heading {
text-align: center;
font-size: 48px !important;
}
@media only screen and (max-width: 767px) {
#main-inner h2.archive-heading {
margin: 20px 0;
text-align: center;
font-size: 32px !important;
}
}
@media only screen and (max-width: 767px) {
.page-archive .pager {
margin-left: 24px;
margin-right: 24px;
}
}
.archive-entries .archive-entry .entry-thumb-link {
margin: 0;
}
.archive-date a {
line-height: 1;
}
.archive-date a time {
vertical-align: middle;
}
/* ------------------------------
category-コラム 記事一覧
------------------------------ */
.page-archive-category.category-コラム #top-editarea {
position: static;
}
.page-archive-category.category-コラム #top-box {
margin-top: 0;
}
.page-archive-category.category-コラム #main-inner .archive-heading {
position: relative;
color: transparent;
}
.page-archive-category.category-コラム #main-inner .archive-heading::before {
content: "新着記事";
position: absolute;
left: 0;
color: #4b4b5a;
}
@media only screen and (max-width: 767px) {
.page-archive-category.category-コラム #main-inner .archive-heading::before {
right: 0;
}
}
.page-archive-category.category-コラム #content-inner #box2 {
display: block;
}
.page-archive-category.category-コラム .archive-entries .category-コラム {
display: none;
}
.column-logo {
width: 400px;
margin: 20px auto;
width: clamp(270px, 50vw, 340px);
}
/* フェードイン */
.page-archive-category.category-コラム #content:has(.hatena-module-custom-pickupSlider) {
opacity: 0;
transition: opacity .25s linear;
}
.page-archive-category.category-コラム #content.st-load {
opacity: 1;
}
.page-archive-category.category-コラム #content.st-load .loader {
display: none;
}
.page-archive-category.category-コラム .swiper_wrap {
position: relative;
margin: auto;
padding: 3em 0 1em;
background: transparent;
@media only screen and (max-width: 767px) {
padding-top: 1em;
}
.article-list_wrap {
padding-bottom: 2em;
background: transparent;
&.swiper-initialized ul {
align-items: stretch!important;
}
@media only screen and (max-width: 767px) {
padding-bottom: 2em!important;
}
}
.article-list_wrap li {
border-radius: clamp(10px, 1.3020833333vw, 20px);
background: #00abff;
height: auto;
}
.urllist-date-link a, .urllist-title-link, time, .urllist-entry-body, .urllist-categories a {
color: #fff;
}
.urllist-categories a {
border-color: #fff;
}
.swiper-pagination {
width: 100%;
display: flex;
justify-content: center;
gap: .5em;
.swiper-pagination-bullet {
background-color: #00abff;
}
}
.recent-entries-item-inner {
display: block;
padding: 24px;
.recent-entries-image-link {
@media only screen and (min-width: 1200px) {
min-height: auto;
}
}
}
@media only screen and (min-width: 1200px) {
.swiper-slide {
max-width: 800px;
}
}
}
/* ------------------------------
ヘッダーの高さ分調整
------------------------------ */
/* トップ以外、パンくずがないページ */
body:not(.page-index) #top-editarea + #content {
margin-top: 80px;
}
/* ------------------------------
aboutページ
------------------------------ */
.page-about .entry-content {
border-radius: 20px;
}
/* ------------------------------
404ページ
------------------------------ */
.no-entry {
margin: clamp(80px, 8.2083333333vw, 120px) 0;
}
.no-entry .entry-content {
border-radius: 20px;
width: 73%;
}
@media only screen and (max-width: 1279px) {
.no-entry .entry-content {
width: 68%;
}
}
@media (min-width: 901px) {
.no-entry .entry-content {
max-width: 900px;
margin: 0 auto;
}
}
@media only screen and (max-width: 900px) {
.no-entry .entry-content {
width: 100%;
}
}
/* ------------------------------
検索結果ページ
------------------------------ */
.search-result-form {
margin: auto;
}
/* ------------------------------
box2 サイドバー
------------------------------ */
.AboutMedia {
border-radius: clamp(10px, 1.3020833333vw, 20px);
background: #e9eef4;
}
.AboutMedia__image {
aspect-ratio: 16 / 9;
display: flex;
align-items: center;
}
.AboutMedia__ttl {
font-size: 20px;
}
@media only screen and (max-width: 767px) {
.AboutMedia__links {
gap: 35px;
}
}
.hatena-follow-button {
font-size: 11px;
}
#box2 .hatena-module-title {
font-size: 20px;
}
#box2 .hatena-module-title>a {
font-size: 20px;
/* hero askデフォルトを打ち消す */
}
/* ------------------------------
その他
------------------------------ */
.category-導入事例 .date {
display: none;
}
.kv__tablet {
width: 45.338542vw!important;
}
.kv__tablet iframe {
width: 100%;
height: calc(45.338542vw * 0.5633);
}
@media screen and (max-width: 767px) {
.kv__tablet {
width: 106.6666666667vw!important;
text-align: center;
}
.kv__tablet iframe {
height: calc(94vw * 0.56);
width: 94vw;
}
.confirm__title {
font-size: 24px!important;
}
}
/* ------------------------------
定型文
------------------------------ */
.button-fill.button-rounded {
display: flex; /* ボタンを中央そろえにする場合 */
}
.button-fill.button-rounded a {
display: inline-block;
min-width: 100px;
text-align: center;
background: #2E4F9E; /* 任意の背景色 */
color: #fff; /* 任意の文字色 */
text-decoration: none;
transition: all .2s;
margin: 4px auto;
padding: 12px 20px;
border-radius: 100px;
font-weight: bold;
}
.button-fill.button-rounded a:hover {
opacity: .7;
}
/* ------------------------------
改行修正
------------------------------ */
.entry-content p { margin:0}
/* ------------------------------
時計アイコン位置調整
------------------------------ */
.hatena-module-related-entries .urllist-date-link a:before {
vertical-align: -3px;
}
@media screen and (max-width: 767px) {
.archive-date a:before {
vertical-align: 3px;
}
.entry-date a:before {
vertical-align: 2px;
}
.hatena-module-related-entries .urllist-date-link a:before {
vertical-align: -4px;
}
}
/* ------------------------------
cookie表示削除
------------------------------ */
#pi_tracking_opt_in_div{
display: none;
}
/* ------------------------------
2024/11/12
------------------------------ */
small {
font-size: 0.8em;
vertical-align: text-top;
}
.kv__title small {
font-size: 0.3em;
vertical-align: text-top;
}
.page-index .adopting-companies__img {
width: clamp(720px, 56.25vw, 2730px);
}
#content.confilm {
margin-top: 0 !important;
}
/* ------------------------------
2025/05/28
------------------------------ */
.date-last-updated .test-display-last-updated {
display: block;
}