.robot{font-family:"Roboto",sans-serif}.noto{font-family:"Noto Serif JP",serif}.RoNow{font-family:"ナウ-GM","NOW-GM"}.pageHeader .main_icon{font-size:5rem;font-weight:bold;text-align:center;padding-top:10px}.pageHeader .main_icon img{max-width:500px}@media only screen and (max-width: 640px){.pageHeader .main_icon img{width:100%}}#wrapperContent #content main article section#sec_blog{background-color:#f3f6fa}#wrapperContent #content main article section#sec_blog .inner{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:50px;padding-bottom:100px}@media only screen and (max-width: 640px){#wrapperContent #content main article section#sec_blog .inner{padding-bottom:50px}}#wrapperContent #content main article section#sec_blog .inner .caseSide{width:100%;background-color:#fff;padding:20px 20px 40px;border:solid 2px #d6e5ff}#wrapperContent #content main article section#sec_blog .inner .caseSide .ttl{font-weight:bold;margin-bottom:10px}#wrapperContent #content main article section#sec_blog .inner .caseSide .categoryBox{margin-bottom:40px}#wrapperContent #content main article section#sec_blog .inner .caseSide .categoryBox ul li{border-bottom:1px solid #ddd}#wrapperContent #content main article section#sec_blog .inner .caseSide .categoryBox ul li a{display:block;padding:12px 0;font-size:1.4rem;color:#333}#wrapperContent #content main article section#sec_blog .inner .caseSide .categoryBox ul li a::before{content:"";font-family:"Material Symbols Rounded";font-weight:400;font-variation-settings:"FILL" 1;vertical-align:middle;margin-right:.5em;color:#1e50a2}#wrapperContent #content main article section#sec_blog .inner .caseSide .categoryBox ul li a:hover,#wrapperContent #content main article section#sec_blog .inner .caseSide .categoryBox ul li a.current{color:#fff;background-color:#1e50a2}#wrapperContent #content main article section#sec_blog .inner .caseSide .categoryBox ul li a:hover::before,#wrapperContent #content main article section#sec_blog .inner .caseSide .categoryBox ul li a.current::before{color:#fff}#wrapperContent #content main article section#sec_blog .inner .detailBox .clientName{margin-bottom:10px;font-size:1.4rem;color:#555;font-weight:400}#wrapperContent #content main article section#sec_blog .inner .detailBox .projectName{padding-bottom:15px;border-bottom:1px solid #cdcdcd;line-height:1.5;color:#333;font-weight:bold}@media only screen and (max-width: 9999px){#wrapperContent #content main article section#sec_blog .inner .caseSide{padding:20px 20px 25px;width:100%}#wrapperContent #content main article section#sec_blog .inner .caseSide .categoryBox{margin-bottom:25px}#wrapperContent #content main article section#sec_blog .inner .caseSide .categoryBox ul{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:10px}#wrapperContent #content main article section#sec_blog .inner .caseSide .categoryBox ul li{display:inline-block;border-bottom:none}#wrapperContent #content main article section#sec_blog .inner .caseSide .categoryBox ul li a{border:1px solid #ddd;border-radius:25px;padding:12px 20px}}@media only screen and (max-width: 640px){#wrapperContent #content main article section#sec_blog .inner{gap:40px}#wrapperContent #content main article section#sec_blog .inner .caseSide .categoryBox ul{gap:8px 6px}#wrapperContent #content main article section#sec_blog .inner .caseSide .categoryBox ul li a{padding:8px 12px}}a.btn01.back_archive{margin:75px auto 0}a.btn01.back_archive::after{content:"";right:auto;left:20px}@media only screen and (max-width: 640px){a.btn01.back_archive{max-width:calc(70% + 40px)}}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list{padding-bottom:5px;align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:30px 0}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li{flex-basis:32%;background-color:#fff;display:flex}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li a{display:flex;flex-direction:column;padding:20px}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li a .image{aspect-ratio:3/2;overflow:hidden;display:flex;align-items:center;background-color:#eee}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li a .image img{width:100%;transition:all .2s ease-out}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li a .txtBox{flex-grow:1;padding:20px 0 0}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li a .txtBox .clientName{margin-bottom:0px}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li a .txtBox .projectName{padding-bottom:0px;border-bottom:none;margin-bottom:15px}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li a .txtBox table.tagName{width:100%;margin-bottom:20px}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li a .txtBox table.tagName tr:first-child{border-bottom:#c9caca solid 1px}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li a .txtBox table.tagName th,#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li a .txtBox table.tagName td{padding:10px;color:#555;font-weight:400;font-size:1.2rem}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li a .txtBox table.tagName th{background:#dff2fc}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li a .txtBox table.tagName td{background:#f7f8f8}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li a .btmBox .btn_more{display:flex;justify-content:center}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li a .btmBox .btn_more .btn01{width:50%;display:inline-block;padding:10px;font-size:1.4rem}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li:hover{box-shadow:0 0 10px 0px rgba(0,0,0,.1);transition:all .2s ease-out}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li:hover a .image img{transform:scale(1.2)}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li:hover a .btmBox .btn01{background-color:#1e50a2;color:#fff;transition:all .2s ease-out}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li:hover a .btmBox .btn01::after{color:#fff}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li.no_data{flex-basis:100%;justify-content:center;padding:50px 0}#wrapperContent #content.blog_single main article section#sec_blog .inner .tag_area{margin:0 0 30px auto;display:flex;justify-content:right}@media only screen and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .tag_area{margin:0 0 15px auto}}#wrapperContent #content.blog_single main article section#sec_blog .inner .tag_area a:not(:last-child){margin-right:5px}#wrapperContent #content.blog_single main article section#sec_blog .inner .tag_area a li{background-color:#fff;color:#1e50a2;border:1px solid #1e50a2;border-radius:30px;padding:4px 12px 5px;font-size:1.3rem}@media only screen and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .tag_area a li{font-size:1.4rem;padding:4px 6px 5px}}#wrapperContent #content.blog_single main article section#sec_blog .inner .tag_area a li:hover{background-color:#1e50a2;color:#fff}#wrapperContent #content.blog_single main article section#sec_blog .inner .more-btn .btn_more{border:1px solid #1e50a2;background-color:#fff;color:#1e50a2;border-radius:20px;padding:10px 20px}#wrapperContent #content.blog_single main article section#sec_blog .inner .more-btn .btn_more:hover{background-color:#1e50a2;color:#fff}@media only screen and (max-width: 900px){#wrapperContent #content.blog_single main article section#sec_blog .inner{flex-direction:column}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox{width:100%}}@media only screen and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox ul.sec_blog_list li{flex-basis:100%;box-shadow:0 0 10px 0px rgba(0,0,0,.1)}}#wrapperContent .media_box .new_box{display:flex;justify-content:space-between;flex-wrap:wrap}#wrapperContent .media_box .new_box li{width:30%;margin-bottom:90px}@media only screen and (max-width: 900px){#wrapperContent .media_box .new_box li{width:46%;margin-bottom:60px}}@media only screen and (max-width: 640px){#wrapperContent .media_box .new_box li{width:100%;margin-bottom:45px}}#wrapperContent .media_box .new_box li::after{border-bottom:1px solid #1e50a2}#wrapperContent .media_box .new_box li a .image_area{display:flex;margin-left:15px;margin-bottom:-10px}#wrapperContent .media_box .new_box li a .image_area .txt{writing-mode:vertical-rl}#wrapperContent .media_box .new_box li a .image_area .image{border-radius:10px;overflow:hidden}#wrapperContent .media_box .new_box li a .image_area .image img{-o-object-fit:cover;object-fit:cover;transition:all .2s ease-out}#wrapperContent .media_box .new_box li a .image_area .image img:hover{transform:scale(1.2)}#wrapperContent .media_box .new_box li a .txt_area{margin-right:30px;border:2px solid #1e50a2;background-color:#fff;padding:15px;border-radius:15px;color:#1e50a2;box-shadow:0 0 10px 0px rgba(0,0,0,.2);position:relative !important;z-index:10}#wrapperContent .media_box .new_box li a .txt_area .category,#wrapperContent .media_box .new_box li a .txt_area .category02{font-size:1.4rem}#wrapperContent .media_box .new_box li a .txt_area .title{color:#1e50a2;font-size:1.7rem;margin-bottom:15px;min-height:145px;line-height:1.7}@media only screen and (max-width: 900px){#wrapperContent .media_box .new_box li a .txt_area .title{min-height:80px}}@media only screen and (max-width: 760px){#wrapperContent .media_box .new_box li a .txt_area .title{min-height:120px}}@media only screen and (max-width: 640px){#wrapperContent .media_box .new_box li a .txt_area .title{min-height:auto}}@media only screen and (max-width: 640px){#wrapperContent .media_box .new_box li a .txt_area::after{content:"";font-family:"Material Symbols Rounded";font-weight:300;font-size:5rem;color:#1e50a2;position:absolute;top:85%;right:-10%;transform:translateY(-50%)}}#wrapperContent .media_box .new_box li:hover{transition:all .2s ease-out}#wrapperContent .media_box .new_box li:hover a .image img{transform:scale(1.2)}#wrapperContent .media_box .new_box li:hover a .txt_area::after{content:"";font-family:"Material Symbols Rounded";font-weight:300;font-size:5rem;color:#1e50a2;position:absolute;top:85%;right:-12%;transform:translateY(-50%)}@media only screen and (max-width: 900px){#wrapperContent .media_box .new_box li:hover a .txt_area::after{right:-10%}}@media only screen and (max-width: 760px){#wrapperContent .media_box .new_box li:hover a .txt_area::after{right:-12%}}#wrapperContent .media_box .new_box::after{content:"";display:block;width:30%}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox{background-color:#fff;padding:40px}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .imageList{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:30px 0}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .imageList .subBox{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .imageList .subBox .image{flex-basis:calc(50% - 15px)}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .hashtagList{margin-top:30px}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .ttlBox .projectName{font-size:2.4rem;margin-bottom:20px}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .only_pc{display:block}@media only screen and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .only_pc{display:none}}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .only_sp{display:none}@media only screen and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .only_sp{display:block}}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .txtC{text-align:center}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .txt{margin-bottom:1em}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .txt:last-child{margin-bottom:0}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox p{margin-bottom:10px;line-height:1.5}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .padding_area{padding:0 30px}@media only screen and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .padding_area{padding:0 20px}}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox h3{position:relative;margin-bottom:60px;padding:15px;background:linear-gradient(135deg, #1e50a2, #4b85e5);color:#fff;font-size:22px}@media only screen and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox h3{font-size:20px;margin-bottom:30px}}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox h3::before{position:absolute;content:"";top:100%;left:0;border:none;border-bottom:solid 15px rgba(0,0,0,0);border-right:solid 20px #3e567d}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox h4{margin-bottom:10px;font-weight:bold;position:relative;padding-left:20px}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox h4::before{content:"";font-family:"Material Symbols Rounded";font-weight:400;font-variation-settings:"FILL" 1;position:absolute;left:0;top:50%;transform:translateY(-50%);color:#1e50a2}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox h5{line-height:1.7;font-weight:bold}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox h6{line-height:1.7}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox ul{margin:20px 0 20px 0px}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox ul li{line-height:1.4;margin-bottom:10px}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox ul li>ul{margin:5px 0 0}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox hr{border:none;border-bottom:1px solid #cdcdcd;margin:20px 0}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .mokuji_box{max-width:650px;margin:60px auto;border:5px solid #ddd;padding:45px}@media only screen and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .mokuji_box{max-width:100%;margin:30px auto;padding:30px 15px}}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .mokuji_box .m_detail{display:flex;justify-content:left}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .mokuji_box .m_detail .m_icon{width:5%}@media only screen and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .mokuji_box .m_detail .m_icon{width:10%}}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .mokuji_box .m_detail .m_txt{width:90%}@media only screen and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .mokuji_box .m_detail .m_txt{width:85%}}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .mokuji_box .m_detail a{color:#333}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .mokuji_box .m_detail a:hover{color:#1e50a2}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box{margin:60px auto;border-top:5px solid #ddd;padding:45px 60px 0}@media only screen and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box{margin:30px auto;padding:30px 15px 0}}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .toiawase{font-size:2rem;border-bottom:solid 2px #1e50a2}@media only screen and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .toiawase{font-size:1.6rem}}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail{display:flex;justify-content:space-between}@media only screen and (max-width: 850px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail{flex-wrap:wrap}}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail .detail01{width:50%}@media only screen and (max-width: 850px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail .detail01{width:100%;text-align:center;margin-bottom:15px}}@media only screen and (max-width: 850px)and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail .detail01{text-align:left}}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail .detail01 .tel{font-size:2.5rem}@media only screen and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail .detail01 .tel{font-size:2rem}}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail .detail01 .tel_num{font-size:3.5rem;color:#1e50a2}@media only screen and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail .detail01 .tel_num{font-size:3rem;text-decoration:underline}}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail .detail02{width:45%}@media only screen and (max-width: 850px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail .detail02{width:100%}}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail .detail02 .btn01{margin:0 auto;padding:15px 0 !important;background-color:#1e50a2;color:#fff;position:relative}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail .detail02 .btn01 .material-symbols-rounded{color:#fff}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail .detail02 .btn01::after{color:#fff}@media only screen and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail .detail02 .btn01::after{right:10px}}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail .detail02 .btn01::before{content:"";position:absolute;top:100%;left:50%;margin-left:-15px;border:15px solid rgba(0,0,0,0);border-top:15px solid #1e50a2}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail .detail02 .btn01:hover{border:1px solid #2a70e3;background-color:#2a70e3}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .otoiawase_box .otoiawase_detail .detail02 .btn01:hover::before{border-top:15px solid #2a70e3}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .u_line{background:linear-gradient(transparent 50%, #fff001 50%)}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .border_shikiri{border-bottom:2px solid #1e50a2}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .icon_shikiri02{color:#1e50a2;text-align:center;margin:30px 0}@media only screen and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .icon_shikiri02{margin:15px 0}}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .indent{padding-left:1em;text-indent:-1em}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .indent15{padding-left:2em;text-indent:-1.5em}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .txtBox .indent2{padding-left:2em;text-indent:-2em}@media only screen and (max-width: 640px){#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox{padding:25px 20px 40px}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .imageList{gap:20px 0}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .imageList .subBox{gap:20px 0}#wrapperContent #content.blog_single main article section#sec_blog .inner .detailBox .imageList .subBox .image{flex-basis:100%}}/*# sourceMappingURL=layout_blog.css.map */