@media print{body{overflow:visible !important}}:root{--font-b:"Shuei NijimiMGo B";--font-tel:"Helvetica,serif";--color-base:#247db8;--color-accent:#e77242}body{color:#333;line-height:1.7;font-family:"Yu Gothic Medium","游ゴシック Medium","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;font-weight:500}h1,h2,h3,h4,h5,h6{line-height:1.5}strong{color:#e77242}blockquote{display:table;border:solid 1px #ccc;background:#f0f0f0;margin:1em;padding:1em}dl{margin:1em 0}dd{margin-left:3em}ul,ol{margin:1em 0 1em 2em;padding:0}p{margin:1em 0}a{text-decoration:underline}a img{vertical-align:middle}a[href]{word-break:break-all}a:not([href]){pointer-events:none;text-underline-offset:-.5em}input[type=text]:focus,textarea:focus{background-color:#ffc}.fade{opacity:0;transition:opacity .5s}.fade.lazyloaded{opacity:1}.fadeUp{opacity:0;transform:translateY(50px);transition:.5s}.fadeUp.lazyloaded{transform:translateY(0);opacity:1}.zoom{opacity:0;transform:scale(.9);transition:.5s}.zoom.lazyloaded{transform:scale(1);opacity:1}.pkg:after{content:"";display:block;clear:both;height:0}#breadcrumbs{margin:0;padding:10px 0;font-size:12px}#breadcrumbs ul{display:inline;margin:0}#breadcrumbs,#breadcrumbs ul{list-style-type:none}#breadcrumbs li{display:inline}#breadcrumbs ul li{margin-left:.5em}#breadcrumbs ul ul:before{content:">";margin-left:.5em}.entry-meta{font-size:12px}.entry-meta dt,.entry-meta dd{display:inline}.entry-header .entry-meta{text-align:right}.entry-footer .entry-meta{clear:both;margin:1em 0 0;border:dotted 1px #ccc;padding:5px}.entry-date{text-align:center}blockquote .cite{text-align:right}a.img{display:block;text-decoration:none;overflow:hidden}.img{display:block;position:relative;background-repeat:no-repeat;white-space:nowrap;overflow:hidden;text-indent:100%}.img *{border:none !important;margin:0 !important;padding:0 !important;list-style-type:none;white-space:nowrap;overflow:hidden;text-indent:100%}.img br{display:none}.img a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-decoration:none}table.img{width:100%;border-collapse:collapse;border-spacing:0}table.img tr,table.img th,table.img td{background-color:transparent !important}.clr{clear:both}.img2{text-align:center;text-indent:0}.imgList{list-style-type:none;margin:0;padding:0}div.att{margin-top:1em}div.att>p,p.att{margin-top:1em;text-indent:-1em;padding-left:1em;text-align:left}div.att p{margin:0}div.att>p>span:first-child,.att>span:first-child{color:red;font-style:normal}span.att{text-indent:0;padding:0}.att2{color:red}p.more a,a.more{position:relative;padding-left:16px}p.more a:before,a.more:before{content:"";position:absolute;left:0;top:50%;margin-top:-8px;width:12px;height:16px;background:#f8cb86;clip-path:polygon(0 0,0% 100%,100% 50%)}.button a{position:relative;display:flex;justify-content:center;align-items:center;margin:2em auto;width:300px;height:48px;background:#555;color:#fff;font-size:18px;font-family:"游明朝",YuMincho,"Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-weight:bold;text-align:center;text-decoration:none;&[target=_blank]:after{content:""}}.button a:after{content:"";position:absolute;border-right:solid 1px #fff;border-bottom:solid 1px #fff;right:12px;width:56px;height:10px;transform:skewX(45deg)}.thumb img{display:block;width:100%;height:auto;vertical-align:top;aspect-ratio:3/2;object-fit:cover;object-position:0 0}p.check{display:grid;grid-template-columns:90px auto;column-gap:16px;justify-content:center;padding-top:29px;&:before{content:"";width:90px;height:90px;background-repeat:no-repeat;transform:translateY(-29px)}&.lazyloaded:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/merit_icon04.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/merit_icon04@2x.webp) 2x)}}ul.list2{font-weight:700}.check-list{list-style-type:none;margin-left:0}.check-list li{position:relative;padding:5px 0 5px 42px;font-size:128%}.check-list li:after{content:"";display:block;position:absolute;margin-top:-15px;top:20px;left:20px;width:8px;height:16px;transform:rotate(40deg);border-bottom:4px solid #53c54b;border-right:4px solid #53c54b;box-shadow:2px 2px 2px #ccc}.check-list2{margin-left:0;list-style-type:none}.check-list2 li{position:relative;padding:5px 0 5px 40px;font-size:128%}.check-list2 li:before{content:"";position:absolute;left:12px;top:8px;border:solid 2px #000;width:16px;height:16px}.check-list2 li:after{content:"";position:absolute;left:17px;top:0;width:10px;height:20px;transform:rotate(40deg);border-bottom:3px solid red;border-right:3px solid red;box-shadow:2px 2px 2px #ccc}.aligncenter{display:block;margin-right:auto;margin-left:auto;max-width:100%}.alignright{float:right;margin-bottom:1em;margin-left:1em}.alignleft{float:left;margin-right:1em;margin-bottom:1em}.number-list{counter-reset:number;list-style-type:none;margin:1em 0 1em 30px}.number-list li{position:relative;padding:5px 0 5px 30px;font-size:125%;color:#e2a91e;counter-increment:number}.number-list li:before{content:counter(number);position:absolute;left:0;display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:15px;background:#e2a91e;color:#fff;font-size:88%;text-align:center;font-weight:700}.number-list2{counter-reset:number;list-style-type:none;margin:1em 0;line-height:1.5}.number-list2 li{position:relative;margin:10px 0 0;padding:10px 10px 10px 50px;font-size:125%;background-color:#a72c29;color:#fff;text-indent:-40px}.number-list2 li:before{counter-increment:number;content:counter(number) ". ";width:30px;height:30px;background-color:#a72c29;color:#fff;text-align:center;z-index:-1}.number-list3{counter-reset:number;list-style-type:none;margin:1em 0 1em 30px}.number-list3 li{position:relative;padding:0 0 0 60px;background:initial;color:inherit;font-size:16px;counter-increment:number}.number-list3 li:before{content:counter(number);position:absolute;left:0;bottom:4px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:#3078ce;color:#fff;box-shadow:0px 0px 0px 2px rgba(255,255,255,1),0px 0px 0px 5px rgba(48,120,206,1);font-size:20px}.b2{color:#e77242}.b3{background-image:linear-gradient(transparent 80%,#ff0 80%);font-weight:700}.b4{padding-top:.6em;text-emphasis:filled circle red;font-size:119.05%}@keyframes marker-animation{from{background-size:0% 100%}to{background-size:100% 100%}}.bg.marker{background-image:linear-gradient(to right,#d4eefc,#d4eefc);background-repeat:no-repeat;background-position:left;background-size:0% 100%;animation:marker-animation 1s ease-out forwards;animation-play-state:paused}@keyframes underline-marker-animation{from{background-size:0% 60%}to{background-size:100% 60%}}.underline.marker{background-image:linear-gradient(to right,#d4eefc,#d4eefc);background-repeat:no-repeat;background-position:left bottom;background-size:0% 60%;animation:underline-marker-animation 1s ease-out forwards;animation-play-state:paused}a[target=_blank]:not(:has(img)):after{content:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/openwindow.png);margin-left:2px}a[href$=".pdf"]:not(:has(img)):after{content:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/pdf_small.png);margin-right:2px}input[type=search]{border-radius:20px;border:solid 1px #ccc;background:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/search.svg) no-repeat 4px 50%/16px 16px;padding-left:20px;box-sizing:border-box !important}.table{margin:1em auto 0;border-collapse:collapse}table.line th,table.line td,.table th,.table td{color:#333;padding:8px;border:solid 1px #ccc}.table th{font-weight:400;vertical-align:middle;text-align:center}.odd,.table>tbody>tr>td{background:#fff}.even,.table2>tbody>tr:nth-of-type(2n)>td,.table2>tbody>tr:nth-of-type(2n+1)>th,.table>tbody>tr>th{background-color:#f7f7f7}.table2>tbody>tr:nth-of-type(2n)>th{background-color:#eee}.table>tbody>tr.head>th{background-color:#ddd;font-weight:700}caption,tr.caption>th{border-radius:16px 16px 0 0;border:none;background:var(--color-base) !important;color:#fff;text-align:left !important;padding:8px;font-size:18px;text-shadow:1px 1px 1px #000}.fee{margin:1em auto 0;width:100%}.fee>tbody>tr>th,.fee>tbody>tr>td,.table .val{vertical-align:middle;text-align:center}.table .text{text-align:left !important}table.list{width:100%;margin-top:1em}table.list th,table.list td{vertical-align:top}table.list .head td{text-align:center}.history{border:none;width:100%;margin-top:1em}.history th{font-weight:400;width:7em}.history th,.history td{border:none;text-align:left;vertical-align:top;border-top:dashed 1px silver;padding:2px 0}.history tr:first-child th,.history tr:first-child td{border:none}.table td :first-child{margin-top:0;margin-bottom:0}.large{font-size:112%}.larger{font-size:125%}.mark,.mark-table td{text-align:center;font-family:"MS PGothic"}.table3{margin:1em auto;border-collapse:separate;border-spacing:8px 0;& tr{&.head{& th{border-radius:16px 16px 0 0;background:#ccc;color:#fff;font-weight:bold;&:after{content:none}&:empty{background:unset}}}&:last-child{& th,& td{&:after{content:none}}}& th,& td{position:relative;padding:20px;background:#fff;font-weight:normal;text-align:center;&:after{content:"";position:absolute;margin:0 auto;left:20px;right:20px;bottom:0;height:1px;background:#ccc}}& th.em{background:var(--color-base) !important;font-size:150%}& td{background:#fafafa;&.em{background:#fff;font-weight:bold;& .b2{font-size:128%}}}}}.mailaddress{vertical-align:middle}.gmap{position:relative;margin:20px auto;width:600px;height:600px}.gmap iframe{position:absolute;left:0;top:0;width:100%;height:100%}article{padding:0 20px;& h1+h2,& h1+h3,& h2+h3{margin-top:1em}& h2{border-bottom:solid 2px var(--color-base);margin:2em -20px 1em;padding:8px 0;color:var(--color-base);font-size:34px;& a{position:relative;display:block;margin:-8px 0;padding:8px 0;color:inherit;text-decoration:none;&:after{content:"";position:absolute;right:10px;top:calc(50% - 5px);border-style:solid;border-width:4px 4px 0 0;border-color:var(--color-base);width:10px;height:10px;transform:rotate(45deg)}}}& h3{position:relative;border:none;margin:2em -20px 1em;padding:0 0 0 20px;background:unset;color:inherit;font-size:22px;&:before{content:"";position:absolute;left:4px;top:10px;width:10px;height:10px;background:var(--color-base)}}& h4{border:none;margin:2em 0 1em;padding:0;background:unset;color:inherit;font-size:20px}& h5{margin:1em 0;font-size:18px;color:inherit}& h6{margin:1em 0;color:#000}}article#home{padding:0}#gotop{display:block;position:fixed;width:100%;height:0;top:auto;bottom:20px;z-index:9999}#gotop a{margin-top:-100px;margin-right:-15mm}.gotop a{position:relative;float:right;background:#666;border-radius:50%;width:40px;height:40px;text-indent:-9999px;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;&.is-show{opacity:1;visibility:visible}}.gotop a:after{content:"";position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-4px;border-style:solid;border-width:4px 0 0 4px;border-color:#fff;width:10px;height:10px;transform:rotate(45deg)}.check-box{list-style-type:none;margin:0}.check-box input{display:none}.check-box label:before{content:"";position:absolute;border:solid 4px #ccc;margin-top:-10px;left:0;top:50%;width:16px;height:16px}.check-box label{display:block;position:relative;padding:14px 0 14px 35px;font-size:19px;font-weight:700}.check-box input:checked+label:after{content:"";display:block;position:absolute;margin-top:-15px;top:50%;left:7px;width:9px;height:18px;transform:rotate(40deg);border-bottom:3px solid red;border-right:3px solid red}.drop-down-category{margin:1em auto 0}.pagination{display:none;clear:both;margin:20px 0;font-size:75%;line-height:2}.pagination{display:block}.pagination:after{clear:both;display:block;content:" ";height:0}.pagination>*{float:left;margin:2px 2px 2px 0;padding:6px 9px 5px;text-decoration:none;width:auto;color:#fff;background:#555}.pagination a:hover,.pagination .current{background:var(--color-base);color:#fff}.yarpp h3{margin:1em 0;padding:0;background:transparent;color:#198040;font-size:18px;line-height:1.5;&:before,&:after{content:none}}.yarpp-thumbnails-horizontal{display:flex;flex-wrap:wrap}.yarpp-thumbnails-horizontal>*{border:none !important;margin:10px 0 0 10px !important;width:calc(25% - 10px) !important}.yarpp-thumbnail>img,.yarpp-thumbnail-default{height:auto !important}#ez-toc-container{border-style:dotted;margin-top:1em;background:#fff;box-sizing:border-box;width:100% !important}#ez-toc-container li{border-top:solid 1px #ccc}#ez-toc-container li:first-child{border-top:none}#ez-toc-container li a{display:block;color:#005a49}#ez-toc-container.counter-decimal ul.ez-toc-list li a:before,.ez-toc-widget-container.counter-decimal ul.ez-toc-list li a:before{content:counters(item,"-") ". " !important;counter-increment:item !important}.wpcf7 .wpcf7-form-control-wrap{display:block}.wpcf7 *:focus{background-color:#ffc}.wpcf7 input,.wpcf7 textarea{font-weight:400}.wpcf7 label{font-weight:700}.wpcf7 input.name{width:20em}.wpcf7 input.tel{width:14em}.wpcf7 input.mail{width:30em}.wpcf7 input.zip{width:8em}.wpcf7 input.pref{width:8em}.wpcf7 input.address{box-sizing:border-box;width:100%}.wpcf7 textarea{box-sizing:border-box;width:100%;height:8em}.wpcf7 label{display:flex;align-items:start;& b:is(.any,.require),& span:not([class]),& span:is(.any,.require){flex-shrink:0;display:block;margin-left:.5em;color:#01b3cd;font-size:14px;text-align:center;&.any{color:#01b3cd}&.require{color:#df1014}}}.wpcf7 .has-free-text{display:flex !important;& input[type=text]{margin-left:8px}}.wpcf7 fieldset{background:0 0;margin:1em 0 0;padding:10px 15px}.wpcf7 fieldset label{font-weight:400;white-space:nowrap;float:left;margin-right:1em}.wpcf7 legend{font-weight:700;color:#000}.wpcf7 select{max-width:100%}.wpcf7-checkbox{display:block;clear:both}.wpcf7 .wpcf7-list-item{display:block;& input{margin-right:8px}}.wpcf7-checkbox label{font-weight:400}.wpcf7-checkbox:after{display:block;clear:both;content:" ";height:0}.wpcf7-radio label{font-weight:400}.wpcf7 label input[type=checkbox],.wpcf7 label input[type=radio]{margin-top:6px}.wpcf7 .mf_month,.wpcf7 .mf_day,.wpcf7 .mf_hour,.wpcf7 .mf_month2,.wpcf7 .mf_day2,.wpcf7 .mf_hour2,.wpcf7 .mf_month3,.wpcf7 .mf_day3,.wpcf7 .mf_hour3{display:inline}.wpcf7 .mf_privacy{position:static;display:inline;margin-right:1em}.wpcf7 #mf_privacy{position:relative}.wpcf7 #mf_privacy input[type=checkbox]{margin-right:8px}.wpcf7 #mf_privacy .wpcf7-not-valid-tip{position:absolute;left:0;bottom:-1em;width:100%}.wpcf7 #mf_privacy .wpcf7-form-control-wrap{display:inline}.wpcf7 .wpcf7-not-valid{background:pink}.wpcf7 input[type=submit]:active{border:inset 2px #ccc;transform:translate(1px,1px)}*[class*=widget] h2,*[class*=widget] h3,*[class*=widget] h4{margin:0}#contents *[class*=widget]{margin-top:1em;margin-bottom:1em}#contents *[class*=widget]:first-child{margin-top:0}#contents *[class*=widget]:last-child{margin-bottom:0}.widget-posts .thumb .noimg{position:relative;display:block;background:#ccc;width:100%;padding-top:66.67%}.widget-posts .thumb .noimg:before{content:"no image";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px}.widget-post .date{width:9em}.widget-post .new{display:inline;margin-left:5px;color:red}.widget-flow .step{position:relative;padding-left:80px;margin-bottom:18px}.widget-flow .step:before{content:"";position:absolute;left:0;margin:0 27px;width:20px;height:100%;background:#f8cb86;z-index:0}.widget-flow .step:after{content:"";position:absolute;left:0;margin:0 19px;width:0;height:0;border-style:solid;border-width:18px 18.5px 0;border-color:#f8ca86 transparent transparent;z-index:1}.widget-flow .step:last-child:before,.widget-flow .step:last-child:after{border:none;padding-bottom:0;background-color:#fff;background-image:none}.widget-flow .step .head{position:relative;border:none;border-left:solid 6px var(--color-base);margin-left:-80px;margin-top:5px;padding-left:8px;background-color:#ededed;color:#333;z-index:99;&:before{content:none}}.widget-flow .step .body{padding:10px}.widget-privacy-policy{margin:1em 0 0;border:solid 1px #ccc;padding:9px;height:200px;overflow:auto}.widget-privacy-policy>*:first-child{margin-top:0}.widget-share-button ul{list-style-type:none;margin:0}.widget-share-button ul:after{content:"";display:block;clear:both;height:0}.widget-share-button li{float:left;margin:10px}.widget-share-button .line{display:block;width:82px;height:20px;background:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/linebutton_82x20.png) no-repeat;background-size:82px 20px;text-indent:-9999px}.widget-movie{max-width:560px;margin:10px auto}.widget-movie>div{position:relative;height:0;padding:56.25% 0 0}.widget-movie>div iframe{position:absolute;left:0;top:0;width:100%;height:100%}.widget-box{margin:1em auto}.widget-box .outer{border:solid 1px #ccc;margin:1em 0 0;padding:19px;background:#ffe}.widget-box .outer>*:first-child{margin-top:0}.widget-acc-head{display:flex;justify-content:center;cursor:pointer}.widget-acc-head:after{content:"＋";display:flex;justify-content:center;align-items:center;border-radius:50%;width:26px;height:26px;background:#027ccf;color:#fff;font-size:20px;line-height:25px;text-align:center;vertical-align:middle}.widget-acc-head.open:after{content:"－"}.widget-acc-body{display:none}.splide__arrow{border-radius:50% !important;width:48px !important;height:48px !important;background:var(--color-base) !important;box-shadow:5px 5px 15px -5px #777777;opacity:.5;&.splide__arrow--next{right:calc(50% - 540px)}&.splide__arrow--prev{left:calc(50% - 540px)}}.splide__arrow svg{display:none !important}.splide__arrow--prev:before{content:"";position:absolute;left:18px;top:calc(50% - 10px);border-top:4px solid #105893;border-right:4px solid #105893;margin-left:0;width:16px;height:16px;transform:rotate(225deg);opacity:1}.splide__arrow--next:before{content:"";position:absolute;right:18px;top:calc(50% - 10px);border-top:4px solid #294a60;border-right:4px solid #294a60;width:16px;height:16px;transform:rotate(45deg)}.splide__pagination{display:flex !important;bottom:64px}.splide__pagination__page{background:#666;&.is-active{background:#fff}}@media print,screen and (min-width:769px){body{min-width:1200px}a:hover{opacity:.5}#header-mail,#sp-menu,#sp-site-menu,#navigation,.sp{display:none}.wrapper{width:1200px;margin-right:auto;margin-left:auto}.layout-w #content2,.layout-w #content3{display:none}#header{display:flex;justify-content:space-between;align-items:center}#header-content{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"sitename sitename" "management description";column-gap:10px;padding:10px;& .sitename{grid-area:sitename;margin:0;color:#666;font-size:24px;& a{display:block;color:inherit;text-decoration:none;& b{color:#1f7bb7}}}& .management{grid-area:management;& img{vertical-align:middle}}& .description{grid-area:description}}#header-inquiry{display:grid;grid-template-columns:auto 205px;column-gap:16px;grid-template-areas:"soudan soudan" "tel contact" "title contact";padding:10px;& .soudan{grid-area:soudan;display:grid;grid-template-columns:repeat(4,auto);column-gap:8px;margin:0 0 8px;& dt{margin:0;text-align:right}& dd{margin:0;background:#1f7bb7;color:#fff;text-align:center}}& .tel{grid-area:tel;display:flex;align-items:center;& .tel-number{margin-right:16px;height:24px;font-size:24px;font-weight:700}}& .title{text-align:center}& .contact{grid-area:contact;& a{display:grid;grid-template-columns:40px 42px auto;column-gap:8px;justify-content:center;align-items:center;border-radius:8px;width:205px;height:60px;background:#e77242;color:#fff;text-decoration:none}}}#header-menu{& ul{list-style-type:none;margin:0;padding:0 10px;display:flex;justify-content:right;& li{display:flex;align-items:center;&:before{content:"";display:block;width:1px;height:16px;background:#ccc}&:first-child:before{content:none}& a{display:block;padding:8px;color:inherit;font-weight:700;text-decoration:none}}}}#footer-menu{& ul{list-style-type:none;margin:0;padding:0 10px;display:flex;justify-content:center;& li{display:flex;align-items:center;&:before{content:"";display:block;width:1px;height:16px;background:#ccc}&:first-child:before{content:none}& a{display:block;padding:8px;color:inherit;text-decoration:none}}}}#copyright{padding:8px 0;background:#215577;color:#fff;font-size:12px;text-align:center}header{margin:0 calc(50% - calc(var(--window-width) / 2))}header.lazyloaded:has(h1){background:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/h1_bg.webp) no-repeat 50% 0/cover}header h1{display:flex;align-items:center;margin:0;min-height:280px;background:unset;color:#fff;font-size:44px}section{margin:0 calc(50% - calc(var(--window-width) / 2));padding:64px 0;width:var(--window-width)}section h2{border:none;margin:0 calc(50% - calc(var(--window-width) / 2)) 48px;padding:0;width:var(--window-width);background:unset;color:var(--color-base);font-size:30px;text-align:center}#home-img{&.img{height:45vw;&.lazyloaded{background:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/main_img.webp) no-repeat 0 0/cover}}}#case{padding-bottom:80px;&.lazyloaded{background:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/case_bg.webp) no-repeat 0 0/cover}& .splide__pagination{bottom:-40px}}.widget-case{& .outer{& .case{position:relative;display:grid;grid-template-columns:auto 276px;grid-template-rows:75px auto 1fr;grid-template-areas:"head head" "title photo" "txt photo";gap:16px;border-radius:0 0 16px 16px;padding:0 30px;background:#fff;&:not(:has(img)){display:block}& .head{grid-area:head;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0;margin:0 -30px;padding:0 30px;height:75px;background:var(--color-base);color:#fff;& .title{font-size:22px}& .attr{font-size:16px}}& h3{grid-area:title;border-style:solid;border-width:0 0 1px;border-color:#ccc;margin:0;padding:16px 0;background:unset;color:var(--color-base);font-size:22px;&:before,&:after{content:none}}& .txt{grid-area:txt}& .photo{grid-area:photo}& .more{& a{position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999px}}}}}#kaisetsu{& h2 a:after{content:none}}.widget-kaisetsu{& ul{display:grid;grid-template-columns:repeat(3,minmax(min-content, 347px));grid-template-rows:repeat(2,1fr);gap:20px;justify-content:center;margin:0;padding:0;list-style-type:none;& li{& a{position:relative;display:grid;justify-content:center;border-radius:16px;;box-sizing:border-box;padding-top:150px;width:100%;height:211px;background-color:#e8f7ff;color:inherit;font-weight:bold;text-decoration:none;&:before{content:"";position:absolute;left:calc(50% - 45px);top:32px;width:90px;height:90px;background-repeat:no-repeat;background-size:90px 90px}&:after{content:"";position:absolute;right:16px;top:calc(50% - 4px);border-style:solid;border-width:3px 3px 0 0;border-color:var(--color-base);width:8px;height:8px;transform:rotate(45deg)}}&.lazyloaded.k1 a:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon01.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon01@2x.webp) 2x)}&.lazyloaded.k2 a:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon02.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon02@2x.webp) 2x)}&.lazyloaded.k3 a:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon03.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon03@2x.webp) 2x)}&.lazyloaded.k4 a:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon04.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon04@2x.webp) 2x)}&.lazyloaded.k5 a:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon05.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon05@2x.webp) 2x)}&.lazyloaded.k6 a:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon06.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon06@2x.webp) 2x)}}}}#merit{margin-top:64px;padding-top:0;background:#e8f7ff;& h2{display:flex;justify-content:center;align-items:center;height:16.31vw;color:#fff;&.lazyloaded{background:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/merit_bg.webp) no-repeat 0 0/cover}}& h3{border:none;margin:1em 0;padding:0;background:unset;color:inherit;font-size:30px;text-align:center;&:before,&:after{content:none}}& .t1{margin:0;color:var(--color-accent);font-size:34px;font-weight:700;text-align:center}& .t2{font-size:18px;text-align:center}& .t3{color:var(--color-accent);font-size:22px;font-weight:700;text-align:center;text-decoration:underline}& .t4{margin:1em auto;width:60%}& .widget-kijun{margin:2em auto;width:60%}}.widget-kijun{& ul{margin:1em auto;display:grid;grid-template-columns:1fr 1.2fr 1.4fr;column-gap:88px;justify-content:center;align-items:center;& li{position:relative;display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:50%;border:solid 1px #ccc;padding:50% 16px;width:100%;height:0;background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;background-size:60%;color:var(--color-base);font-size:22px;font-weight:bold;line-height:1.3;text-align:center;&:before{content:"";position:absolute;left:-50px;display:block;border-style:solid;border-width:3px 0 0 3px;border-color:var(--color-base);width:16px;height:16px;transform:rotate(-45deg)}&:first-child:before{content:none}&.lazyloaded.k1{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/merit_icon01.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/merit_icon01@2x.webp) 2x)}&.lazyloaded.k2{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/merit_icon02.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/merit_icon02@2x.webp) 2x)}&.lazyloaded.k3{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/merit_icon03.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/merit_icon03@2x.webp) 2x)}}}}.inquiry{background:linear-gradient(to bottom,#fff 0,#fff 230px,#d4eefc 330px);& h2{margin-bottom:1em;color:inherit;font-size:34px;& b{color:var(--color-base)}}& .title{margin:0;font-size:22px;text-align:center}& .att{width:60%}}.widget-feature{& ul{display:grid;grid-template-columns:repeat(4,191px);column-gap:20px;justify-content:center;align-items:center;margin:1em auto;list-style-type:none;& .img{padding-top:86.91%;height:0;background-repeat:no-repeat;;&.lazyloaded.f1{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/inquiry_tokucho01.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/inquiry_tokucho01@2x.webp) 2x)}&.lazyloaded.f2{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/inquiry_tokucho02.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/inquiry_tokucho02@2x.webp) 2x)}&.lazyloaded.f3{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/inquiry_tokucho03.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/inquiry_tokucho03@2x.webp) 2x)}&.lazyloaded.f4{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/inquiry_tokucho04.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/inquiry_tokucho04@2x.webp) 2x)}}}& .att{display:table;margin:1em auto;font-size:14px}}.widget-soudan{& dl{display:grid;grid-template-columns:repeat(3,205px);grid-template-areas:"dt dt dt" "dd1 dd2 dd3";gap:20px;justify-content:center;margin:1em auto;font-size:18px;& dt{grid-area:dt;text-align:center}& dd{margin:0;padding:4px 20px;background:var(--color-base);color:#fff;text-align:center;&:nth-of-type(1){grid-area:dd1}&:nth-of-type(2){grid-area:dd2}&:nth-of-type(3){grid-area:dd3}}}}.widget-contact{& .outer{display:grid;grid-template-columns:repeat(2,minmax(min-content, auto));grid-template-areas:"head head" "tel mail";gap:20px;justify-content:center;align-items:center;padding:20px;background:#fff;& h3{grid-area:head;border:none;margin:0 auto 20px;padding:0;background:unset;color:inherit;font-size:22px;text-align:center;&:before,&:after{content:none}}& .tel{grid-area:tel;text-align:center;& a{color:inherit;text-decoration:none}& .tel-number{height:31px;font-size:40px}}& .mail{grid-area:mail;position:relative;border-radius:8px;background:#b45731;& a{position:relative;display:flex;left:-8px;top:-8px;justify-content:center;align-items:center;border-radius:8px;width:400px;height:90px;background:var(--color-accent);color:#fff;font-size:20px;text-decoration:none;transition:.3s;&:before{content:"";display:block;margin-right:8px;width:90px;height:42px;background-repeat:no-repeat;background-position:left center,right center;background-size:40px 29px,42px 42px}&:hover{left:-2px;top:-2px;opacity:1}}&.lazyloaded a:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/mail_icon.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/mail_icon@2x.webp) 2x),image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/line_icon.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/line_icon@2x.webp) 2x)}}}}#onayami-soudan{&.lazyloaded{background:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/soudan_bg.webp) no-repeat 0 0/cover}}.widget-onayami{& ul{display:grid;grid-template-columns:repeat(2,1fr);column-gap:20px;margin:1em auto;list-style-type:none;& li{position:relative;padding:16px 16px 16px 58px;background:#e8f7ff;font-size:18px;font-weight:bold;&:before{content:"";position:absolute;left:16px;top:26px;border-radius:50%;width:12px;height:12px;background:var(--color-base)}&:nth-child(4n+2),&:nth-child(4n+3){background:#d4eefc}& b{color:var(--color-base)}}}}#fee{& h2{color:inherit}& .title{border:none;margin:0;padding:0;background:unset;color:inherit;font-size:30px;font-weight:bold;text-align:center;&:before,&:after{content:none}& .b2{font-size:200%}}& .widget-fee0{margin:32px auto;width:840px}& .att{margin:48px auto;width:960px;color:#444;font-size:14px}}.widget-fee0{& ul{display:grid;grid-template-columns:repeat(3,1fr);column-gap:8%;margin:1em auto;list-style-type:none;& li{display:flex;justify-content:center;align-items:center;border-radius:50%;border:solid 3px var(--color-base);box-sizing:border-box;padding:50% 10%;width:100%;height:0;color:var(--color-base);font-size:22px;font-weight:bold;line-height:1.5;text-align:center;box-shadow:5px 5px 15px 0 #ccc;& b{display:inline;font-size:200%}& span.att{display:inline;font-size:75%}}}}.widget-tokuyaku{display:grid;grid-template-columns:1fr 3fr;gap:32px;grid-template-areas:"head desc" "head point";& h3{grid-area:head;display:flex;justify-content:center;align-items:center;border:none;margin:0;padding:0;background:var(--color-base);color:#fff;font-size:20px;font-weight:700;text-align:center}& .desc{grid-area:desc;margin:0}& .point{grid-area:point;display:grid;grid-template-columns:repeat(3,1fr);column-gap:32px;margin:0;list-style-type:none;& li{position:relative;display:flex;justify-content:center;align-items:center;padding:16px;background:#d4eefc;color:var(--color-base);font-size:14px;&:before{content:"";position:absolute;left:-20px;top:-10px;width:81px;height:30px;background-repeat:no-repeat;background-size:contain}&.p1.lazyloaded:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/point_icon01.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/point_icon01@2x.webp) 2x)}&.p2.lazyloaded:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/point_icon02.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/point_icon02@2x.webp) 2x)}&.p3.lazyloaded:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/point_icon03.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/point_icon03@2x.webp) 2x)}}}}#flow{&.lazyloaded{background:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/flow_bg.webp) no-repeat 0 0/cover}& .outer{padding:32px;background:rgba(255,255,255,.7);& h2{margin:32px auto 48px;width:auto}& .more{text-align:right;& a{&:before{content:none}}}}}.widget-flow2{display:flex;justify-content:center;& h2{width:auto}& ol{margin:0 auto;height:500px;list-style-type:none;writing-mode:vertical-lr;&>li{position:relative;margin:0;padding:0 48px 0 0;&:after{content:"";position:absolute;top:100px;right:6px;display:block;width:35px;height:25px;background:#d5d5d5;mask-image:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/arrow-left.svg)}&:last-child{padding:0;&:after{content:none}}& span{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border:solid 1px var(--color-base);padding:16px;width:86px;background:#fff;color:var(--color-base);font-size:24px;font-weight:700}& p{position:absolute;right:6px;top:140px;display:flex;justify-content:center;align-items:center;margin:0;height:calc(100% - 140px);background:#1f7bb7;color:#fff;font-size:20px;font-weight:700}& ul{display:grid;grid-template-columns:repeat(2,1fr);column-gap:60px;justify-content:center;align-items:center;margin:0;text-align:center;list-style-type:none;& li{position:relative;margin:0;padding:0 0 0 48px;&:before{content:"";position:absolute;top:calc(50% - 13px);left:6px;display:block;width:35px;height:25px;background:#e77242;mask-image:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/arrow-left.svg)}&:after{content:none}& span{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border:solid 1px #ccc;padding:16px;width:86px;background:#e77242;color:#fff;font-size:24px;font-weight:700}&:nth-child(2){&:before{background:#eb563e}& span{background:#eb563e}}}}&.s1 span{border-color:#d9d9d9;background:#d9d9d9;color:inherit}}}}#baisyoukin{background:linear-gradient(to bottom,#d4eefc 0,#d4eefc 300px,#fff 301px)}.widget-baisyoukin{& ul{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);gap:20px;grid-template-areas:"b1 b1 b1 b2 b2 b2" "b3 b3 b4 b4 b5 b5";margin:0;list-style-type:none;& li{position:relative;height:200px;background-repeat:no-repeat;background-size:cover;background-position:center;&.b01{grid-area:b1;&.lazyloaded{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/uchiwake01_bg.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/uchiwake01_bg@2x.webp) 2x)}}&.b02{grid-area:b2;&.lazyloaded{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/uchiwake02_bg.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/uchiwake02_bg@2x.webp) 2x)}}&.b03{grid-area:b3;&.lazyloaded{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/uchiwake03_bg.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/uchiwake03_bg@2x.webp) 2x)}}&.b04{grid-area:b4;&.lazyloaded{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/uchiwake04_bg.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/uchiwake04_bg@2x.webp) 2x)}}&.b05{grid-area:b5;&.lazyloaded{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/uchiwake05_bg.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/uchiwake05_bg@2x.webp) 2x)}}& a{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:18px;font-weight:bold;text-decoration:none;&:after{content:"";position:absolute;right:16px;top:calc(50% - 4px);display:block;border-style:solid;border-width:3px 3px 0 0;border-color:#fff;width:8px;height:8px;transform:rotate(45deg)}}}}}#recent-posts{& .wrapper{box-sizing:border-box;padding:0 64px;& h2{margin:0;width:auto;font-size:44px;text-align:left}& .widget-posts ul{padding:0 64px}& .more{text-align:right;& a{&:before{content:none}}}}}.widget-posts{ul{margin:1em auto;list-style-type:none;& li{display:grid;grid-template-columns:140px auto;grid-template-rows:repeat(2,auto);grid-template-areas:"date term" "body body";border-bottom:solid 1px #b9b9b9;margin:0;padding:20px 0;& .date{grid-area:date;display:block;width:140px}& .term{grid-area:term;display:flex;& .cats,& .tags{display:flex;& a{display:block;margin:0 1px 1px 0;padding:2px 20px;color:#fff;font-size:14px;text-decoration:none}}& .cats a{background:#247db8}& .tags a{background:#215577}}}& .body{grid-area:body;display:block;color:inherit;text-decoration:none;& .title{display:block;font-size:20px;font-weight:700}}}}#access{position:relative;&:before{content:"";position:absolute;left:0;right:0;top:0;height:500px;z-index:-1}&.lazyloaded:before{background:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/access_bg.webp) no-repeat 0 0/cover}& .wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;grid-template-areas:"access address" "map map";box-sizing:border-box;padding:0 64px;color:#fff;& h3{border:none;margin:0;padding:0;background:unset;color:inherit;font-size:30px;&:before,&:after{content:none}}& .access{grid-area:access;display:block}& .address{grid-area:address;display:block}& .gmap{width:100%;grid-area:map;}}}}@media screen and (max-width:1200px){#header-img{height:307px}#gotop{width:100%}#gotop .wrapper{width:100%}#gotop a{margin-right:0}section,section h2{margin-right:0;margin-left:0;box-sizing:border-box;width:100%}}@media screen and (max-width:768px){img{max-width:100%;height:auto}.alignright,.alignleft{display:block;float:none;margin:10px auto;padding:0}.img{background-size:contain !important}.admin-bar .mm-opened+.mm-page{padding-top:46px}.admin-bar #wpadminbar{position:fixed}#header-inquiry,#header-menu,#breadcrumbs,#footer-menu,.pc{display:none}#header-content{display:grid;grid-template-columns:45% 55%;grid-template-areas:"sitename sitename" "management description";column-gap:10px;padding:10px;& .sitename{grid-area:sitename;margin:0;color:#666;font-size:6vw;& a{display:block;color:inherit;text-decoration:none;& b{color:#1f7bb7}}}& .management{grid-area:management;font-size:12px;& img{width:60%;vertical-align:middle}}& .description{grid-area:description;font-size:12px}}#sp-menu a{position:fixed;top:10px;right:10px;display:flex;justify-content:center;align-items:center;border-radius:5px;width:12vw;height:13vw;background:var(--color-accent);z-index:9999;text-indent:-9999px;text-decoration:none}#sp-menu a:after{content:"ﾒﾆｭｰ";display:block;padding-top:7vw;width:12vw;color:#fff;font-size:3vw;text-align:center;text-decoration:none;text-indent:0}#sp-menu span,#sp-menu span:before,#sp-menu span:after{content:"";position:absolute;display:block;width:8vw;height:3px;border-radius:3px;background-color:#fff}#sp-menu span{top:5vw}#sp-menu span:before{bottom:8px}#sp-menu span:after{top:8px}.admin-bar #sp-menu a{top:56px}#navigation{display:block}#site-menu{display:block;position:fixed;left:0;bottom:0;width:100%;background:linear-gradient(to bottom,var(--color-base) 0,var(--color-base) 20vw,#fff 20vw);z-index:9999}#site-menu img{vertical-align:top}#sp-site-menu{& h4{margin:0;padding:4px 0;background:unset;color:#fff;font-size:20px;text-align:center}& ul{display:grid;grid-template-columns:repeat(2,1fr);column-gap:8px;margin:0;padding:0 8px;font-size:14px;list-style-type:none;& li{height:100%;&.tel{background:#fff;& a{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box;height:100%;color:#333;text-decoration:none;text-align:center}& .tel-number{display:flex;justify-content:center;font-size:20px;letter-spacing:-1px;height:20px}}&.mail{& a{display:grid;grid-template-columns:32px 32px auto;column-gap:4px;justify-content:center;align-items:center;box-sizing:border-box;padding:8px;height:100%;background:var(--color-accent);color:#fff;text-decoration:none;& span{display:block}}}& a{display:block;padding:6px 0}}}}.headroom #site-menu{will-change:transform;transition:transform .2s linear}.headroom--pinned #site-menu{transform:translateY(0%)}.headroom--unpinned #site-menu{transform:translateY(100%)}.splide{visibility:visible !important}.splide__track{padding:0 10px !important}.splide__slide{margin-top:10px !important}#copyright{border:none;margin:10px 0 0;padding:10px 0;background:#215577;color:#fff;font-size:11px;text-align:center}#gotop{position:absolute;top:-40px;right:0}#gotop a{margin:0}header.lazyloaded:has(h1){background:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/h1_bg.webp) no-repeat 50% 0/cover}header h1{display:flex;align-items:center;margin:0;padding:0 10px;min-height:200px;background-image:none !important;color:#fff;font-size:24px}article{padding-right:10px;padding-left:10px;& h2{margin:1em -10px;padding-right:10px;padding-left:10px;font-size:24px}& h3{margin:1em -10px;font-size:24px}& h4{font-size:22px}& h5{font-size:20px}& h6{font-size:18px}section{margin:0 calc(50% - calc(var(--window-width) / 2));padding:32px 0;width:var(--window-width)}section h2{border:none;margin:0 calc(50% - calc(var(--window-width) / 2)) 32px;padding:0;width:var(--window-width);background:unset;color:var(--color-base);font-size:26px;text-align:center}}.gmap{position:relative;margin:20px auto;width:100%;height:100vw}.gmap iframe{position:absolute;left:0;top:0;width:100% !important;height:100% !important}.gmap small{position:absolute;left:0;bottom:0;width:100% !important;height:2em}.wpcf7 .table th,.wpcf7 .table td{display:block;padding:0;border:none}.wpcf7 .table th{margin-top:1em}.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 textarea{box-sizing:border-box;width:100%}.scroll{width:1200px}table.transform{display:block}table.transform caption,table.transform tbody,table.transform tr,table.transform th,table.transform td{display:block;box-sizing:border-box;width:100% !important}.scroll-wrapper{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.widget-flow{background-image:none}.widget-flow .step{background-image:none;margin-bottom:40px;padding-left:0}.widget-flow .step:before{content:none}.widget-flow .step:after{position:absolute;left:50%;margin-top:10px;margin-left:-19px}.widget-flow .step .head{margin-top:1em;margin-left:0}#home-img{&.img{height:102.67vw;&.lazyloaded{background:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/sp_main_img.webp) no-repeat 0 0/cover}}}#case{padding-bottom:80px;&.lazyloaded{background:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/case_bg.webp) no-repeat 0 0/cover}.splide__arrow{border-radius:50% !important;width:48px !important;height:48px !important;background:var(--color-base) !important;box-shadow:5px 5px 15px -5px #777777;opacity:.5;&.splide__arrow--next{right:calc(50% - 50vw)}&.splide__arrow--prev{left:calc(50% - 50vw)}}& .splide__pagination{bottom:-40px}}.widget-case{& .outer{& .case{position:relative;border-radius:0 0 16px 16px;padding:0 10px;background:#fff;&:not(:has(img)){display:block}& .head{grid-area:head;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0;margin:0 -10px;padding:0 10px;height:75px;background:var(--color-base);color:#fff;& .title{font-size:22px}& .attr{font-size:16px}}& h3{grid-area:title;border-style:solid;border-width:0 0 1px;border-color:#ccc;margin:0;padding:16px 0;background:unset;color:var(--color-base);font-size:22px;&:before,&:after{content:none}}& .txt{grid-area:txt}& .photo{grid-area:photo;text-align:center}& .more{& a{position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999px}}}}}#kaisetsu{& h2 a:after{content:none}}.widget-kaisetsu{& ul{margin:0;padding:0 10px;list-style-type:none;& li{margin:10px 0;& a{position:relative;display:grid;grid-template-columns:90px auto;column-gap:16px;padding:0 16px;align-items:center;border-radius:16px;box-sizing:border-box;background-color:#e8f7ff;color:inherit;font-weight:bold;text-decoration:none;&:before{content:"";width:90px;height:90px;background-repeat:no-repeat;background-size:90px 90px}&:after{content:"";position:absolute;right:16px;top:calc(50% - 4px);border-style:solid;border-width:3px 3px 0 0;border-color:var(--color-base);width:8px;height:8px;transform:rotate(45deg)}}&.lazyloaded.k1 a:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon01.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon01@2x.webp) 2x)}&.lazyloaded.k2 a:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon02.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon02@2x.webp) 2x)}&.lazyloaded.k3 a:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon03.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon03@2x.webp) 2x)}&.lazyloaded.k4 a:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon04.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon04@2x.webp) 2x)}&.lazyloaded.k5 a:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon05.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon05@2x.webp) 2x)}&.lazyloaded.k6 a:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon06.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/kaisetsu_icon06@2x.webp) 2x)}}}}#merit{margin-top:0;padding-top:0;background:#e8f7ff;& h2{display:flex;justify-content:center;align-items:center;height:32vw;color:#fff;&.lazyloaded{background:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/merit_bg.webp) no-repeat 50% 0/cover}}& h3{border:none;margin:1em 0;padding:0;background:unset;color:inherit;font-size:18px;text-align:center;&:before,&:after{content:none}}& .t1{margin:0;color:var(--color-accent);font-size:22px;font-weight:700;text-align:center}& .t2{font-size:18px;text-align:center}& .t3{color:var(--color-accent);font-size:22px;font-weight:700;text-align:center;text-decoration:underline}& .t4{margin:1em auto;padding:0 10px}& .widget-kijun{margin:1em auto}& .table3{width:900px}}.widget-kijun{& ul{margin:1em auto;display:grid;grid-template-columns:1fr 1.2fr 1.4fr;column-gap:20px;justify-content:center;align-items:center;& li{position:relative;display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:50%;border:solid 1px #ccc;padding:50% 16px;width:100%;height:0;background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;background-size:60%;color:var(--color-base);font-size:16px;font-weight:bold;line-height:1.3;text-align:center;&:before{content:"";position:absolute;left:-16px;display:block;border-style:solid;border-width:3px 0 0 3px;border-color:var(--color-base);width:10px;height:10px;transform:rotate(-45deg)}&:first-child:before{content:none}&.lazyloaded.k1{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/merit_icon01.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/merit_icon01@2x.webp) 2x)}&.lazyloaded.k2{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/merit_icon02.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/merit_icon02@2x.webp) 2x)}&.lazyloaded.k3{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/merit_icon03.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/merit_icon03@2x.webp) 2x)}}}}.inquiry{background:linear-gradient(to bottom,#fff 0,#fff 60%,#d4eefc 80%);& .wrapper{box-sizing:border-box;padding:0 10px}& h2{margin-bottom:1em;color:inherit;& b{color:var(--color-base)}}& .title{margin:0;font-size:16px;text-align:center}}.widget-feature{& ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;justify-content:center;align-items:center;margin:1em auto;list-style-type:none;& .img{padding-top:86.91%;height:0;background-repeat:no-repeat;&.lazyloaded.f1{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/inquiry_tokucho01.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/inquiry_tokucho01@2x.webp) 2x)}&.lazyloaded.f2{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/inquiry_tokucho02.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/inquiry_tokucho02@2x.webp) 2x)}&.lazyloaded.f3{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/inquiry_tokucho03.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/inquiry_tokucho03@2x.webp) 2x)}&.lazyloaded.f4{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/inquiry_tokucho04.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/inquiry_tokucho04@2x.webp) 2x)}}}& .att{display:table;margin:1em auto;font-size:14px}}.widget-soudan{& dl{margin:1em auto;font-size:18px;& dt{grid-area:dt;text-align:center}& dd{margin:8px auto;padding:4px 20px;width:180px;background:var(--color-base);color:#fff;text-align:center;&:nth-of-type(1){grid-area:dd1}&:nth-of-type(2){grid-area:dd2}&:nth-of-type(3){grid-area:dd3}}}}.widget-contact{& .outer{padding:10px;background:#fff;& h3{grid-area:head;border:none;margin:0 auto 20px;padding:0;background:unset;color:inherit;font-size:22px;text-align:center;&:before,&:after{content:none}}& .tel{grid-area:tel;text-align:center;& a{color:inherit;text-decoration:none}& .tel-number{display:flex;justify-content:center;height:31px;font-size:36px}}& .mail{grid-area:mail;position:relative;border-radius:8px;& a{position:relative;display:flex;justify-content:center;align-items:center;border-radius:8px;margin:1em auto;height:90px;background:var(--color-accent);color:#fff;font-size:18px;text-decoration:none;transition:.3s;&:before{content:"";display:block;margin-right:8px;width:90px;height:42px;background-repeat:no-repeat;background-position:left center,right center;background-size:40px 29px,42px 42px}&:hover{left:-2px;top:-2px;opacity:1}}&.lazyloaded a:before{background-image:image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/mail_icon.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/mail_icon@2x.webp) 2x),image-set(url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/line_icon.webp),url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/line_icon@2x.webp) 2x)}}}}#onayami-soudan{&.lazyloaded{background:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/soudan_bg.webp) no-repeat 0 0/cover}& .wrapper{box-sizing:border-box;padding:0 10px}}.widget-onayami{& ul{margin:1em auto;list-style-type:none;& li{position:relative;margin:4px 0;padding:16px 16px 16px 48px;background:#e8f7ff;font-size:16px;font-weight:bold;&:before{content:"";position:absolute;left:16px;top:24px;border-radius:50%;width:12px;height:12px;background:var(--color-base)}&:nth-child(2n+1){background:#d4eefc}& b{color:var(--color-base)}}}}#fee{& h2{color:inherit}& .wrapper{padding:0 10px}& .title{border:none;margin:0;padding:0;background:unset;color:inherit;font-size:30px;font-weight:bold;text-align:center;&:before,&:after{content:none}& .b2{font-size:200%}}& .widget-fee0{margin:16px auto}& .att{margin:48px auto;color:#444;font-size:14px}}.widget-fee0{& ul{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-template-areas:". f1 f1 ." "f2 f2 f3 f3";column-gap:32px;margin:1em auto;list-style-type:none;& li{display:flex;justify-content:center;align-items:center;border-radius:50%;border:solid 3px var(--color-base);box-sizing:border-box;padding:50% 10%;width:100%;height:0;color:var(--color-base);font-size:22px;font-weight:bold;line-height:1;text-align:center;box-shadow:5px 5px 15px 0 #ccc;&:nth-child(1){grid-area:f1}&:nth-child(2){grid-area:f2}&:nth-child(3){grid-area:f3}& b{display:inline;font-size:200%}& span.att{display:inline;font-size:75%}}}}.widget-tokuyaku{& h3{grid-area:head;display:flex;justify-content:center;align-items:center;border:none;margin:0 0 10px;padding:10px;background:var(--color-base);color:#fff;font-size:20px;font-weight:700;text-align:center}& .desc{grid-area:desc;margin:0}& .point{margin:1em auto;padding:0 10px;list-style-type:none;& li{position:relative;display:flex;justify-content:center;align-items:center;margin:20px 0;padding:16px;background:#d4eefc;color:var(--color-base);font-size:14px;&:before{content:"";position:absolute;left:-20px;top:-10px;width:81px;height:30px;background-repeat:no-repeat;background-size:contain}&.p1.lazyloaded:before{background-image:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/point_icon01@2x.webp)}&.p2.lazyloaded:before{background-image:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/point_icon02@2x.webp)}&.p3.lazyloaded:before{background-image:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/point_icon03@2x.webp)}}}}#flow{&.lazyloaded{background:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/flow_bg.webp) no-repeat 0 0/cover}& .outer{padding:0 10px;background:rgba(255,255,255,.7);& h2{margin:0 0 32px;width:auto}}& .more{text-align:right;& a{&:before{content:none}}}}.widget-flow2{display:flex;justify-content:center;& h2{margin:0;width:auto}& ol{margin:0 auto;height:460px;list-style-type:none;writing-mode:vertical-lr;&>li{position:relative;margin:0;padding:0 48px 0 0;&:after{content:"";position:absolute;top:100px;right:6px;display:block;width:35px;height:25px;background:#d5d5d5;mask-image:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/arrow-left.svg)}&:last-child{padding:0;&:after{content:none}}& span{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border:solid 1px var(--color-base);padding:16px;width:86px;background:#fff;color:var(--color-base);font-size:24px;font-weight:700}& p{position:absolute;right:6px;top:140px;display:flex;justify-content:center;align-items:center;margin:0;height:calc(100% - 140px);background:#1f7bb7;color:#fff;font-size:20px;font-weight:700}& ul{display:grid;grid-template-columns:repeat(2,1fr);column-gap:60px;justify-content:center;align-items:center;margin:0;text-align:center;list-style-type:none;& li{position:relative;margin:0;padding:0 0 0 48px;&:before{content:"";position:absolute;top:calc(50% - 13px);left:6px;display:block;width:35px;height:25px;background:#e77242;mask-image:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/arrow-left.svg)}&:after{content:none}& span{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border:solid 1px #ccc;padding:16px;width:86px;background:#e77242;color:#fff;font-size:24px;font-weight:700}&:nth-child(2){&:before{background:#eb563e}& span{background:#eb563e}}}}&.s1 span{border-color:#d9d9d9;background:#d9d9d9;color:inherit}}}}#baisyoukin{background:linear-gradient(to bottom,#d4eefc 0,#d4eefc 300px,#fff 301px);& .wrapper{padding:0 10px}}.widget-baisyoukin{& ul{margin:0;list-style-type:none;& li{position:relative;margin:10px 0;height:37.73vw;background-repeat:no-repeat;background-size:cover;background-position:center;&.b01{grid-area:b1;&.lazyloaded{background-image:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/sp_uchiwake01_bg.webp)}}&.b02{grid-area:b2;&.lazyloaded{background-image:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/sp_uchiwake02_bg.webp)}}&.b03{grid-area:b3;height:28.42vw;&.lazyloaded{background-image:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/sp_uchiwake03_bg.webp)}}&.b04{grid-area:b4;height:28.42vw;&.lazyloaded{background-image:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/sp_uchiwake04_bg.webp)}}&.b05{grid-area:b5;height:28.42vw;&.lazyloaded{background-image:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/sp_uchiwake05_bg.webp)}}& a{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:18px;font-weight:bold;text-decoration:none;&:after{content:"";position:absolute;right:16px;top:calc(50% - 4px);display:block;border-style:solid;border-width:3px 3px 0 0;border-color:#fff;width:8px;height:8px;transform:rotate(45deg)}}}}}#recent-posts{& .wrapper{box-sizing:border-box;padding:0 10px;& h2{margin:0;width:auto;font-size:44px;text-align:left}& .widget-posts ul{padding:0}& .more{text-align:right;& a{&:before{content:none}}}}}.widget-posts{ul{margin:1em auto;list-style-type:none;& li{border-bottom:solid 1px #b9b9b9;margin:0;padding:20px 0;& .date{grid-area:date;display:block;width:140px}& .term{grid-area:term;display:flex;flex-wrap:wrap;& .cats,& .tags{display:flex;& a{display:block;margin:0 1px 1px 0;padding:2px 20px;color:#fff;font-size:14px;text-decoration:none}}& .cats a{background:#247db8}& .tags a{background:#215577}}}& .body{grid-area:body;display:block;color:inherit;text-decoration:none;& .title{display:block;font-size:20px;font-weight:700}}}}#access{position:relative;&:before{content:"";position:absolute;left:0;right:0;top:0;height:500px;z-index:-1}&.lazyloaded:before{background:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/access_bg.webp) no-repeat 0 0/cover}& .wrapper{box-sizing:border-box;padding:0 10px;color:#fff;& h3{border:none;margin:0;padding:0;background:unset;color:inherit;font-size:30px;&:before,&:after{content:none}}& .access{display:block}& .address{display:block}}}}.tel-number{display:flex;justify-content:left;align-items:center;height:16px;font-weight:bold;&.lazyloaded{&:before{content:"";flex-shrink:0;display:block;margin-right:8px;width:auto;height:100%;aspect-ratio:31/33;background-repeat:no-repeat;background-size:contain;background:#666;mask-repeat:no-repeat;mask-image:url(//www.h-law-office.com/koutsujiko/wp-content/themes/koutsujiko/css/tel.mask.svg)}}& a{color:inherit;text-decoration:none}}.blogcard{line-height:1;background-color:#fff;border:1px solid #eee;word-wrap:break-word;margin:40px;box-shadow:0 0 10px 6px rgba(0,0,0,.025)}.blogcard.ex{background-color:#f7f7f7}.blogcard a{display:flex;text-decoration:none;opacity:1;transition:all .2s ease}.blogcard a:hover{opacity:.6}.blogcard_thumbnail{float:left;padding:20px}.blogcard_title{font-size:1em;font-weight:700;line-height:1.4;padding:17px 20px 10px}.blogcard_excerpt{font-size:.85em;line-height:1.6;padding:0 17px 15px 20px}.blogcard_link{font-size:.65em;padding:0 17px 15px 20px;text-align:left}.blogcard_link .favicon{margin-bottom:-4px}.blogcard_link .icon-external-link-alt:before{font-size:.75em}@media screen and (max-width:768px){.blogcard{margin:40px 0}.blogcard_thumbnail img{width:90px}.blogcard_title{font-size:.95em;padding-bottom:17px}.blogcard_excerpt{display:none}}.widget-qa{counter-reset:num;& .qa{counter-increment:num;margin:3em auto;&:after{content:"";display:block;margin:3em auto;width:40%;height:2px;background:linear-gradient(to right,transparent 0,var(--color-base) 50%,transparent 100%)}}& .qaq{position:relative;border:none;margin:0;padding:10px 0 0 80px;&:before{content:"Ｑ" counter(num) ". ";position:absolute;left:0;top:8px;width:auto;height:auto;background:unset;color:var(--color-base);font-size:24px;white-space:nowrap}}& .qaa{position:relative;border:none;margin:1em 0;padding:10px 0 0 160px;&:before{content:"Ａ" counter(num) ". ";position:absolute;left:80px;top:0;width:auto;height:auto;background:unset;color:var(--color-accent);font-size:24px;font-weight:700;white-space:nowrap}}}@media screen and (max-width:768px){.widget-qa{& .qaq{padding-left:70px}& .qaa{padding-left:70px;&:before{left:0}}}}@media screen and (min-width:769px){.widget-flow2{& .outer{counter-reset:step;& .step{counter-increment:step;display:grid;grid-template-columns:64px 320px auto;grid-template-areas:"step head body" "arrow arrow arrow";column-gap:20px;border-bottom:dashed 1px #1a59af;margin-top:40px;&:before{content:counter(step);grid-area:step;display:flex;justify-content:center;align-items:center;border-radius:8px;width:64px;height:64px;background:#1a59af;color:#fff;font-size:40px;font-family:Arial,Helvetica,sans-serif}&:after{content:"";grid-area:arrow;display:block;margin:0 auto;width:44px;height:22px;background:#82afec;clip-path:polygon(50% 100%,0 0,100% 0);transform:translateY(100%)}&:nth-child(2):after{background:#5c96e7}&:nth-child(3):after{background:#357ee1}&:nth-child(n+4):after{background:#1e68cc}&:last-child:after{background:unset}& h3{grid-area:head;border:none;margin:16px 0;padding:0;background:unset;color:#1a59af;font-size:22px;&:before{content:none}}& h3+div{grid-area:body}}}}}@media screen and (max-width:768px){.widget-flow2{& .outer{counter-reset:step;& .step{counter-increment:step;display:grid;grid-template-columns:48px auto;grid-template-areas:"step head" "body body" "arrow arrow";column-gap:10px;border-bottom:dashed 1px #1a59af;margin-top:40px;&:before{content:counter(step);grid-area:step;display:flex;justify-content:center;align-items:center;border-radius:8px;width:48px;height:48px;background:#1a59af;color:#fff;font-size:22px;font-family:Arial,Helvetica,sans-serif}&:after{content:"";grid-area:arrow;display:block;margin:0 auto;width:44px;height:22px;background:#82afec;clip-path:polygon(50% 100%,0 0,100% 0);transform:translateY(100%)}&:nth-child(2):after{background:#5c96e7}&:nth-child(3):after{background:#357ee1}&:nth-child(n+4):after{background:#1e68cc}&:last-child:after{background:unset}& h3{grid-area:head;border:none;margin:10px 0;padding:0;background:unset;color:#1a59af;font-size:22px;&:before{content:none}}& h3+div{grid-area:body;margin-top:10px}}}}}.widget-related-post{display:flex;margin:1em auto;& .outer{border-radius:8px;padding:20px;background:#fff;box-shadow:5px 5px 15px -5px #777}& h4{border:none;margin:0;padding:0;background:unset;color:#000;font-size:22px;font-weight:bold;&:before,&:after{content:none}}}.widget-profile{margin:2em auto 1em !important;& .outer{display:grid;grid-template-columns:150px auto;grid-template-areas:"photo head" "photo name" "photo desc" "body body";gap:10px 20px;padding:20px;background:#eee;& h4{grid-area:head;display:flex;margin:0;padding:0;background:unset;color:#000;font-size:16px;& span{display:block;border-radius:16px;margin:0;padding:0 10px;background:#333;color:#fff}}& .photo{grid-area:photo}& .name{grid-area:name;& b{color:var(--color-base);& b{font-size:22px}}}& .desc{grid-area:desc}& .body{grid-area:body;display:grid;grid-template-columns:repeat(2,auto);gap:10px 20px;justify-content:left;&>*{margin:0;width:auto}& h5{margin:0 0 1em;font-size:16px}}}}@media screen and (max-width:768px){.widget-profile{& .outer{display:block;text-align:center;& h4 span{margin:0 auto}}& .desc{margin:1em auto;text-align:left}& .body{display:block !important;text-align:left}}}