.blog-wrap{margin:auto;max-width:600px}.blog-wrap h1{text-align:left;line-height:1.4;margin-bottom:2rem;font-family:"Libre Baskerville", sans-serif;font-size:2rem;font-weight:bold}.blog-wrap .b_link-top{margin-bottom:1rem}.blog-wrap .b_link-top a{display:block}.blog-wrap .blog-info{display:flex;align-items:center;margin-bottom:3rem}.blog-wrap .categories{display:inline-flex;align-items:center;gap:10px}.blog-wrap .embed_youtube{position:relative;display:block;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;margin-bottom:25px}.blog-wrap .embed_youtube iframe{width:100%;height:100%;position:absolute;top:0;left:0}.blog-wrap .p-time{color:#7986a8;padding-right:1.5rem}.blog-wrap .blog-content{line-height:2;margin-bottom:3rem}.blog-wrap .blog-content a{text-decoration:underline}.blog-wrap .blog-content a:visited{text-decoration:underline}.blog-wrap .blog-content a:hover,.blog-wrap .blog-content a:visited:hover{opacity:0.6}.blog-wrap .blog-content figure{margin:0}.blog-wrap .blog-content img{width:100%;height:auto;margin-bottom:3rem}.blog-wrap .blog-content>p{margin-bottom:3rem}.blog-wrap .blog-content>p.p_nospace{margin-bottom:1rem}.blog-wrap .blog-content blockquote{background:#f3f3f3;padding:3rem 4rem;margin:0 0 5rem}.blog-wrap .blog-content blockquote p{margin-bottom:0}.blog-wrap .blog-content blockquote cite{font-size:1.4rem;text-align:right;display:block}.blog-wrap .blog-content blockquote ul{list-style:disc;margin-left:2rem;font-weight:normal;margin-bottom:0}.blog-wrap .blog-content ul{font-weight:bold;margin-bottom:5rem}.blog-wrap .blog-content h2{border-bottom:4px solid #172244;color:#172244;font-family:"Libre Baskerville", sans-serif;font-size:1.6rem;font-weight:bold;line-height:2.4;margin:6rem 0 2rem}.blog-wrap .blog-content h3{font-family:"Libre Baskerville", sans-serif;font-size:1.75rem;font-weight:bold;margin:4rem 0 1rem}.blog-wrap .blog-content h4{font-family:"Libre Baskerville", sans-serif;font-size:1.5rem;font-weight:bold;margin-bottom:1.5rem}.blog-wrap .blog-content .mb_40{margin-bottom:4rem !important}.blog-wrap .blog-content .des01 dt{background:#f4f4f4;text-align:center;font-weight:bold;margin-bottom:1rem}.blog-wrap .blog-content .des01 dd{position:relative;margin:0 0 2rem;padding-bottom:2rem}.blog-wrap .blog-content .des01 dd::after{content:"";position:absolute;width:8px;height:8px;border-top:1px solid #172244;border-right:1px solid #172244;transform:rotate(135deg) translateX(-50%);left:50%;bottom:0}.blog-wrap .blog-content .des01 dd:last-child::after{content:none;margin-bottom:5rem}.blog-wrap .blog-content .des02{text-align:center}.blog-wrap .blog-content .des02.t-l dd{text-align:left}.blog-wrap .blog-content .des02 dt{background:#172244;color:#fff;font-weight:bold;padding:0.5rem 1rem}.blog-wrap .blog-content .des02 dd{background:#f4f4f4;margin:0 0 3rem;padding:2rem}.blog-wrap .blog-content .des03 strong:first-child{background:#172244;color:#fff;padding:0.5rem 1rem;margin-bottom:2rem;display:block;text-align:center}.blog-wrap .blog-content .nf-prof{margin:0 0 1.5rem;background:#f4f4f4;border-radius:1rem}.blog-wrap .blog-content .nf-prof td{display:flex;align-items:center;padding:3rem}.blog-wrap .blog-content .nf-prof td p{margin-bottom:0}.blog-wrap .blog-content .nf-prof td img{max-width:120px;margin:0 2rem 0 0}.blog-wrap .blog-content .faq_wrapper{font-weight:normal;margin-bottom:2rem}.blog-wrap .blog-content .faq_wrapper li{text-indent:-4rem;padding-left:4rem}.blog-wrap .blog-content .faq_wrapper li::before{content:"Q";font-size:1.3rem;width:2rem;height:2rem;color:#fff;background:#172244;border-radius:50%;padding:0.8rem 1rem;margin-right:1rem;font-weight:bold;border:1px solid #172244}.blog-wrap .blog-content .faq_wrapper li:first-child{font-weight:bold;line-height:5rem}.blog-wrap .blog-content .faq_wrapper li:nth-child(2n)::before{content:"A";background:#fff;color:#172244}.blog-wrap .blog-content .liquid-speech-balloon-right{margin-bottom:4rem}.blog-wrap .blog-content thead{background:#172244;color:#fff}.blog-wrap .blog-content th,.blog-wrap .blog-content td{line-height:1.6;border:1px solid #172244;padding:1rem 2rem}.blog-wrap .blog-content tbody th{color:#fff;background:rgba(23,34,68,0.7)}.blog-wrap .blog-content tbody ul{margin-bottom:0}.blog-wrap .blog-content .no_space{margin-bottom:1.5rem}.blog-wrap .box-sns{display:flex;justify-content:flex-end;align-items:center;margin-bottom:6rem}.blog-wrap .box-sns span{font-weight:bold;margin-right:1rem}.blog-wrap .box-sns a{display:block;margin-right:1rem}.blog-wrap .box-sns a:hover{opacity:0.7}.blog-wrap .box-sns a img{width:32px;height:32px}.blog-wrap .t-inline{margin-bottom:0 !important;display:flex;justify-content:center;align-items:center}.blog-wrap .t-inline .t-line-child{width:4rem;height:1px;background:#fff;margin:0 0.5rem}.blog-wrap .shop_links{padding:2rem;margin:1.6em auto;border:3px solid #dfdfdf;box-sizing:border-box;position:relative}.blog-wrap .shop_links ul{display:flex;margin-bottom:0}.blog-wrap .shop_links ul li:first-child{margin-right:3rem}.blog-wrap .shop_links ul p{margin-bottom:0}.blog-wrap .shop_links ul a{display:block;color:#fff;text-decoration:none}.blog-wrap .shop_links ul a:visited,.blog-wrap .shop_links ul a:hover{color:#fff;text-decoration:none}.blog-wrap .shop_links ul .shoplinkamazon,.blog-wrap .shop_links ul .shoplinkyahoo,.blog-wrap .shop_links ul .shoplinkrakuten{padding:0 2rem;margin-bottom:0.5rem;font-size:1.4rem}.blog-wrap .shop_links ul .shoplinkamazon{background:#f79901}.blog-wrap .shop_links ul .shoplinkyahoo{background:#e60033}.blog-wrap .shop_links ul .shoplinkrakuten{background:#bf0000}.blog-wrap .shop_links ul img{width:160px;margin-bottom:0}.blog-wrap .shop_links ul .shop_links_title{line-height:1.6}.blog-wrap .shop_links ul .shop_links_title a{color:#172244}.blog-wrap .shop_links ul .shop_links_title a:visited,.blog-wrap .shop_links ul .shop_links_title a:hover{color:#172244}.blog-wrap .shop_links ul .shop_links_auth{font-size:1.3rem;color:#666;margin-bottom:2rem;font-weight:normal}.blog-wrap .shop_links img{margin-bottom:2rem}.blog-wrap .shop_links blockquote{padding:2rem 3rem}.blog-wrap .shop_links p{margin-bottom:2rem;line-height:1.7}.blog-wrap .shop_links ul{margin-bottom:2rem}.blog-wrap .shop_links h2{font-size:1.6rem;line-height:2;margin:6rem 0 2rem}.blog-wrap .shop_links h3{font-size:2rem;margin:6rem 0 2rem;font-weight:bold}.blog-wrap .shop_links .nf-prof td{display:block;justify-content:center}.blog-wrap .shop_links .nf-prof td img{margin:0 auto 2rem}.blog-wrap .shop_links .liquid-speech-balloon-text{padding:2rem}.blog-wrap .shop_links .liquid-speech-balloon-text p{font-size:1.5rem}.blog-wrap .shop_links tbody tr{display:flex;flex-direction:column}.blog-wrap .shop_links tbody th{padding:0.5rem 2rem;border-top:none;border-bottom:none}.blog-wrap .shop_links tbody td{padding:1rem 2rem}.blog-wrap .shop_links tbody ul{margin-bottom:0}.blog-wrap h1{font-size:2rem;margin-bottom:1rem}.blog-wrap .blog-img-catch{margin-bottom:2rem;width:100%}.blog-wrap .blog-aside{margin-bottom:3rem}.blog-wrap .blog-aside h2{font-family:"Libre Baskerville", sans-serif;font-weight:normal;display:flex;align-items:center;font-size:1.7rem;color:#172244;border-bottom:1px solid #172244;margin-bottom:2rem;padding:0.2rem 0}.blog-wrap .blog-aside h2 span{padding-left:1rem;font-size:0.9rem}.blog-wrap .blog-aside .blog-aside-contents{display:flex;align-items:flex-start;flex-wrap:wrap}.blog-wrap .blog-aside .blog-aside-contents .related-post{width:calc(33.333% - 2rem / 3);margin:0 1rem 1.5rem 0}.blog-wrap .blog-aside .blog-aside-contents .related-post:nth-child(3n){margin-right:0}.blog-wrap .blog-aside .blog-aside-contents .related-post a:hover{opacity:0.7}.blog-wrap .blog-aside .blog-aside-contents .related-post h3{font-size:1rem;font-weight:bold}.blog-wrap .blog-aside .blog-aside-contents .related-post img{width:100%;height:auto;margin-bottom:1rem;display:block}.blog-wrap-foot{color:#fff;display:flex;align-items:flex-start;font-size:0.875em;justify-content:center;padding:4rem 0;max-width:900px;width:90%;margin:0 auto}.blog-wrap-foot h2{color:#fff;font-size:1.1rem;font-weight:bold;margin-bottom:0.75rem}.blog-wrap-foot a,.blog-wrap-foot a:visited{color:#fff}.blog-wrap-foot a:hover{text-decoration:underline}.blog-wrap-foot div{margin-right:5%}.blog-wrap-foot div:first-child{width:60%}.blog-wrap-foot div:nth-child(3){margin-right:0}.p-time{font-size:1rem;color:#7986a8;padding-right:1.5rem}ul.post-categories{font-size:1.4rem;display:flex}ul.post-categories li{padding-right:1rem}ul.post-categories li a:hover{text-decoration:underline}.category-list{padding-bottom:6rem}.category-list ul{display:flex;justify-content:center;flex-wrap:wrap;font-size:1.7rem;font-weight:bold}.category-list li{margin:0 10px}.category-list li a{display:inline-block;position:relative}.category-list li.current a,.category-list li a:hover{color:#ccc}.foot-btn-area{display:flex;gap:20px;justify-content:space-between}.foot-btn-area:not(.--news){margin-bottom:5rem}.foot-btn-area .more-btn{margin-bottom:2rem}h3.webdesign{background:#172244;color:#fff;padding:0.4rem 1rem}.webdesign_box{background:#f4f4f4;padding:1rem 4rem}.webdesign_box p{margin-bottom:1rem}.webdesign_box ul{font-weight:normal}.mokuji{font-size:2rem;font-weight:bold}.mokuji2{font-weight:bold}.has-text-align-right{text-align:right}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.more-btn{display:inline-block}.more-btn a{display:block;padding:0 2.5rem 0 1rem;border:1px solid #172244;position:relative;transition:all 0.3s}.more-btn a:hover{color:#fff;background:#172244}.more-btn a:hover::after{border-top:solid 1px #fff;border-right:solid 1px #fff}.more-btn a::after{content:"";width:0.8rem;height:0.8rem;border:0px;border-top:solid 1px #172244;border-right:solid 1px #172244;transform:rotate(45deg);position:absolute;top:0.9rem;right:1.2rem}.bt-l a{padding:0.5rem 3rem 0.5rem 4rem}.bt-l a::after{top:1rem;left:1.5rem;transform:rotate(-135deg)}.bt-arrow a{padding:0.5rem 3rem}.bt-arrow a::after{content:none}.grey-box{background:#f4f4f4}.blue-box{background:#172244}@media screen and (max-width: 750px){.footPrints{width:18vw}.footPrints.ft1{top:-9%}.footPrints.ft2{top:-10%}.footPrints.ft3{top:-30%}}@media screen and (max-width: 500px){.footPrints{width:24vw}}@media screen and (max-width: 900px){.site-title{z-index:1000}.site-title img{width:200px}.sp-menu{display:block}.pages-wrap{padding:6rem 0}footer .f-nav{display:none}.drawer-list{visibility:hidden;z-index:888;position:fixed;right:0;top:0;height:100vh;width:50vw;transform:translate(100vw, 0);box-sizing:border-box;pointer-events:none;padding-top:125px;transition:width 475ms ease-out, transform 450ms ease, border-radius 0.8s 0.1s ease;border-bottom-left-radius:100vw;background-color:#333d5c;background-color:rgba(0,13,51,0.8)}}@media screen and (max-width: 900px) and (max-width: 414px){.drawer-list{width:70vw}}@media screen and (max-width: 900px){.drawer-list ul{display:block;height:100%;width:100%;margin:0;padding:0;overflow:auto;overflow-x:hidden;pointer-events:auto}.drawer-list li{padding:0;pointer-events:auto;white-space:nowrap;box-sizing:border-box;transform:translatex(100vw)}.drawer-list li:last-child{margin-bottom:2em}.drawer-list li a{text-decoration:none;color:#fff;text-align:right;display:block;font-size:calc(24px - 0.5vw)}.drawer-list li a:hover{cursor:pointer;color:#172244;background-color:#fff;background-color:rgba(255,255,255,0.5)}.drawer-list li a:before{content:none}input.s-menu{display:none}input.s-menu:checked ~ .drawer-list{visibility:visible;transform:translatex(0);border-bottom-left-radius:0}input.s-menu:checked ~ .drawer-list li{transform:translatex(0)}input.s-menu:checked ~ .drawer-list li a{padding:2rem 4rem}input.s-menu:checked ~ label>i{background-color:transparent;transform:rotate(90deg)}input.s-menu:checked ~ label>i:before{background-color:#fff;transform:translate(-50%, -50%) rotate(315deg)}input.s-menu:checked ~ label>i:after{background-color:#fff;transform:translate(-50%, -50%) rotate(-315deg)}input.s-menu:checked ~ label .close{color:#fff;width:100%}input.s-menu:checked ~ label .open{color:transparent;width:0}label.s-menu{transition:all 0.4s ease;z-index:999;position:relative;display:block;height:40px;width:40px;margin-top:-17px}label.s-menu:hover{cursor:pointer}label.s-menu .close,label.s-menu .open{text-transform:uppercase;font-size:0.8em;position:absolute;transform:translateY(40px);text-align:center;overflow:hidden;transition:width 0.25s 0.35s, color 0.45s 0.35s}label.s-menu .close{color:transparent;right:0;width:0}label.s-menu .open{color:#172244;width:100%}label.s-menu>i{position:absolute;width:100%;height:2px;top:50%;background-color:#172244;pointer-events:auto;transition-duration:0.35s;transition-delay:0.35s}label.s-menu>i:before,label.s-menu>i:after{position:absolute;display:block;width:100%;height:2px;left:50%;background-color:#172244;content:"";transition:transform 0.35s;transform-origin:50% 50%}label.s-menu>i:before{transform:translate(-50%, -10px)}label.s-menu>i:after{transform:translate(-50%, 10px)}footer .f-info{margin-bottom:4rem}}@media screen and (max-width: 600px){.site-title img{width:160px}.contact-wrap{display:block}.contact-wrap .contact-box-left{width:100%}.contact-wrap .contact-title{display:block;margin-bottom:2rem}.contact-wrap .contact-title h2{margin-right:2rem}}@media screen and (max-width: 330px){.drawer-list{padding-top:100px}.drawer-list li a{font-size:calc(18px - 0.5vw)}input.s-menu:checked ~ .drawer-list li a{padding:1.5rem 2rem}}@media screen and (max-width: 767px){.blog-wrap{padding:0 20px 3rem}.blog-wrap .blog-info{font-size:1rem;margin-bottom:2rem}.blog-wrap .b_link-top{font-size:1rem}.blog-wrap h1{font-size:1.6rem;margin-bottom:1rem}.blog-wrap .blog-img-catch{margin-bottom:2rem}.blog-wrap .blog-content{font-size:1rem;line-height:2}.blog-wrap .blog-content img{margin-bottom:2rem}.blog-wrap .blog-content blockquote{padding:2rem 3rem}.blog-wrap .blog-content p{margin-bottom:2rem;line-height:1.7}.blog-wrap .blog-content ul{margin-bottom:2rem}.blog-wrap .blog-content h2{font-size:1.5rem;line-height:2;margin:4.8rem 0 1.5rem}.blog-wrap .blog-content h3{font-size:2rem;margin:4.8rem 0 1.5rem;font-weight:bold}.blog-wrap .blog-content .nf-prof td{display:block;justify-content:center}.blog-wrap .blog-content .nf-prof td img{margin:0 auto 2rem}.blog-wrap .blog-content .liquid-speech-balloon-text{padding:2rem}.blog-wrap .blog-content .liquid-speech-balloon-text p{font-size:1.5rem}.blog-wrap .blog-content tbody tr{display:flex;flex-direction:column}.blog-wrap .blog-content tbody th{padding:0.5rem 2rem;border-top:none;border-bottom:none}.blog-wrap .blog-content tbody td{padding:1rem 2rem}.blog-wrap .blog-content tbody ul{margin-bottom:0}.blog-wrap .blog-aside h2{line-height:1.4;display:block}.blog-wrap .blog-aside h2 span{padding-left:0;display:block}.blog-wrap .blog-aside .blog-aside-contents .related-post{width:calc(50% - 1.2rem / 2);margin:0 1.2rem 1.6rem 0}.blog-wrap .blog-aside .blog-aside-contents .related-post:nth-child(3n){margin-right:1.2rem}.blog-wrap .blog-aside .blog-aside-contents .related-post:nth-child(2n),.blog-wrap .blog-aside .blog-aside-contents .related-post:nth-child(6){margin-right:0}.blog-wrap .blog-aside .blog-aside-contents .related-post h3{font-size:0.9rem}.blog-wrap .blog-aside .blog-aside-contents .related-post p{font-size:0.9rem;line-height:1.4;margin-bottom:0.5rem}.blog-wrap .blog-aside .blog-aside-contents .related-post img{width:100%}.blog-wrap .foot-btn-area{flex-flow:column;gap:0;text-align:center}.blog-wrap-foot{display:block;padding:4rem 0}.blog-wrap-foot div{margin:0 0 3rem 0}.blog-wrap-foot div:first-child,.blog-wrap-foot div:nth-child(2),.blog-wrap-foot div:nth-child(3){width:100%}}
