@charset "UTF-8";
.img-gallerybox{
display:flex;
justify-content:space-evenly;
margin:16px 0;
flex-wrap:wrap;
}
.img-gallerybox > a{
 display:inline-block;
 text-align:center;
 min-width:100px;
 margin:16px 8px;
}
.img-gallerybox > a img{
 width:100%;
}
.txt-userstyle{
display:block;
padding:24px 4%;
position:relative;
box-sizing:border-box;
z-index:0;
}
.txt-userstyle h2:not([class]),.txt-userstyle h3:not([class]),.txt-userstyle h4:not([class]),.txt-userstyle h5:not([class]),.txt-userstyle h6:not([class]){
color:unset;
background:unset;
border:unset;
margin:10px 0;
padding:0;
margin-bottom:10px;
}
.txt-userstyle h2:not([class])::before,.txt-userstyle h3:not([class])::before,.txt-userstyle h4:not([class])::before,.txt-userstyle h5:not([class])::before,.txt-userstyle h6:not([class])::before,.txt-userstyle h2:not([class])::after,.txt-userstyle h3:not([class])::after,.txt-userstyle h4:not([class])::after,.txt-userstyle h5:not([class])::after,.txt-userstyle h6:not([class])::after{
content:unset;
display:none;
}
.txt-userstyle.bg_image{
min-height:20vh;
}
.txt-userstyle.bg_image::before{
content:"";
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:-1;
}
.txt-userstyle.bg_image{
font-weight:700;
background-size:cover;
}
.txt-userstyle.txt-align-left{
text-align:left;
}
.txt-userstyle.txt-align-right{
text-align:right;
}
.txt-userstyle.txt-align-center{
text-align:center;
}
.txt-userstyle.txt-flex-center{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
flex-direction:column;
}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.menu-icon *{
 display:inline-block !important;
}
:not(.qa-accordion) .answer1{
margin-bottom:24px;
}
body,section,.auto-reset{
counter-reset:autonumber;
}
.point-auto{
font-size:1.2em;
font-weight:700;
}
.point-auto::before{
content:counter(autonumber)".";
counter-increment:autonumber;
display:inline-block;
position:relative;
color:var(--clr-accent,#0268cc);
font-size:1.5em;
font-weight:700;
text-align:left;
vertical-align:baseline;
line-height:1.7em;
margin-right:10px;
}
.txt-left{text-align:left;}
.txt-center{text-align:center;}
.txt-right{text-align:right}
img{max-width:100%;height:auto;}
.txt-img img[align^="right"],.txt-img.timg-r img{margin:0 0px 10px 16px;}
.txt-img img[align^="left"],.txt-img.timg-l img{margin:0 16px 10px 0px;}
.txt-img img[align^="center"]{margin:0 0 10px 0;}
.txt-img img.image-left,img.image-left,img.fr-fic.fr-dii.fr-fil{margin:0 16px 10px 0;float:left;}
.txt-img img.image-right,img.image-right,img.fr-fic.fr-dii.fr-fir{margin:0 0 10px 16px;float:right;}
.txt-img img.image-center,img.image-center,img.fr-fic.fr-dib{margin:10px auto;display:block;}
[style*="text-align:left"] > .image-center,[style*="text-align:left"] >.fr-fic.fr-dib{margin-left:0}
[style*="text-align:right"] > .image-center,[style*="text-align:right"] >.fr-fic.fr-dib{margin-right:0}
img.image-block-left{display:block;margin:10px auto 10px 0;}
img.image-block-right{display:block;margin:10px 0 10px auto;}
.img-center .image-left,.img-center .image-right{margin:auto;}
.timg-c{margin-bottom:16px;}
@media screen and (min-width:768px){
.txt-img.timg-r,.txt-img.timg-l{
max-width:50%;
padding:0 16px;
}
}
span.fr-video{display:table;margin:auto;}
span.fr-video.fr-fvl{margin-left:0;float:none;}
span.fr-video.fr-fvr{margin-right:0;float:none;}
.img-full,.img-full > img{width:100%}
.img-w100{width:100px;}
.img-w150{width:150px;}
.img-w200{width:200px;}
.img-w300{width:300px;}
.img-w400{width:400px;}
.img-w500{width:500px;}
.img-w600{width:600px;}
.img-full{width:100%;margin:1em 0;}
h2 + .img-full,h3 + .img-full{margin-top:5px;}
.img-circle{
object-fit:cover;
border-radius:50%;
}
.img-shadow{
filter:drop-shadow(3px 3px 5px rgba(0,0,0,0.3));
}
.img-round{
border-radius:16px;
}
.img-photo{
padding:8px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #c2c2c2;
border-right:1px solid #c2c2c2;
box-shadow:3px 3px 8px rgba(0,0,0,.2);
background:#fff;
box-sizing:border-box;
}
.img-flex,.img-flex2{
display:flex;
}
.img-flex img,.img-flex2 img,.img-flex p,.img-flex2 p{
box-sizing:border-box;
margin:0 8px;
}
.img-flex br,.img-flex2 br{display:none;}
.img-flex p,.img-flex2 p{display:flex;}
@media (max-width:480px){
 .img-flex2 p{display:block;}
 .img-flex2 p > img{margin:8px 0;}
}
.clear{clear:both;height:1px;line-height:1px;}
@media screen and (max-width:640px){
.txt-img.timg-r,.txt-img.timg-l{
max-width:40%;
box-sizing:border-box;
}
.image-left,.image-right{max-width:40%;}
.txt-img.timg-r{padding-left:10px;}
.txt-img.timg-l{padding-right:10px;}
.txt-img.timg-l img{margin-right:0;}
.txt-img.timg-r img{margin-left:0;}
.tx-img.timg-l img,.tx-img.timg-r img{margin:0 0 10px 0;}
.txt-img img[align^="right"],.txt-img img[align^="left"]{max-width:40%;}
.txt-img img[align^="center"]{max-width:100%;}
}
img.fr-fir+br,img.fr-fil+br,img.image-left+noscript+br,img.image-right+noscript+br,img.image-left+br,img.image-right+br{
 display:none;
}
.question1,.question2{
font-weight:700;
}
.annotation{
 padding:16px;
 margin:1em 0;
 font-size:0.875em;
 line-height:1.8;
 background-color:#f8f8f8;
 border-left:solid 2px #dbdbdb;
 color:#666;
}
.float-left2 img{float:left ;margin:0 8px 8px 0;}
.float-right2 img{float:right ;margin:0 0 8px 8px;}
div.table-wrap{
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
table{
margin-bottom:8px;
border-collapse:separate;
border-spacing:0;
border-color:#ddd;
box-sizing:border-box;
}
table caption{
margin-bottom:1rem;
color:#999;
}
table th,table td{
min-width:110px;
text-align:center;
padding:0.5em 1em;
border-style:solid;
border-width:0 1px 1px 0;
border-color:#ddd;
position:relative;
z-index:0;
}
@media screen and (max-width:480px){
table th,table td{
min-width:64px;
}
}
table th{
background-color:#fafafa;
}
table td{
background-color:#fff;
}
table thead th{
line-height:1.5;
}
table tr:first-child > *{
border-top-width:1px;
}
table thead + tbody tr:first-child > *{
border-top-width:0;
}
table tr > *:first-child{
border-left-width:1px;
}
table tr th:first-child{
z-index:1;
}
table.table-w100{
width:100%;
}
table.th1fix tbody th:first-child,table.th1fix thead th.table-thblank{
position:-webkit-sticky;
position:sticky;
left:0;
}
table.table-fontsmall th,table.table-fontsmall td,div.table-fontsmall th,div.table-fontsmall td{
 font-size:clamp(12px,calc(0.75rem + ((1vw - 4.8px) * 0.2088)),14px);
}
#contents div[class*="box"] > div[class^="point"]:first-child,#contents div[class*="box"]:not([class^="rankbox"]) > div[class^="rank"]:first-child,#contents div[class*="box"] > h2:first-child,#contents div[class*="box"] > h3:first-child,#contents div[class*="box"] > h4:first-child,#contents div[class*="box"] > h5:first-child,#contents div[class*="box"] > h6:first-child{
margin-top:8px;
}
#contents div[class*="box"] > div[class^="point"]:last-child,#contents div[class*="box"]:not([class^="rankbox"]) > div[class^="rank"]:last-child,#contents div[class*="box"] > h2:last-child,#contents div[class*="box"] > h3:last-child,#contents div[class*="box"] > h4:last-child,#contents div[class*="box"] > h5:last-child,#contents div[class*="box"] > h6:last-child{
margin-bottom:8px;
}
#contents div[class*="box"]:not(.menubox):not(.menubox2) > ul,#contents div[class*="box"]:not(.menubox):not(.menubox2) > ol{
margin-top:4px;
margin-bottom:4px;
}
#contents .alert > *:first-child,#contents .accept > *:first-child,#contents .attention > *:first-child,#contents .thint > *:first-child{
 margin-top:0;
}
#contents .alert > *:last-child,#contents .accept > *:last-child,#contents .attention > *:last-child,#contents .thint > *:last-child{
margin-bottom:0;
}
#contents .txt-border> *:first-child,#contents .txt-grayback .body > *:first-child,#contents .txt-colorback .body > *:first-child,#contents .txt-frame > *:first-child,#contents .txt-colorframe > *:first-child,#contents .txt-rndbox .body > *:first-child,#contents .txt-decbox1 .body > *:first-child,#contents .txt-decbox2 .body > *:first-child{
margin-top:0;
}
#contents .txt-border> *:last-child,#contents .txt-grayback .body > *:last-child,#contents .txt-colorback .body > *:last-child,#contents .txt-frame > *:last-child,#contents .txt-colorframe > *:last-child,#contents .txt-rndbox .body > *:last-child,#contents .txt-decbox1 .body > *:last-child,#contents .txt-decbox2 .body > *:last-child{
margin-bottom:0;
}
div,p,span,li{word-wrap :break-word;overflow-wrap :break-word;}
td,th{word-break:break-all ;}
a:not([href]){text-decoration:none;}
table td p,table th p{text-align:inherit;}
#header .desc::-webkit-scrollbar{width:5px;}
#header .desc::-webkit-scrollbar-thumb{background:#aaa;border-radius:3px;}
#header .desc::-webkit-scrollbar-track-piece:start,#header .desc::-webkit-scrollbar-track-piece:end{background:#EBEBEB;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
.txt-body::after{content:"";display:block;clear:both;}
div[id^="text"]::after,div[id^="space"]::after{content:"";display:block;clear:both;}
.rank1,.rank2,.rank3,.rank4,.rank5,.rank6,.rank7,.rank8,.rank9,.rank10,.point,.point1,.point2,.point3,.point4,.point5,.point6,.point7,.point8,.point9,.point10{
font-weight:bold;
overflow:visible;
}
h4{
clear:none;
}
ul,ol{
overflow:hidden;
}
.lbg{
line-height:140%;
}
.point:not([data-point]){
padding:.3125em 0 .3125em 4.125em;
font-weight:bold;
line-height:1.5;
overflow:hidden;
position:relative;
}
.point:not([data-point])::before{
background-color:#fc6a74;
border-radius:.3em;
color:#fff;
display:inline-block;
line-height:1;
font-family:Arial;
font-size:.75em;
padding:.3333em .5833em;
content:'CHECK';
position:absolute;
top:.25em;
left:0;
z-index:1;
}
.point:not([data-point])::after{
background-color:#fc6a74;
box-sizing:border-box;
content:'';
display:block;
position:absolute;
top:1.1875em;
left:1.5em;
width:.875em;
height:.625em;
clip-path:path('M0 .2V0h9.4v.5c0 1.7.7 5 4.7 9.5C10.6 8.6 4.2 5.5 0 .2z');
}
.ylw{
background-color:#FFE566;
font-weight:bold;
padding:2px;
}
h1,h2,h3,h4,h5,h6{
overflow:hidden;
}
h1,h2,h3{
clear:both;
}
.alert:after,.accept:after,.attention:after,.thint:after,.user1:after,.user2:after,.user_inner:after,.body:after,.grayline:after,.clear_after:after{
clear:both;
content:"";
display:block;
}
.nmlbox,.dottbox,.ylwbox,.graybg,.txt-border,.txt-grayback,.txt-colorback,.txt-rndbox,.txt-decbox1,.txt-decbox2{
overflow:hidden;
}
.alert,.attention,.thint,.accept,.user1,.user2,.rank{clear:both;}
.nmlbox,.dottbox,.ylwbox,.graybg,.grnbox,.pnkbox,.blubox,.brwbox,.cynbox{
padding:1.5em;
margin-top:1em;
margin-bottom:1em;
clear:both;
overflow:hidden;
}
.graybg{
background-color:#F8F8F8;
}
.grayline{
background-color:#fff;
border:4px solid #ededed;
box-shadow:0px 0px 5px #bbb inset;
margin:20px 0;
padding:20px;
}
.dottbox{
border:dashed 2px #E0E0E0;
box-shadow:none;
}
.nmlbox{
border:2px solid #E0E0E0;
}
.ylwbox{
background-color:#fffbef;
border:2px solid #f7e4b1;
}
.grnbox{
background-color:#f7fcf5;
border:2px solid #b7d8ac;
}
.blubox{
background-color:#f6fafe;
border:2px solid #c9d9ec;
}
.brwbox{
background-color:#f8f6f5;
border:2px solid #ddd2ce;
}
.pnkbox{
background-color:#fff9fe;
border:2px solid #ecd0e7;
}
.cynbox{
background-color:#f5fcfa;
border:2px solid #c2ddd5;
}
.rnd1{
padding:15px;
margin:15px auto 15px auto;
}
.rnd1{
position:relative;
padding:15px;
margin:15px auto 15px auto;
border-radius:12px;
}
.rbox1,.rbox2,.rbox3,.rbox4{
overflow:hidden;
}
.rbox1{
background-color:#F8F8F8;
border:1px solid #E0E0E0;
}
.rbox2{
background-color:#FFF;
border:2px solid #f0bb5a;
}
.rbox3{
background-color:#FFF;
}
.rbox4{
background-color:#F8F8F8;
}
.shadow1,.shadow2,.shadow3{
padding:15px;
margin:15px auto 15px auto;
}
.shadow1{
box-shadow:0px 2px 10px rgba(0,0,0,0.1);
}
.shadow2{
box-shadow:0px 0px 5px rgba(0,0,0,0.17);
}
.border1,.border2,.border3,.borderdot,.borderdot2,.borderdouble{
margin:10px 0;
padding:0px;
line-height:1px;
height:1px;
overflow:hidden;
}
.border1{
border-bottom:solid 1px #999;
}
.border2{
border-bottom:solid 1px #ca3659;
}
.border3{
border-bottom:solid 1px #4473b1;
}
.borderdot{
border-top:dotted 1px #999;
}
.borderdot2{
border-top:dotted 2px #999;
}
.borderdouble{
border-top:double 3px #999;
}
.hd,.hd:hover,.hd:visited{
color:#333;
text-decoration:none;
}
.layout_box{
display:table;
width:100%;
table-layout:fixed;
border-collapse:separate;
}
.layout_box .layout_l,.layout_box .layout_r{
display:table-cell;
float:none ;
overflow:hidden;
vertical-align:top;
}
.layout_l img,.layout_r img{
max-width:100%;
height:auto;
}
.col2.layout_box .layout_l,.col2.layout_box .layout_r{
width:50%;
padding:8px;
}
@media screen and (max-width:640px){
.responsive.layout_box{
display:block;
}
.responsive.layout_box .layout_l,.responsive.layout_box .layout_r{
display:block ;
width:100% !important;
margin:5px 0;
}
}
.gmap-box{
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.gmap-box iframe,.gmap-box object,.gmap-box embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.gmap-wrap{
max-width:100%;
margin:16px auto;
}
.wrapper{
margin:auto;
padding:50px;
}
video{
display:block;
margin:16px auto;
max-width:100%;
}
.obj-center{
display:block;
margin-left:auto;
margin-right:auto;
}
.obj-left{
display:block;
margin-left:0;
margin-right:auto;
}
.obj-right{
display:block;
margin-left:auto;
margin-right:0;
}
.headerimg-img::before{
pointer-events :none;
}
.tcolumn1,.tcolumn2,.tcolumn3,.tcolumn4,.tcolumn5{
box-sizing:border-box;
}
.tcolumn1{width:100%;}
.tcolumn2{width:50%;}
.tcolumn3{width:33.33%}
.tcolumn4{width:25%;}
.tcolumn5{width:20%;}
.pc_contents{display:block;}
.sp_contents{display:none;}
@media screen and (max-width:640px){
.pc_contents{display:none;}
.sp_contents{display:block;}
}
table.borderless,table.borderless td,table.borderless th{
border:none ;
background-color:transparent;
}
.scroll_table{
overflow-x:auto;
white-space:nowrap;
}
.scroll_table::-webkit-scrollbar{height:8px;}
.scroll_table::-webkit-scrollbar-track{
margin:0 2px;
background:#F1F1F1;
border-radius:5px;
}
.scroll_table::-webkit-scrollbar-thumb{
border-radius:5px;
background:#999;
}
.scroll_table table{
width:100%;
table-layout:auto ;
}
@media screen and (min-width:768px){
.scroll_table{
overflow:hidden;
white-space:normal;
}
.scroll_table table{
table-layout:fixed ;
}
}
ul[class][class^="li-"],ol[class][class^="ol-"]{
line-height:1.5;
margin-top:1em;
margin-bottom:1em;
list-style:none;
padding-left:calc(40px - 1.25em);
}
ul[class][class^="li-"] li,ol[class][class^="ol-"] li{
margin:.5em 0;
}
.li-check li{
position:relative;
padding-left:1.25em;
}
.li-check li::before{
background-image:url(./img/li_check.svg);
background-position:center;
background-repeat:no-repeat;
background-size:0.8125em auto;
content:'';
position:absolute;
left:0;
width:1em;
height:1.5em;
}
.ol-circle{
counter-reset:number;
}
.ol-circle li{
position:relative;
padding:0 0 0 1.75em;
}
.ol-circle li::before{
content:counter(number);
counter-increment:number;
background-color:#0268cc;
border-radius:50%;
display:inline-block;
position:absolute;
top:0;
left:0;
color:#fff;
font-size:0.8125em;
font-weight:700;
text-align:center;
vertical-align:middle;
line-height:1.69231em;
width:1.69231em;
height:1.69231em;
}
.txt-border{
background-color:#fff;
background-image:linear-gradient(90deg,rgba(255,255,255,0) 50%,white 50%),linear-gradient(180deg,rgba(190,190,190,0) 97.91666%,#bebebe,97.91666%,#bebebe 100%);
background-repeat:repeat-x,repeat-y;
background-size:.375em 100%,100% 3em;
line-height:3;
padding:0 1.5em;
}
.txt-grayback{
background-color:#f5f5f5;
padding:clamp(24px,6.66667vw,36px);
}
.txt-colorback{
background-color:#fffbe8;
padding:clamp(24px,6.66667vw,36px);
}
.txt-frame{
background-color:#fff;
border:8px solid #e6e6e6;
padding:clamp(24px,6.66667vw,36px);
}
.txt-colorframe{
background-color:#fff;
border:8px solid #ffe99c;
padding:clamp(24px,6.66667vw,36px);
}
.txt-rndbox{
background-color:#f5f5f5;
border-radius:28px;
padding:clamp(28px,7.77778vw,40px);
}
.txt-rndbox .top,.txt-rndbox .bottom{
line-height:0;
}
.txt-decbox1{
background-color:#f8f6e9;
box-shadow:0 0 0 clamp(7px,1.94445vw,14px) #f8f6e9 inset,0 0 0 clamp(8px,2.22223vw,15px) #d2c8b2 inset;
padding:clamp(32px,8.88889vw,58px) clamp(36px,10vw,62px);
position:relative;
z-index:0;
}
.txt-decbox1::before{
border:clamp(49px,13.61112vw,98px) solid transparent;
border-image:url(./img/decbox1.png) 196 round;
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:-1;
}
.txt-decbox1 .top *{
margin-top:0;
}
.txt-decbox1 .bottom{
line-height:0;
}
.txt-decbox2{
background:url(./img/decbox2.jpg) repeat left top/160px auto;
padding:clamp(36px,10vw,52px) clamp(40px,11.11112vw,56px);
position:relative;
z-index:0;
}
.txt-decbox2::before{
background:#fff;
content:'';
position:absolute;
top:clamp(12px,3.33334vw,16px);
left:clamp(12px,3.33334vw,16px);
right:clamp(12px,3.33334vw,16px);
bottom:clamp(12px,3.33334vw,16px);
z-index:-1;
}
.txt-decbox2 .top *{
margin-top:0;
}
.txt-decbox2 .bottom{
line-height:0;
}
.user-block{
padding:1.5em;
}
.flex-box{
display:flex;
justify-content:center;
flex-direction:column;
}
.flex-box > *{
margin-bottom:8px;
}
@media screen and (min-width:480px){
.flex-box{
display:flex;
align-items:center;
flex-direction:row;
justify-content:center;
width:100%;
max-width:100%;
box-sizing:border-box;
}
.flex-box > *{
margin-left:1%;
margin-right:1%;
}
.b-right.flex-box{
 justify-content:flex-end;
 align-items:flex-end;
}
.b-left.flex-box{
 justify-content:flex-start;
 align-items:flex-start;
}
}
.grid{
margin:var(--margin-component) 0;
display:grid;
gap:var(--margin-component);
grid-template-rows:max-content;
place-items:center;
}
.grid .grid-item{
max-width:100%;
}
@media (max-width:959px){
.grid[data-grid-sp-column*="col2"]{
grid-template-columns:repeat(2,1fr);
}
.grid[data-grid-sp-column*="col3"]{
grid-template-columns:repeat(3,1fr);
}
.grid[data-grid-sp-column*="col4"]{
grid-template-columns:repeat(4,1fr);
}
.grid[data-grid-sp-column*="col5"]{
grid-template-columns:repeat(5,1fr);
}
}
@media (min-width:960px){
.grid[data-grid-column*="col2"]{
grid-template-columns:repeat(2,1fr);
}
.grid[data-grid-column*="col3"]{
grid-template-columns:repeat(3,1fr);
}
.grid[data-grid-column*="col4"]{
grid-template-columns:repeat(4,1fr);
}
.grid[data-grid-column*="col5"]{
grid-template-columns:repeat(5,1fr);
}
}
@media (max-width:959px){
.grid[data-grid-sp-column*="col2"][data-grid-sp-column*="arrow"]{
grid-template-columns:repeat(2,1fr auto);
}
.grid[data-grid-sp-column*="col3"][data-grid-sp-column*="arrow"]{
grid-template-columns:repeat(3,1fr auto);
}
.grid[data-grid-sp-column*="col4"][data-grid-sp-column*="arrow"]{
grid-template-columns:repeat(4,1fr auto);
}
.grid[data-grid-sp-column*="col5"][data-grid-sp-column*="arrow"]{
grid-template-columns:repeat(5,1fr auto);
}
}
@media (min-width:960px){
.grid[data-grid-column*="col2"][data-grid-column*="arrow"]{
grid-template-columns:repeat(2,1fr auto);
}
.grid[data-grid-column*="col3"][data-grid-column*="arrow"]{
grid-template-columns:repeat(3,1fr auto);
}
.grid[data-grid-column*="col4"][data-grid-column*="arrow"]{
grid-template-columns:repeat(4,1fr auto);
}
.grid[data-grid-column*="col5"][data-grid-column*="arrow"]{
grid-template-columns:repeat(5,1fr auto);
}
}
.figure{
margin:1em 0;
text-align:center;
position:relative;
}
.figcaption{
font-size:.875em;
line-height:1.4;
text-align:left;
padding-top:1em;
}
.figcaption-title{
font-size:1.28571em;
font-weight:700;
line-height:1.4;
margin-bottom:8px;
text-align:center;
}
@media screen and (min-width:641px){
.figure[data-figure-horizontal*="true"]{
display:flex;
justify-content:center;
flex-direction:row;
}
.figure[data-figure-horizontal*="true"] > img,.figure[data-figure-horizontal*="true"] .figure-link img{
flex-shrink:0;
max-width:48%;
object-fit:cover;
}
.figure[data-figure-horizontal*="true"] .figure-link{
display:contents;
}
.figure[data-figure-horizontal*="true"] .figcaption{
flex-grow:1;
display:flex;
justify-content:center;
flex-direction:column;
padding:0 0 0 4%;
}
.figure[data-figure-horizontal*="true"] .figcaption-title{
text-align:left;
}
.figure[data-figure-horizontal*="true"][data-figure-reverse*="true"] img{
order:1;
}
.figure[data-figure-horizontal*="true"][data-figure-reverse*="true"] .figcaption{
padding:0 4% 0 0;
}
}
@media screen and (max-width:640px){
.figure:not([data-figure-responsive="true"])[data-figure-horizontal*="true"]{
display:flex;
justify-content:center;
}
.figure:not([data-figure-responsive="true"])[data-figure-horizontal*="true"] > img,.figure:not([data-figure-responsive="true"])[data-figure-horizontal*="true"] .figure-link img{
flex-shrink:0;
max-width:48%;
object-fit:cover;
}
.figure:not([data-figure-responsive="true"])[data-figure-horizontal*="true"] .figure-link{
display:contents;
}
.figure:not([data-figure-responsive="true"])[data-figure-horizontal*="true"] .figcaption{
flex-grow:1;
display:flex;
justify-content:center;
flex-direction:column;
padding:0 0 0 4%;
}
.figure:not([data-figure-responsive="true"])[data-figure-horizontal*="true"] .figcaption-title{
text-align:left;
}
.figure:not([data-figure-responsive="true"])[data-figure-horizontal*="true"][data-figure-reverse*="true"] img{
order:1;
}
.figure:not([data-figure-responsive="true"])[data-figure-horizontal*="true"][data-figure-reverse*="true"] .figcaption{
padding:0 4% 0 0;
}
}
.ninja_onebutton_output_overlay .line,.ninja_onebutton_output_responsive .line{background:#00c300 ;}
.ninja_onebutton_output_overlay .hatena,.ninja_onebutton_output_responsive .hatena{background:#008fde ;}
.ninja_onebutton_output_overlay .twitter,.ninja_onebutton_output_responsive .twitter{background-color:#55acee ;}
.ninja_onebutton_output_overlay .facebook,.ninja_onebutton_output_responsive .facebook{background-color:#3b5998 ;}
pre{
font-family:monospace,monospace;
font-size:1em;
margin:1em 0;
word-wrap:normal;
}
code{
font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
font-size:1em;
display:inline-block;
padding:0.1em 0.25em; 
color:#444;
background-color:#e7edf3;
border:solid 1px #d6dde4;
}
pre code,code.code-block{
display:block;
padding:20px;
background-color:#e7edf3;
border:solid 1px #d6dde4;
overflow:auto;
margin:1em 0;
-webkit-overflow-scrolling:touch;
}
.lum-lightbox{
z-index:9999;
}
@media screen and (max-width:480px){
.lum-lightbox-inner img{
max-width:180vw !important;
max-height:100vh !important;
}
}
.snsbox{
margin:8px auto;
}
#topmenu a{
cursor:pointer;
}
.rslide-wrap{
height:200px;
}
.rankbox-slider img{
width:auto;
height:200px;
}
.rankbox-slider .crl-d{
justify-content:center;
}
@media screen and (min-width:1025px){
.rslide-wrap,.rankbox-slider img{
height:240px;
}
}
#contents .cbox-d[class*="03"] .cbox-caption{
 padding-right:0.75em;
}
.relNavigate-thumb img{
 max-height:80px;
}
@media screen and (max-width:480px){
div.table-wrap{
 clear:both;
}
}
#logo img{
width:auto;
}
.rnk1item{border:solid 1px #EBEBEB}
.rnk1item th,.rnk1item td{
 border-left:none;
 border-right:none;
}
.rnk1item td{text-align:left;}
.rnk2item tr:last-child table,.rnk2item tr:last-child td{
 padding:0;
 margin:0;
}
.rnk2item tr:last-child table{
 width:100%;
 table-layout:fixed;
}
.rnk2item .timg{
 border-right:none;
 border-bottom:none
}
.rnk2item .tdesc{
 text-align:left;
 border-bottom:none;
}
.rnk2item > tbody > tr:last-child > td{
 border:none;
}
table.rnk3item th,table.rnk3item td{
 text-align:left;
}
table.rnk3item .timg{
 border-right:none;
}
table[class*="rnk"],table[class*="dsc"],.tokusho{width:100%;}
.dsc2item td,.tokusho td{text-align:left;}
[class*="balloon-"] .clear{display:none;}
[class*="balloon-"]{ display:flex;width:100%;margin:0;}
[class*="balloon-"] .bln{ display:flex;}
[class*="balloon-"] .bln-img{ max-width:80px;}
[class*="balloon-"] .b_body{
 background-color:#F5F5F5;
 padding:12px;
}
[class*="balloon-"] .img-t,[class*="balloon-"] .img-b,[class*="balloon-"] .img-r,[class*="balloon-"] .img-l{
 width:24px;
 height:24px;
 background-color:#F5F5F5;
}
.bln .img-l{
 margin-left:16px;
 clip-path:polygon(0 50%,100% 0,100% 100%);
}
.bln .img-r{
 margin-right:16px;
 clip-path:polygon(0 0,0 100%,100% 50%);
}
.bln .img-t{
 margin-left:24px;
 clip-path:polygon(0 100%,50% 0,100% 100%);
}
.bln .img-b{
 margin-left:24px;
 clip-path:polygon(0 0,50% 100%,100% 0);
}
.balloon-left,.balloon-left .bln{
 flex-direction:row;
 align-items:center;
}
.balloon-right,.balloon-right .bln{
 flex-direction:row-reverse;
 align-items:center;
}
.balloon-top,.balloon-top .bln{
 flex-direction:column;
 justify-content:left;
 align-items:flex-start;
}
.balloon-top .b_body{margin-top:0}
.balloon-bottom{
 flex-direction:column;
 justify-content:left;
 align-items:flex-start;
}
.balloon-bottom .bln{ flex-direction:column;}
.balloon-bottom .b_body{margin-bottom:0}
#body #headerimg .headerimg-title:has(> i,> br){
display:block;
}
#body #headerimg .headerimg-title > i{
display:block;
font-size:max(12px,.44em);
font-style:normal;
font-weight:400;
line-height:1.4;
letter-spacing:.075em;
margin:0 0 .7em;
overflow-wrap:anywhere;
}
#body #headerimg .headerimg-title:has(> i,> br)::after{
margin-top:.45em;
}
html{
line-height:1.15;
-webkit-text-size-adjust:100%;
}
body{
margin:0;
}
main{
display:block;
}
h1{
font-size:2em;
margin:0.67em 0;
}
hr{
box-sizing:content-box;
height:0;
overflow:visible;
}
pre{
font-family:monospace,monospace;
font-size:1em;
}
a{
background-color:transparent;
}
abbr[title]{
border-bottom:none;
text-decoration:underline;
text-decoration:underline dotted;
}
b,strong{
font-weight:bolder;
}
code,kbd,samp{
font-family:monospace,monospace;
font-size:1em;
}
small{
font-size:80%;
}
sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}
sub{
bottom:-0.25em;
}
sup{
top:-0.5em;
}
img{
border-style:none;
}
button,input,optgroup,select,textarea{
font-family:inherit;
font-size:100%;
line-height:1.15;
margin:0;
}
button,input{
overflow:visible;
}
button,select{
text-transform:none;
}
button,[type=button],[type=reset],[type=submit]{
-webkit-appearance:button;
}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
border-style:none;
padding:0;
}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{
outline:1px dotted ButtonText;
}
fieldset{
padding:0.35em 0.75em 0.625em;
}
legend{
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
padding:0; 
white-space:normal;
}
progress{
vertical-align:baseline;
}
textarea{
overflow:auto;
}
[type=checkbox],[type=radio]{
box-sizing:border-box;
padding:0;
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
height:auto;
}
[type=search]{
-webkit-appearance:textfield;
outline-offset:-2px;
}
[type=search]::-webkit-search-decoration{
-webkit-appearance:none;
}
::-webkit-file-upload-button{
-webkit-appearance:button;
font:inherit;
}
details{
display:block;
}
summary{
display:list-item;
}
template{
display:none;
}
[hidden]{
display:none;
}
:root{
--margin-component:1em;
--margin-layout:clamp(20px,calc(20*100vw/375),40px);
--padding-overall:5vw;
--width-overall:1200px;
--width-menu:300px;
--width-rmenu:250px;
--width-entry:1000px;
--width-header-col2:250px;
--width-header-col2_topmenu-child:250px;
}
*,::before,::after{
box-sizing:border-box;
border:0 solid var(--clr-border,#dadde1);
min-width:0;
}
input,button,select,textarea{
border:revert;
min-width:revert;
}
html{
overflow-x:hidden;
font-size:62.5%;
scroll-behavior:smooth;
}
html[data-spmenu=true]{
overflow:hidden;
}
html[data-spmenu=true] #contents{
pointer-events:none;
}
@media (min-width:1025px){
html[data-spmenu=true]{
overflow-y:visible;
}
html[data-spmenu=true] #contents{
pointer-events:auto;
}
}
html,body{
height:100%;
}
body{
background-color:var(--clr-body-bg,#fff);
color:var(--clr-body-txt,#333);
font-family:"Noto Sans JP","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-size:1.4rem;
line-height:2;
}
@media (min-width:1025px){
body{
font-size:1.6rem;
}
}
p{
margin:0;
}
a{
color:var(--clr-a-txt,var(--clr-accent,#134067));
}
a:active,a:hover{
outline:0;
text-decoration:none;
}
a img{
border:none;
}
img{
max-width:100%;
height:auto;
vertical-align:middle;
}
cite{
font-style:normal;
}
ul[id],ul[class],ol[id],ol[class]{
list-style:none;
margin:0;
padding:0;
}
.display-none{
display:none;
}
:target{
scroll-margin-top:24px;
}
#wrap{
position:relative;
display:flex;
flex-direction:column;
min-height:100vh;
}
@media (min-width:1025px){
#wrap::after{
transition:opacity 0.3s;
}
#wrap:is(.s2-premium-menu-hover,:has(.topmenu_ul .haschild:hover))::after{
background-color:#000;
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:0;
opacity:0.38;
}
}
#main-header{
grid-area:main-header;
}
#main{
grid-area:main;
}
#main-footer{
grid-area:main-footer;
}
#menu{
grid-area:menu;
}
#rmenu{
grid-area:rmenu;
}
@media (min-width:1025px){
[data-column=col2] #menu,[data-column=col3] #menu{
width:var(--width-menu);
}
[data-column=col2] #rmenu,[data-column=col3] #rmenu{
width:var(--width-rmenu);
}
}
[data-column=col1][data-page*=entry] #contents,[data-column=col1][data-page*=pages] #contents{
max-width:var(--width-entry);
}
[data-column=col1][data-page*=entry][data-main=wide] #main section > h2,[data-column=col1][data-page*=entry][data-main=wide] #main section .txt-body,[data-column=col1][data-page*=pages][data-main=wide] #main section > h2,[data-column=col1][data-page*=pages][data-main=wide] #main section .txt-body{
max-width:var(--width-entry);
}
[data-column=col1][data-main=wide] #main > *,[data-column=col1][data-main=wide] #menu > *,[data-column=col1][data-main=wide] #rmenu > *{
margin-bottom:var(--margin-layout);
}
[data-column=col1][data-main=wide] #main-footer > *{
margin-top:calc(var(--margin-layout) * 2);
margin-bottom:calc(var(--margin-layout) * 2);
}
[data-column=col1][data-main=wide] #header,[data-column=col1][data-main=wide] #headerimg,[data-column=col1][data-main=wide] #siteNavi,[data-column=col1][data-main=wide] #footer{
--width-overall:none ;
}
[data-column=col1][data-main=wide] #main > *{
padding-left:var(--padding-overall);
padding-right:var(--padding-overall);
}
[data-column=col1][data-main=wide] #contents{
padding:0;
max-width:none;
width:100%;
}
[data-column=col1][data-main=wide] #contents .inner > *:not(#main){
margin-left:auto;
margin-right:auto;
padding-left:var(--padding-overall);
padding-right:var(--padding-overall);
width:auto;
}
[data-column=col1][data-main=wide] #contents .inner #main-footer{
max-width:max(1440px,70%);
}
[data-column=col1][data-main=wide][data-main-header*=wide] #contents #main-header{
padding-left:0;
padding-right:0;
max-width:none;
}
[data-column=col1][data-main=wide] #main section:where([id^="text"][id$="-section"]){
padding:56px var(--padding-overall);
margin-top:0;
margin-bottom:0;
}
[data-column=col1][data-main=wide] #main section > h2,[data-column=col1][data-main=wide] #main section .txt-body{
margin-left:auto;
margin-right:auto;
max-width:var(--width-overall);
}
[data-column=col1][data-main=wide] #main .mainbox + section{
margin-top:var(--margin-layout);
}
@media (min-width:1025px){
[data-column=col1][data-main=wide] #main section:where([id^="text"][id$="-section"]){
padding:120px var(--padding-overall);
}
}
[data-column=col2] #rmenu{
display:none;
}
[data-column=col2] #menu .menubox.display-none{
display:block;
}
@media (min-width:1025px){
[data-column=col2] #contents .inner{
display:grid;
grid-template-areas:"main-header menu" "main menu" "main-footer menu";
gap:0 64px;
grid-template-columns:1fr auto;
grid-template-rows:minmax(0,max-content) minmax(0,max-content) 1fr auto;
justify-content:center;
}
[data-column*=col2][data-menu=left] #contents .inner{
grid-template-areas:"menu main-header" "menu main" "menu main-footer";
grid-template-columns:auto 1fr;
}
}
@media (min-width:1025px){
[data-column=col2][data-main-header*=header] #main-header,[data-column=col2][data-main-header*=wide] #main-header{
grid-column:1/3;
width:auto;
}
[data-column=col2][data-main-header*=header] #menu,[data-column=col2][data-main-header*=wide] #menu{
grid-row:2/4;
}
}
@media (min-width:1025px){
[data-column=col3] #contents .inner{
display:grid;
grid-template-areas:"rmenu main-header menu" "rmenu main menu" "rmenu main-footer menu";
gap:0 24px;
grid-template-columns:auto 1fr auto;
grid-template-rows:minmax(0,max-content) minmax(0,max-content) 1fr auto;
justify-content:center;
}
[data-column=col3][data-menu=left] #contents .inner{
grid-template-areas:"menu main-header rmenu" "menu main rmenu" "menu main-footer rmenu";
}
}
@media (min-width:1025px){
[data-column=col3][data-main-header*=header] #main-header,[data-column=col3][data-main-header*=wide] #main-header{
grid-column:1/4;
width:auto;
}
[data-column=col3][data-main-header*=header] #menu,[data-column=col3][data-main-header*=wide] #menu{
grid-row:2/4;
}
[data-column=col3][data-main-header*=header] #rmenu,[data-column=col3][data-main-header*=wide] #rmenu{
grid-row:2/4;
}
}
#logo{
color:var(--clr-logo-txt,var(--clr-header-fixed-txt,var(--clr-main,#313d47)));
font-weight:700;
line-height:1.5;
font-family:"Noto Serif JP",serif;
}
#logo img{
display:block;
}
#logo a{
color:inherit;
text-decoration:none;
display:contents;
}
#logo{
display:flex;
align-items:center;
gap:8px;
height:100%;
overflow:hidden;
}
#logo img{
max-height:100%;
}
@media (min-width:1025px){
#logo{
padding:8px 0;
}
#logo img{
max-height:72px;
}
#logo.logo-square img{
max-height:56px;
}
#logo.logo-horizon img{
max-height:88px;
}
[data-header]:not([data-header=fixed]) #logo.logo-horizon{
flex-direction:column;
justify-content:center;
align-items:flex-start;
}
[data-header][data-header=row2-center] #logo.logo-horizon{
align-items:center;
}
[data-header][data-header=col2] #logo{
flex-direction:column;
justify-content:center;
align-items:center;
padding-top:0;
}
[data-header][data-header=col2] #logo.logo-horizon{
align-items:center;
}
[data-header][data-header=col2] #logo img{
max-height:none;
}
}
.logotext{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
flex-shrink:0;
}
#header-lead{
font-size:1.1rem;
padding:8px 0;
line-height:1.5;
}
#topmenu{
background-color:var(--clr-topmenu-bg,transparent);
color:var(--clr-topmenu-txt,inherit);
font-size:1.6rem;
line-height:1.5;
}
.topmenu_ul{
overflow:hidden;
}
.topmenu_ul span{
border-bottom-width:1px;
display:block;
}
.topmenu_ul a{
color:inherit;
text-decoration:none;
display:grid;
gap:0.05em;
padding:16px 0;
position:relative;
z-index:0;
overflow-wrap:anywhere;
}
.topmenu_ul a em{
display:block;
font-size:0.66666em;
font-style:normal;
}
.topmenu_ul .haschild{
position:relative;
}
.topmenu_ul .haschild > span{
position:relative;
}
.topmenu_ul .haschild > span::after{
background-color:var(--clr-topmenu-icon,var(--clr-topmenu-txt,var(--clr-header-txt1,var(--clr-header-fixed-txt,var(--clr-accent,#134067)))));
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%226%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%206%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22m3%206%203-6H0z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/6px auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%226%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%206%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22m3%206%203-6H0z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/6px auto;
content:"";
position:absolute;
top:0;
right:0;
width:40px;
height:100%;
cursor:pointer;
}
.topmenu_ul .haschild > span a{
padding-right:40px;
}
.topmenu_ul .haschild.show > span::after{
transform:scale(1,-1);
}
.topmenu_ul .haschild.show > .child{
height:auto;
overflow:visible;
opacity:1;
}
.topmenu_ul .child{
overflow:hidden;
opacity:0;
}
.topmenu_ul .child a{
padding-left:1em;
transition:0.3s ease;
}
@media (max-width:1024px){
.topmenu_ul .haschild:not(.show) .child *{
border-width:0;
line-height:0;
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}
.topmenu_ul .haschild:not(.show) .child img{
height:0;
}
.topmenu_ul .haschild:not(.show) .child a{
opacity:0;
}
}
@media (min-width:1025px){
[data-header=""] .topmenu_ul,[data-header=row2] .topmenu_ul,[data-header=row2-lead] .topmenu_ul,[data-header=row2-center] .topmenu_ul,[data-header=fixed] .topmenu_ul{
display:flex;
flex-wrap:wrap;
overflow:visible;
}
[data-header=""] .topmenu_ul > li,[data-header=row2] .topmenu_ul > li,[data-header=row2-lead] .topmenu_ul > li,[data-header=row2-center] .topmenu_ul > li,[data-header=fixed] .topmenu_ul > li{
display:grid;
place-content:center;
}
[data-header=""] .topmenu_ul > li:not(:last-child),[data-header=row2] .topmenu_ul > li:not(:last-child),[data-header=row2-lead] .topmenu_ul > li:not(:last-child),[data-header=row2-center] .topmenu_ul > li:not(:last-child),[data-header=fixed] .topmenu_ul > li:not(:last-child){
margin-right:min(2.7777777778vw,40px);
}
[data-header=""] .topmenu_ul > li > span,[data-header=row2] .topmenu_ul > li > span,[data-header=row2-lead] .topmenu_ul > li > span,[data-header=row2-center] .topmenu_ul > li > span,[data-header=fixed] .topmenu_ul > li > span{
border-bottom-width:0;
}
[data-header=""] .topmenu_ul a,[data-header=row2] .topmenu_ul a,[data-header=row2-lead] .topmenu_ul a,[data-header=row2-center] .topmenu_ul a,[data-header=fixed] .topmenu_ul a{
padding:0.8em 0;
text-align:center;
}
[data-header=""] .topmenu_ul .haschild > span::after,[data-header=row2] .topmenu_ul .haschild > span::after,[data-header=row2-lead] .topmenu_ul .haschild > span::after,[data-header=row2-center] .topmenu_ul .haschild > span::after,[data-header=fixed] .topmenu_ul .haschild > span::after{
width:11px;
}
[data-header=""] .topmenu_ul .haschild > span a,[data-header=row2] .topmenu_ul .haschild > span a,[data-header=row2-lead] .topmenu_ul .haschild > span a,[data-header=row2-center] .topmenu_ul .haschild > span a,[data-header=fixed] .topmenu_ul .haschild > span a{
padding-right:20px;
}
[data-header=""] .topmenu_ul .haschild:hover,[data-header=""] .topmenu_ul .haschild.show:hover,[data-header=row2] .topmenu_ul .haschild:hover,[data-header=row2] .topmenu_ul .haschild.show:hover,[data-header=row2-lead] .topmenu_ul .haschild:hover,[data-header=row2-lead] .topmenu_ul .haschild.show:hover,[data-header=row2-center] .topmenu_ul .haschild:hover,[data-header=row2-center] .topmenu_ul .haschild.show:hover,[data-header=fixed] .topmenu_ul .haschild:hover,[data-header=fixed] .topmenu_ul .haschild.show:hover{
z-index:3000;
}
[data-header=""] .topmenu_ul .haschild:hover > ul,[data-header=""] .topmenu_ul .haschild.show:hover > ul,[data-header=row2] .topmenu_ul .haschild:hover > ul,[data-header=row2] .topmenu_ul .haschild.show:hover > ul,[data-header=row2-lead] .topmenu_ul .haschild:hover > ul,[data-header=row2-lead] .topmenu_ul .haschild.show:hover > ul,[data-header=row2-center] .topmenu_ul .haschild:hover > ul,[data-header=row2-center] .topmenu_ul .haschild.show:hover > ul,[data-header=fixed] .topmenu_ul .haschild:hover > ul,[data-header=fixed] .topmenu_ul .haschild.show:hover > ul{
opacity:1;
pointer-events:auto;
visibility:visible;
top:100%;
}
[data-header=""] .topmenu_ul .haschild.show > span::after,[data-header=row2] .topmenu_ul .haschild.show > span::after,[data-header=row2-lead] .topmenu_ul .haschild.show > span::after,[data-header=row2-center] .topmenu_ul .haschild.show > span::after,[data-header=fixed] .topmenu_ul .haschild.show > span::after{
transform:none;
}
[data-header=""] .topmenu_ul .haschild.show > .child,[data-header=row2] .topmenu_ul .haschild.show > .child,[data-header=row2-lead] .topmenu_ul .haschild.show > .child,[data-header=row2-center] .topmenu_ul .haschild.show > .child,[data-header=fixed] .topmenu_ul .haschild.show > .child{
height:auto;
overflow:visible;
opacity:0;
}
[data-header=""] .topmenu_ul .child,[data-header=row2] .topmenu_ul .child,[data-header=row2-lead] .topmenu_ul .child,[data-header=row2-center] .topmenu_ul .child,[data-header=fixed] .topmenu_ul .child{
background:var(--clr-topmenu-child-bg,#fff);
box-shadow:0 4px 16px rgba(0,0,0,0.06);
opacity:0;
padding-left:0;
visibility:hidden;
padding:24px 40px 40px 40px;
position:absolute;
top:90%;
left:50%;
transform:translateX(-50%);
width:max-content;
z-index:1;
pointer-events:none;
height:auto;
overflow:visible;
transition:0.3s ease;
}
[data-header=""] .topmenu_ul .child a,[data-header=row2] .topmenu_ul .child a,[data-header=row2-lead] .topmenu_ul .child a,[data-header=row2-center] .topmenu_ul .child a,[data-header=fixed] .topmenu_ul .child a{
color:var(--clr-topmenu-child-txt,var(--clr-body-txt,#333));
margin:0;
padding:16px 32px 16px 0;
text-align:left;
}
[data-header=""] .topmenu_ul .child a::after,[data-header=row2] .topmenu_ul .child a::after,[data-header=row2-lead] .topmenu_ul .child a::after,[data-header=row2-center] .topmenu_ul .child a::after,[data-header=fixed] .topmenu_ul .child a::after{
background-color:var(--clr-topmenu-icon,var(--clr-topmenu-txt,var(--clr-header-txt1,var(--clr-header-fixed-txt,var(--clr-accent,#134067)))));
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%227%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%207%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M20%203.5%2014%207V4H0V3h14V0z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/20px auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%227%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%207%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M20%203.5%2014%207V4H0V3h14V0z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/20px auto;
content:"";
display:block;
position:absolute;
top:50%;
transform:translateY(-50%);
right:0;
width:20px;
height:7px;
cursor:pointer;
}
[data-header=col2] .topmenu_ul{
overflow:visible;
margin-right:-24px;
}
[data-header=col2] .topmenu_ul > li{
padding-right:24px;
}
[data-header=col2] .topmenu_ul .haschild{
position:static;
}
[data-header=col2] .topmenu_ul .haschild > span{
display:flex;
justify-content:space-between;
align-items:center;
gap:8px;
}
[data-header=col2] .topmenu_ul .haschild > span::after{
position:relative;
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%227%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%207%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M20%203.5%2014%207V4H0V3h14V0z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/20px auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%227%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%207%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M20%203.5%2014%207V4H0V3h14V0z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/20px auto;
width:20px;
height:7px;
flex-shrink:0;
}
[data-header=col2] .topmenu_ul .haschild > span a{
padding-right:0;
}
[data-header=col2] .topmenu_ul .haschild:hover > span::after,[data-header=col2] .topmenu_ul .haschild:hover > span a,[data-header=col2] .topmenu_ul .haschild.show:hover > span::after,[data-header=col2] .topmenu_ul .haschild.show:hover > span a{
opacity:0.5;
}
[data-header=col2] .topmenu_ul .haschild:hover > ul,[data-header=col2] .topmenu_ul .haschild.show:hover > ul{
opacity:1;
pointer-events:auto;
visibility:visible;
webkit-clip-path:inset(0);
clip-path:inset(0);
}
[data-header=col2] .topmenu_ul .haschild.show > .child{
height:100vh;
overflow:visible;
overflow-y:auto;
opacity:0;
}
[data-header=col2] .topmenu_ul .child{
background:var(--clr-topmenu-child-bg,rgba(255,255,255,0.96));
opacity:0;
padding-left:0;
padding:180px 24px 96px;
visibility:hidden;
position:absolute;
top:0;
left:var(--width-header-col2);
width:var(--width-header-col2_topmenu-child);
height:100vh;
z-index:1;
pointer-events:none;
overflow:visible;
overflow-y:auto;
-webkit-clip-path:inset(0 100% 0 0);
clip-path:inset(0 100% 0 0);
transition:0.3s ease;
-ms-overflow-style:none;
scrollbar-width:none;
}
[data-header=col2] .topmenu_ul .child::-webkit-scrollbar{
display:none;
}
[data-header=col2] .topmenu_ul .child a{
color:var(--clr-topmenu-child-txt,var(--clr-body-txt,#333));
text-align:left;
padding-left:0;
}
[data-header=col2] .topmenu_ul .child li:first-child a{
padding-top:0;
}
}
@media (hover:hover){
#topmenu a{
transition:0.2s;
}
#topmenu a:hover{
opacity:0.5;
}
}
@media (min-width:1025px){
#header .search::before{
background-color:var(--clr-header-txt1,var(--clr-header-fixed-txt,var(--clr-body-txt,#333)));
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.874%200a.3.3%200%200%200%20.114.027C9.268.21%2011.27%201.64%2012.22%203.616a6.43%206.43%200%200%201-.7%206.77l4.153%204.154c.157.157.254.3.327.493v.312c-.086.29-.276.527-.542.613a.8.8%200%200%201-.839-.207l-4.23-4.23a6.44%206.44%200%200%201-6.811.683A6.43%206.43%200%200%201%20.01%206.823C-.193%203.257%202.482.27%206.03%200zM3.343%2010.154a4.84%204.84%200%200%200%206.63-.413%204.84%204.84%200%200%200-.03-6.637%204.84%204.84%200%200%200-6.624-.361%204.825%204.825%200%200%200%20.024%207.41z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50%/16px auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.874%200a.3.3%200%200%200%20.114.027C9.268.21%2011.27%201.64%2012.22%203.616a6.43%206.43%200%200%201-.7%206.77l4.153%204.154c.157.157.254.3.327.493v.312c-.086.29-.276.527-.542.613a.8.8%200%200%201-.839-.207l-4.23-4.23a6.44%206.44%200%200%201-6.811.683A6.43%206.43%200%200%201%20.01%206.823C-.193%203.257%202.482.27%206.03%200zM3.343%2010.154a4.84%204.84%200%200%200%206.63-.413%204.84%204.84%200%200%200-.03-6.637%204.84%204.84%200%200%200-6.624-.361%204.825%204.825%200%200%200%20.024%207.41z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50%/16px auto;
content:"";
cursor:pointer;
display:block;
width:100%;
height:100%;
}
#header .search .search-form{
background:rgba(0,0,0,0.64);
display:flex;
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
padding:200px 25%;
z-index:100;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity 0.15s ease,visibility 0.15s ease;
}
#header .search .search-form::before{
background-color:#fff;
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.8%22%20height%3D%2219.798%22%20viewBox%3D%220%200%2019.8%2019.798%22%3E%3Cpath%20d%3D%22M18.385%200%209.9%208.485%201.415%200%200%201.413%208.485%209.9%200%2018.385%201.415%2019.8%209.9%2011.313l8.485%208.487%201.415-1.415L11.315%209.9%2019.8%201.413Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/19px auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.8%22%20height%3D%2219.798%22%20viewBox%3D%220%200%2019.8%2019.798%22%3E%3Cpath%20d%3D%22M18.385%200%209.9%208.485%201.415%200%200%201.413%208.485%209.9%200%2018.385%201.415%2019.8%209.9%2011.313l8.485%208.487%201.415-1.415L11.315%209.9%2019.8%201.413Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/19px auto;
content:"";
position:absolute;
top:0;
right:0;
cursor:pointer;
width:60px;
height:60px;
}
#header .search .search-form::after{
--search-box-bg-height:136px;
background-color:#fff;
content:"";
position:absolute;
top:160px;
left:22%;
right:22%;
height:136px;
z-index:-1;
}
#header .search .search-keyword{
flex-shrink:0;
width:100%;
height:56px;
}
#header .search .search-keyword input[type=search]{
padding:0 56px 0 24px;
}
#header .search .search-submit{
margin-left:-56px;
width:56px;
height:56px;
position:relative;
}
#header .search .search-form::after,#header .search .search-keyword,#header .search .search-submit{
transform:translateY(16px);
transition:transform 0.3s ease;
}
html[data-searchbox=true] #header .search .search-form{
opacity:1;
visibility:visible;
pointer-events:auto;
}
html[data-searchbox=true] #header .search .search-form::after,html[data-searchbox=true] #header .search .search-keyword,html[data-searchbox=true] #header .search .search-submit{
transform:translateY(0);
}
}
@media (hover:hover){
#header .search::before,#header .search::after{
transition:0.2s;
}
#header .search:hover::before,#header .search:hover::after{
opacity:0.5;
}
}
#spmenu-btn{
display:block;
position:relative;
margin-left:auto;
text-indent:200%;
white-space:nowrap;
overflow:hidden;
width:48px;
height:48px;
z-index:100;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:transparent;
border:0;
border-radius:0;
outline:none;
padding:0;
box-sizing:border-box;
min-width:0;
}
#spmenu-btn::before,#spmenu-btn::after,#spmenu-btn span::before{
border-bottom:2px solid var(--clr-header-txt1,var(--clr-header-fixed-txt,var(--clr-main,#313d47)));
content:"";
margin-left:-13px;
position:absolute;
top:50%;
left:50%;
width:26px;
transition:0.2s;
}
#spmenu-btn::before{
margin-top:-9px;
}
#spmenu-btn::after{
margin-top:7px;
}
#spmenu-btn span::before{
margin-top:-1px;
}
[data-spmenu=true] #spmenu-btn::before{
transform:translateY(9px) rotate(-45deg);
}
[data-spmenu=true] #spmenu-btn::after{
transform:translateY(-7px) rotate(45deg);
}
[data-spmenu=true] #spmenu-btn span::before{
opacity:0;
}
@media (min-width:1025px){
#spmenu-btn{
display:none;
}
}
#spmenu{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
display:flex;
flex-direction:column;
gap:32px;
overflow-x:hidden;
overflow-y:scroll;
opacity:0;
padding:80px 0;
z-index:99;
transition:0.2s;
height:100vh;
height:100dvh;
}
@media (max-width:1024px){
#spmenu{
visibility:hidden;
}
[data-spmenu=true] #body #header{
position:fixed;
top:0;
left:0;
width:100%;
z-index:100;
}
[data-spmenu=true] #body #header::before{
background-color:var(--clr-header-bg1,#fff);
content:"";
position:fixed;
top:0;
left:0;
right:0;
height:100vh;
z-index:99;
}
[data-spmenu=true] #spmenu{
opacity:1;
visibility:visible;
}
}
#header{
background-color:var(--clr-header-bg1,#fff);
color:var(--clr-header-txt1,var(--clr-header-fixed-txt,inherit));
}
#logo-wrap{
display:flex;
align-items:center;
gap:3em;
padding:16px var(--padding-overall);
height:80px;
}
#spmenu-btn{
flex-shrink:0;
}
#spmenu{
padding-left:var(--padding-overall);
padding-right:var(--padding-overall);
}
#header-wrap,#header-menu{
display:flex;
flex-direction:column;
gap:32px;
}
@media (min-width:1025px){
[data-header=""] #logo,[data-header=""] #header-lead,[data-header=""] #topmenu,[data-header=""] #header .search,[data-header=""] #space7,[data-header=row2] #logo,[data-header=row2] #header-lead,[data-header=row2] #topmenu,[data-header=row2] #header .search,[data-header=row2] #space7,[data-header=row2-lead] #logo,[data-header=row2-lead] #header-lead,[data-header=row2-lead] #topmenu,[data-header=row2-lead] #header .search,[data-header=row2-lead] #space7,[data-header=row2-center] #logo,[data-header=row2-center] #header-lead,[data-header=row2-center] #topmenu,[data-header=row2-center] #header .search,[data-header=row2-center] #space7,[data-header=fixed] #logo,[data-header=fixed] #header-lead,[data-header=fixed] #topmenu,[data-header=fixed] #header .search,[data-header=fixed] #space7{
display:flex;
align-items:center;
}
[data-header=""] #header-menu,[data-header=""] #logo-wrap,[data-header=""] #spmenu,[data-header=""] #header-wrap,[data-header=row2] #header-menu,[data-header=row2] #logo-wrap,[data-header=row2] #spmenu,[data-header=row2] #header-wrap,[data-header=row2-lead] #header-menu,[data-header=row2-lead] #logo-wrap,[data-header=row2-lead] #spmenu,[data-header=row2-lead] #header-wrap,[data-header=row2-center] #header-menu,[data-header=row2-center] #logo-wrap,[data-header=row2-center] #spmenu,[data-header=row2-center] #header-wrap,[data-header=fixed] #header-menu,[data-header=fixed] #logo-wrap,[data-header=fixed] #spmenu,[data-header=fixed] #header-wrap{
display:contents;
}
}
@media (min-width:1025px){
[data-header=""] #header .container,[data-header=row2] #header .container,[data-header=row2-lead] #header .container,[data-header=row2-center] #header .container,[data-header=fixed] #header .container{
box-sizing:content-box;
margin-left:auto;
margin-right:auto;
padding-top:16px;
padding-left:min(var(--padding-overall),32px);
padding-right:min(var(--padding-overall),32px);
padding-bottom:16px;
display:flex;
flex-wrap:wrap;
gap:16px;
align-items:center;
}
[data-header=""] #header .search,[data-header=row2] #header .search,[data-header=row2-lead] #header .search,[data-header=row2-center] #header .search,[data-header=fixed] #header .search{
overflow:hidden;
margin-left:auto;
flex-shrink:0;
width:40px;
height:40px;
}
[data-header=""] #topmenu,[data-header=row2] #topmenu,[data-header=row2-lead] #topmenu,[data-header=row2-center] #topmenu,[data-header=fixed] #topmenu{
margin:-0.8em auto;
}
[data-header=""] #topmenu + .search,[data-header=row2] #topmenu + .search,[data-header=row2-lead] #topmenu + .search,[data-header=row2-center] #topmenu + .search,[data-header=fixed] #topmenu + .search{
margin:0;
}
}
@media (min-width:1025px){
[data-header=row2] #header-menu{
color:var(--clr-header-txt2,inherit);
}
[data-header=row2] #header-menu{
display:flex;
flex-direction:row;
gap:16px;
order:1;
width:100%;
}
[data-header=row2] #topmenu{
margin-left:0;
position:relative;
}
[data-header=row2] #topmenu .topmenu_ul .haschild::after{
background-color:var(--clr-topmenu-icon,var(--clr-topmenu-txt,var(--clr-header-txt2,var(--clr-header-txt1,var(--clr-body-txt,rgba(51,51,51,0.5))))));
}
[data-header=row2] #space7{
margin:0 0 0 auto;
}
[data-header=row2] #header .search::before{
background-color:var(--clr-header-txt2,var(--clr-header-txt1,var(--clr-body-txt,#333)));
}
[data-header=row2][data-color*=clr-header-bg2] #header .container{
gap:32px;
}
[data-header=row2][data-color*=clr-header-bg2] #header-menu{
position:relative;
}
[data-header=row2][data-color*=clr-header-bg2] #header-menu::before{
background-color:var(--clr-header-bg2);
content:"";
position:absolute;
top:-16px;
left:0;
right:0;
bottom:-16px;
margin:0 calc(-50vw + 50%);
}
}
@media (min-width:1025px){
[data-header=row2-lead] #logo{
grid-area:logo;
}
[data-header=row2-lead] #header-lead{
grid-area:header-lead;
}
[data-header=row2-lead] #topmenu{
grid-area:topmenu;
}
[data-header=row2-lead] #header .search{
grid-area:header-search;
}
[data-header=row2-lead] #space7{
grid-area:space7;
}
[data-header=row2-lead] #header .container{
display:flex;
align-items:center;
flex-wrap:nowrap;
gap:40px;
}
[data-header=row2-lead] #logo{
background-color:var(--clr-header-bg1);
color:var(--clr-logo-txt,var(--clr-header-txt2,var(--clr-header-fixed-txt,#222)));
min-height:auto;
}
[data-header=row2-lead] #header-lead{
margin-left:0;
min-height:auto;
}
[data-header=row2-lead] #header-wrap{
display:flex;
gap:16px;
margin-left:auto;
flex-shrink:0;
}
[data-header=row2-lead] #header-menu{
display:flex;
flex-direction:row;
}
[data-header=row2-lead] #topmenu{
margin:-0.4em 0 -0.4em auto;
min-height:auto;
}
[data-header=row2-lead] #space7{
margin-left:auto;
order:-1;
min-height:auto;
}
[data-header=row2-lead] #header .search{
min-height:auto;
}
[data-header=row2-lead][data-color*=clr-header-bg2] #header-wrap{
gap:32px;
}
[data-header=row2-lead][data-color*=clr-header-bg2] #header-menu{
position:relative;
}
[data-header=row2-lead][data-color*=clr-header-bg2] #header-menu::before{
background-color:var(--clr-header-bg2);
content:"";
position:absolute;
top:-16px;
left:0;
right:0;
bottom:-16px;
margin:0 calc(-50vw + 50%);
}
}
@media (min-width:1025px){
[data-header=row2-center] #header .container{
flex-direction:column;
}
[data-header=row2-center] #logo,[data-header=row2-center] #header-lead{
justify-content:center;
min-height:auto;
padding:1em 0;
}
[data-header=row2-center] #header-lead{
margin-top:-16px;
}
[data-header=row2-center] #header-wrap{
color:var(--clr-header-txt2,inherit);
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
gap:16px;
}
[data-header=row2-center] #header-menu{
display:contents;
}
[data-header=row2-center] #topmenu,[data-header=row2-center] #space7{
position:relative;
}
[data-header=row2-center] #space7{
flex-shrink:0;
}
[data-header=row2-center] #topmenu{
margin-left:0;
margin-right:0;
}
[data-header=row2-center] #topmenu .topmenu_ul .haschild::after{
background-color:var(--clr-topmenu-icon,var(--clr-topmenu-txt,var(--clr-header-txt2,var(--clr-header-txt1,var(--clr-body-txt,rgba(51,51,51,0.5))))));
}
[data-header=row2-center] #header .search{
margin-left:0;
}
[data-header=row2-center] #header .search::before{
background-color:var(--clr-header-txt2,var(--clr-header-txt1,var(--clr-body-txt,#333)));
}
[data-header=row2-center][data-color*=clr-header-bg2] #header-wrap{
margin-top:24px;
position:relative;
}
[data-header=row2-center][data-color*=clr-header-bg2] #header-wrap::before{
background-color:var(--clr-header-bg2);
content:"";
position:absolute;
top:-16px;
left:0;
right:0;
bottom:-16px;
margin:0 calc(-50vw + 50%);
}
}
@media (max-width:1024px){
[data-header=fixed]:not([data-headerimg-img-sp=false]) #header{
position:absolute;
top:0;
left:0;
width:100%;
z-index:1;
}
[data-header=fixed]:not([data-headerimg-img-sp=false]) #header .container{
flex-wrap:nowrap;
}
[data-header=fixed]:not([data-headerimg-img-sp=false]) #header:not(.fix){
background-color:transparent;
--clr-header-fixed-txt:#fff;
}
[data-spmenu=true] [data-header=fixed]:not([data-headerimg-img-sp=false]) #header{
--clr-header-fixed-txt:inherit;
}
}
@media (min-width:1025px){
[data-header=fixed]:not([data-headerimg-img=false]) #header{
position:absolute;
top:0;
left:0;
width:100%;
z-index:1;
}
[data-header=fixed]:not([data-headerimg-img=false]) #header .container{
max-height:104px;
flex-wrap:nowrap;
}
[data-header=fixed]:not([data-headerimg-img=false]) #header:not(.fix){
background-color:transparent;
--clr-header-fixed-txt:#fff;
}
}
@media (min-width:1025px){
[data-header=col2] #wrap{
padding-left:var(--width-header-col2);
}
[data-header=col2] #header{
position:fixed;
z-index:2000;
top:0;
left:0;
height:100vh;
width:var(--width-header-col2);
}
[data-header=col2] #header .container{
padding:40px 24px;
height:100vh;
overflow-y:auto;
-ms-overflow-style:none;
scrollbar-width:none;
}
[data-header=col2] #header .container::-webkit-scrollbar{
display:none;
}
[data-header=col2] #header .search{
display:flex;
align-items:center;
gap:6px;
}
[data-header=col2] #header .search::before{
width:16px;
height:17px;
}
[data-header=col2] #header .search::after{
content:attr(data-search-text);
font-size:1.4rem;
}
[data-header=col2] #header .search .search-keyword::before{
display:none;
}
[data-header=col2] #logo{
justify-content:center;
height:auto;
}
[data-header=col2] #header-lead{
text-align:center;
}
[data-header=col2] #logo-wrap,[data-header=col2] #spmenu{
display:contents;
}
[data-header=col2] #header-wrap{
display:flex;
flex-direction:column;
gap:2em;
padding-top:32px;
}
[data-header=col2][data-main-header*=wide] #main-header{
margin-left:calc(-50vw + 50% + var(--width-header-col2) / 2);
margin-right:calc(-50vw + 50% + var(--width-header-col2) / 2);
}
[data-header=col2] #brand-bnr-box{
z-index:2000;
}
}
#contents{
flex-grow:1;
box-sizing:content-box;
display:flex;
margin-left:auto;
margin-right:auto;
padding-left:var(--padding-overall);
padding-right:var(--padding-overall);
padding-bottom:var(--margin-layout);
width:calc(100% - var(--padding-overall) * 2);
max-width:var(--width-overall);
}
#contents .inner{
width:100%;
}
#main > *,#main-footer > *,#menu > *,#rmenu > *{
margin-top:var(--margin-layout);
}
#main-header > *{
margin-top:var(--margin-layout);
}
[data-main-header*=wide] #main-header{
margin-left:calc(-50vw + 50%);
margin-right:calc(-50vw + 50%);
}
[data-main-header*=wide] #main-header > *{
margin-top:0;
}
[data-column=col1][data-main=wide] #main section[data-txt-body=wide] > h2,[data-column=col1][data-main=wide] #main section[data-txt-body=wide] .txt-body{
max-width:max(1440px,70%);
}
[class=txt-body]{
background-color:var(--clr-txtbody-bg,transparent);
color:var(--clr-txtbody-txt,inherit);
}
[data-color*=clr-txtbody-bg] [class=txt-body]{
padding:clamp(10px,2.6666666667vw,24px);
}
section{
background-position:top center !important;
background-size:contain !important;
}
#main-footer .taglist{
justify-content:flex-end;
}
#main-footer :not(.profile-body) > .snsbox{
display:flex;
justify-content:flex-end;
width:100%;
}
.menuboxlist .menubox:not(:first-child){
margin-top:var(--margin-layout);
}
.menulist{
font-size:1.4rem;
line-height:1.5;
}
.sitemenu,#submenu:not([class=submenu-image]){
background-color:var(--clr-menu-bg,transparent);
overflow:hidden;
}
.sitemenu a,#submenu:not([class=submenu-image]) a{
color:var(--clr-menu-txt,inherit);
text-decoration:none;
display:flex;
align-items:center;
position:relative;
padding:1.2em 0;
}
.sitemenu a::after,#submenu:not([class=submenu-image]) a::after{
content:"";
border-bottom-width:1px;
position:absolute;
left:-100vw;
right:0;
bottom:0;
}
.sitemenu > li,#submenu:not([class=submenu-image]) > li{
overflow:hidden;
}
.sitemenu .haschild,#submenu:not([class=submenu-image]) .haschild{
position:relative;
}
.sitemenu .haschild > a,#submenu:not([class=submenu-image]) .haschild > a{
padding-right:40px;
}
.sitemenu .haschild::after,#submenu:not([class=submenu-image]) .haschild::after{
background-color:var(--clr-menu-icon,var(--clr-menu-txt,var(--clr-accent,#134067)));
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%226%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%206%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22m3%206%203-6H0z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/6px auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%226%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%206%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22m3%206%203-6H0z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/6px auto;
content:"";
position:absolute;
top:0;
right:0;
width:40px;
height:3.9em;
cursor:pointer;
}
.sitemenu .haschild.show::after,#submenu:not([class=submenu-image]) .haschild.show::after{
transform:rotate(180deg);
}
.sitemenu .haschild.show > .child,#submenu:not([class=submenu-image]) .haschild.show > .child{
overflow:visible;
opacity:1;
}
.sitemenu .sitemenu_ul,#submenu:not([class=submenu-image]) .sitemenu_ul{
padding-left:1em;
}
.sitemenu .child,#submenu:not([class=submenu-image]) .child{
overflow:hidden;
opacity:0;
}
.sitemenu .child a,#submenu:not([class=submenu-image]) .child a{
transition:0.3s ease;
}
@media (max-width:1024px){
.menubox .sitemenu .haschild:not(.show) .child *:not(span),#submenu:not([class=submenu-image]) .haschild:not(.show) .child *:not(span){
border-width:0;
line-height:0;
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}
.menubox .sitemenu .haschild:not(.show) .child img,#submenu:not([class=submenu-image]) .haschild:not(.show) .child img{
height:0;
}
.menubox .sitemenu .haschild:not(.show) .child a,#submenu:not([class=submenu-image]) .haschild:not(.show) .child a{
opacity:0;
}
}
@media (min-width:1025px){
#body:not([data-column=col1]) .menubox .sitemenu .haschild:not(.show) .child *:not(span),#body:not([data-column=col1]) #submenu:not([class=submenu-image]) .haschild:not(.show) .child *:not(span){
border-width:0;
line-height:0;
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}
#body:not([data-column=col1]) .menubox .sitemenu .haschild:not(.show) .child img,#body:not([data-column=col1]) #submenu:not([class=submenu-image]) .haschild:not(.show) .child img{
height:0;
}
#body:not([data-column=col1]) .menubox .sitemenu .haschild:not(.show) .child a,#body:not([data-column=col1]) #submenu:not([class=submenu-image]) .haschild:not(.show) .child a{
opacity:0;
}
[data-column=col1] .title + .menulist{
margin-top:0;
}
[data-column=col1] .sitemenu,[data-column=col1] #submenu:not([class=submenu-image]){
column-count:3;
gap:2em;
}
[data-column=col1] .sitemenu li,[data-column=col1] #submenu:not([class=submenu-image]) li{
break-inside:avoid;
margin:0 0 1.5em;
}
[data-column=col1] .sitemenu li::after,[data-column=col1] #submenu:not([class=submenu-image]) li::after{
display:none;
}
[data-column=col1] .sitemenu a,[data-column=col1] #submenu:not([class=submenu-image]) a{
padding:0;
display:inline;
}
[data-column=col1] .sitemenu a::after,[data-column=col1] #submenu:not([class=submenu-image]) a::after{
display:none;
}
[data-column=col1] .sitemenu .haschild > a,[data-column=col1] #submenu:not([class=submenu-image]) .haschild > a{
padding-right:0;
}
[data-column=col1] .sitemenu .sitemenu_ul,[data-column=col1] #submenu:not([class=submenu-image]) .sitemenu_ul{
padding:0;
}
[data-column=col1] .sitemenu .sitemenu_ul li,[data-column=col1] #submenu:not([class=submenu-image]) .sitemenu_ul li{
margin:0.8em 0 0;
opacity:0.75;
}
[data-column=col1] .sitemenu .child,[data-column=col1] #submenu:not([class=submenu-image]) .child{
height:auto;
overflow:visible;
opacity:1;
}
[data-column=col1][data-color*=clr-menu-bg] .sitemenu,[data-column=col1][data-color*=clr-menu-bg] #submenu:not([class=submenu-image]){
padding:2em;
}
.menulist span{
transition:0.2s;
}
.menulist a:hover{
opacity:1;
}
.menulist a:hover span{
opacity:0.5;
}
}
.menu-icon{
flex-shrink:0;
line-height:0;
}
.menu-icon img{
max-width:20px;
margin-right:8px;
vertical-align:top;
}
.submenu-image{
display:flex;
flex-wrap:wrap;
gap:0.5em;
}
.submenu-image ul,.submenu-image li,.submenu-image a,.submenu-image span{
display:contents;
}
#footer-menu{
font-size:1.4rem;
line-height:1.5;
}
.footer-menu_ul{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
gap:40px;
}
.footer-menu_ul li{
max-width:100%;
}
.footer-menu_ul a{
color:var(--clr-footermenu-txt,inherit);
text-decoration:none;
}
.footer-menu_ul .child li{
margin-top:1em;
}
.footer-menu_ul .child li a{
color:var(--clr-footermenu-child-txt,var(--clr-footermenu-txt,var(--clr-footer-txt,rgba(255,255,255,0.75))));
}
@media (min-width:1025px){
.footer-menu_ul{
display:flex;
justify-content:center;
flex-wrap:wrap;
}
}
@media (min-width:1025px){
#footer-menu a{
transition:0.2s;
}
#footer-menu a:hover{
opacity:0.5;
}
}
#copy{
font-size:1.2rem;
text-align:center;
width:100%;
opacity:0.5;
}
#footer{
background-color:var(--clr-footer-bg,#343f49);
color:var(--clr-footer-txt,#fff);
}
#footer .inner{
box-sizing:content-box;
margin:0 auto;
padding:80px var(--padding-overall);
max-width:none;
display:flex;
flex-direction:column;
gap:64px;
}
@media (min-width:1025px){
#footer .inner{
padding:160px var(--padding-overall);
}
}
[data-footer=""] #space8{
text-align:center;
}
@media (min-width:1025px){
[data-footer=""] #footer .inner{
align-items:center;
}
}
@media (min-width:1025px){
[data-footer*=col2] #footer .inner{
display:grid;
grid-template-columns:1.5fr 1fr;
gap:min(4.4444444444vw,64px);
}
[data-footer*=col2] #space8{
grid-row:1/3;
grid-column:1/2;
}
[data-footer*=col2] #footer-menu{
grid-row:1/2;
grid-column:2/3;
}
[data-footer*=col2] .footer-menu_ul{
justify-content:flex-end;
}
[data-footer*=col2] #copy{
grid-row:2/3;
grid-column:2/3;
text-align:right;
align-self:end;
}
}
@media (max-width:1024px){
html:not([data-spmenu=true]) #body #header.fix{
position:fixed;
top:0;
width:100%;
z-index:100;
transform:translateY(-100%);
opacity:0.98;
}
html:not([data-spmenu=true]) #body #header.fix:not(.show-header){
overflow:hidden;
}
html:not([data-spmenu=true]) #body[data-header=fixed]:not([data-headerimg-img-sp=false]) #header.fix{
position:fixed;
}
html:not([data-spmenu=true]) #body #header.fix.hide-header{
transform:translateY(-100%);
transition:0.4s transform cubic-bezier(0.3,0,0.2,1);
pointer-events:none;
}
html:not([data-spmenu=true]) #body #header.fix.show-header{
transform:none;
transition:0.4s transform cubic-bezier(0.3,0,0.2,1);
}
}
@media (min-width:1025px){
#body:not([data-header=col2]) #header.fix{
position:fixed;
top:0;
width:100%;
z-index:100;
transform:translateY(-100%);
opacity:0.98;
}
#body:not([data-header=col2]) #header.fix:not(.show-header){
overflow:hidden;
}
#body:not([data-header=col2])[data-header=fixed]:not([data-headerimg-img-sp=false]) #header.fix{
position:fixed;
}
#body:not([data-header=col2]) #header.fix.hide-header{
transform:translateY(-100%);
transition:0.4s transform cubic-bezier(0.3,0,0.2,1);
pointer-events:none;
}
#body:not([data-header=col2]) #header.fix.show-header{
transform:none;
transition:0.4s transform cubic-bezier(0.3,0,0.2,1);
}
html[data-searchbox=true] #body:not([data-header=col2]) #header.fix{
opacity:1;
transition:none;
}
}
#whatsnew li{
border-bottom-width:1px;
display:flex;
flex-direction:column;
align-items:baseline;
gap:16px;
padding-bottom:24px;
}
#whatsnew li:not(:first-child){
padding-top:24px;
}
.whatsnew-time{
flex-shrink:0;
display:flex;
align-items:center;
gap:16px;
}
.whatsnew-time .cat{
max-width:100px;
}
.whatsnew-time .cat a{
background-color:var(--clr-accent,#134067);
color:#fff;
padding:0 0.8333333333em;
}
.whatsnew-txt{
line-height:1.6;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
}
.whatsnew-txt a{
color:inherit;
}
@media (min-width:1025px){
#whatsnew li{
flex-direction:row;
gap:32px;
padding-bottom:36px;
}
#whatsnew li:not(:first-child){
padding-top:36px;
}
.whatsnew-time{
gap:32px;
}
.whatsnew-txt{
-webkit-line-clamp:1;
}
}
[data-page=top] #main-footer .blogarea{
display:none;
}
.blogarea .title{
display:none;
}
.blogarea{
display:flex;
flex-direction:column;
gap:24px;
}
@media (min-width:1025px){
.blogarea{
gap:36px;
}
}
.bloglist{
display:grid;
margin:0;
gap:24px;
grid-template-rows:max-content;
}
@media (min-width:1025px){
.bloglist{
gap:36px;
}
}
[data-blog-mark*=new] .blog-info::after{
color:var(--clr-accent,#134067);
content:"NEW";
font-family:"EB Garamond",serif;
font-size:1.2rem;
line-height:1;
pointer-events:none;
order:1;
flex-shrink:0;
}
.blog{
container-type:inline-size;
border-bottom-width:1px;
padding-bottom:24px;
}
.blog .blog-thumb{
display:none;
}
.blog .blog-body{
display:flex;
flex-direction:column;
gap:16px;
overflow:hidden;
position:relative;
}
.blog .blog-info{
flex-shrink:0;
display:flex;
align-items:center;
gap:16px;
}
.blog .cat{
order:1;
max-width:100px;
}
.blog .cat a{
background-color:var(--clr-accent,#134067);
color:#fff;
padding:0 0.8333333333em;
}
.blog .blog-title{
line-height:1.6;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
}
.blog .blog-title a{
color:inherit;
}
.blog .author,.blog .blog-desc,.blog .blog-more{
display:none;
}
@media (min-width:1025px){
.blog{
padding-bottom:36px;
}
.blog .blog-body{
flex-direction:row;
gap:32px;
}
.blog .blog-info{
gap:32px;
}
.blog .blog-title{
-webkit-line-clamp:1;
}
}
@container (max-width:360px){}
@container (max-width:300px){}
@container (max-width:240px){}
@container (max-width:500px){}
@container (min-width:680px){}
@container (min-width:800px){}
@container (min-width:1000px){}
[class^=categorylist] ul{
margin:var(--margin-component) 0;
overflow:visible;
}
[class^=categorylist] .article-thumb{
overflow:hidden;
}
[class^=categorylist] .article-thumb img{
width:100%;
aspect-ratio:410/270;
object-fit:cover;
}
[class^=categorylist] .article-title{
color:inherit;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
font-size:clamp(1.6rem,4.2666666667vw,1.8rem);
font-weight:700;
line-height:1.4;
}
[class^=categorylist] .article-title a{
color:inherit;
text-decoration:none;
}
[class^=categorylist] .article-desc{
color:inherit;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
font-size:1.3rem;
line-height:1.6;
opacity:0.75;
}
[class^=categorylist] .article-more{
display:none;
}
@media (min-width:1025px){
[class^=categorylist] .article-thumb img{
max-height:300px;
}
[class^=categorylist] .article-inner{
transition:0.3s;
transition-property:opacity;
}
[class^=categorylist] .article-thumb img{
transition:0.3s;
transition-property:transform;
}
[class^=categorylist] .article:hover .article-inner{
opacity:0.75;
}
[class^=categorylist] .article:hover .article-thumb img{
transform:scale(1.07);
}
}
@keyframes circleLink{
0%{
transform:translateX(0);
opacity:1;
}
50%{
transform:translateX(30px);
opacity:1;
}
51%{
transform:translateX(30px);
opacity:0;
}
52%{
transform:translateX(-30px);
opacity:0;
}
53%{
transform:translateX(-30px);
opacity:1;
}
100%{
transform:translateX(0);
opacity:1;
}
}
.categorylist ul{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));
gap:2em;
}
.categorylist .article{
position:relative;
}
.categorylist .article-inner{
display:flex;
flex-direction:column;
gap:1em;
}
.categorylist .article-body{
display:flex;
flex-direction:column;
gap:0.625em;
}
.categorylist-vertical ul{
display:grid;
gap:2em;
}
.categorylist-vertical .article{
position:relative;
}
.categorylist-vertical .article-inner{
display:flex;
flex-wrap:wrap;
gap:1em 2.5em;
}
.categorylist-vertical .article-thumb{
flex:1 1 360px;
}
.categorylist-vertical .article-body{
flex:9999 1 240px;
display:flex;
flex-direction:column;
gap:0.625em;
}
@media (min-width:1025px){
.categorylist-vertical .article-thumb img{
max-height:200px;
}
.categorylist-vertical .article-more a{
margin-top:0.4444444444em;
}
}
.categorylist-alternate{
container-type:inline-size;
}
.categorylist-alternate ul{
display:grid;
gap:2em;
}
.categorylist-alternate .article{
position:relative;
}
.categorylist-alternate .article-inner{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));
gap:1em 0;
align-items:center;
}
.categorylist-alternate .article-body{
display:flex;
flex-direction:column;
gap:0.625em;
}
.categorylist-alternate .article-title{
font-size:clamp(1.6rem,4.2666666667vw,2rem);
}
@container (min-width:800px){
.categorylist-alternate ul{
gap:3em;
}
.categorylist-alternate .article-body{
padding:0 2vw;
}
.categorylist-alternate .article-title{
-webkit-line-clamp:3;
}
.categorylist-alternate .article-desc{
-webkit-line-clamp:4;
}
.categorylist-alternate li:nth-child(odd) .article-body{
padding-right:0;
}
.categorylist-alternate li:nth-child(even) .article-body{
order:-1;
padding-left:0;
}
.categorylist-alternate .article-more a{
margin-top:0.4444444444em;
}
}
#entrylist ul{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));
gap:1em;
overflow:visible;
}
#entrylist .article{
position:relative;
}
#entrylist .article-inner{
display:flex;
flex-direction:column;
gap:1em;
}
#entrylist .article-thumb{
flex-shrink:0;
overflow:hidden;
}
#entrylist .article-thumb img{
width:100%;
aspect-ratio:200/120;
object-fit:cover;
}
#entrylist .article-body{
display:flex;
flex-direction:column;
gap:0.5em;
}
#entrylist .article-title{
color:inherit;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
font-size:1.6rem;
font-weight:700;
line-height:1.4;
}
#entrylist .article-title a{
color:inherit;
text-decoration:none;
}
#entrylist .article-desc{
color:inherit;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
font-size:1.3rem;
line-height:1.7;
opacity:0.75;
}
@media (min-width:1025px){
#entrylist .article-inner{
transition:0.3s;
transition-property:opacity;
}
#entrylist .article-thumb img{
transition:0.3s;
transition-property:transform;
}
#entrylist .article:hover .article-inner{
opacity:0.75;
}
#entrylist .article:hover .article-thumb img{
transform:scale(1.07);
}
}
#searchresult ul{
margin:var(--margin-component) 0;
display:grid;
gap:2em;
overflow:visible;
}
#searchresult .article{
position:relative;
}
#searchresult .article-inner{
display:flex;
flex-wrap:wrap;
gap:1em 2.5em;
}
#searchresult .article-thumb{
flex:1 1 360px;
overflow:hidden;
}
#searchresult .article-thumb img{
width:100%;
aspect-ratio:410/270;
object-fit:cover;
max-height:200px;
}
#searchresult .article-body{
flex:9999 1 240px;
display:flex;
flex-direction:column;
gap:0.625em;
}
#searchresult .article-title{
color:inherit;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
font-size:clamp(1.6rem,4.2666666667vw,1.8rem);
font-weight:700;
line-height:1.5;
}
#searchresult .article-title a{
color:inherit;
text-decoration:none;
}
#searchresult .article-desc{
color:inherit;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
font-size:1.3rem;
line-height:1.6;
opacity:0.75;
}
#searchresult .article-more{
display:none;
}
@media (min-width:1025px){
#searchresult .article-inner{
transition:0.3s;
transition-property:opacity;
}
#searchresult .article-thumb img{
transition:0.3s;
transition-property:transform;
}
#searchresult .article:hover .article-inner{
opacity:0.75;
}
#searchresult .article:hover .article-thumb img{
transform:scale(1.07);
}
}
#notfound .search{
margin:2em 0;
}
@media (min-width:1025px){
#notfound .search-form{
width:400px;
}
}
.author{
display:flex;
align-items:center;
gap:0.5em;
}
.author-image{
width:32px;
height:32px;
flex-shrink:0;
}
.author-image img{
border-radius:50%;
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.author-body{
display:flex;
align-items:center;
gap:1em;
}
.author-name{
font-size:1.2rem;
line-height:1.5;
opacity:0.75;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
}
.author-name a{
color:inherit;
text-decoration:none;
}
blockquote{
background-color:#f8f8f8;
border-left:2px solid #dddee2;
margin:var(--margin-component) 0;
padding:clamp(16px,4.2666666667vw,30px);
position:relative;
}
blockquote::before{
background-image:url(img/blockquote.svg);
background-position:left center;
background-repeat:no-repeat;
background-size:15px auto;
content:"";
display:block;
margin-bottom:10px;
margin-top:-10px;
width:1em;
height:1em;
}
[class*=alert]{
background:#fdf2f5;
}
[class*=accept]{
background:#e7f8f8;
}
[class*=attention]{
background:#fff8e5;
}
[class*=hint]{
background:#e8f5ff;
}
.alert::before,.accept::before,.attention::before,.thint::before,.cbox-d .cbox-caption span::before{
background-position:center;
background-repeat:no-repeat;
content:"";
border-radius:50%;
position:absolute;
width:1.75em;
height:1.75em;
}
.alert:not(.noimage)::before,[class*=cbox-alert] .cbox-caption span::before{
background-color:#dd305d;
background-image:url(img/icon_alert.svg);
background-size:0.8125em;
}
.accept:not(.noimage)::before,[class*=cbox-accept] .cbox-caption span::before{
background-color:#00adaa;
background-image:url(img/icon_accept.svg);
background-size:0.938em;
}
.attention:not(.noimage)::before,[class*=cbox-attention] .cbox-caption span::before{
background-color:#ffba02;
background-image:url(img/icon_attention.svg);
background-size:0.188em;
}
.thint:not(.noimage)::before,[class*=cbox-hint] .cbox-caption span::before{
background-color:#409cfa;
background-image:url(img/icon_thint.svg);
background-size:0.188em;
}
.alert,.accept,.attention,.thint{
line-height:1.5;
margin:var(--margin-component) 0;
padding:clamp(16px,4.2666666667vw,24px);
position:relative;
}
.alert:not(.noimage),.accept:not(.noimage),.attention:not(.noimage),.thint:not(.noimage){
padding-left:calc(clamp(16px,4.2666666667vw,24px) + 2.5em);
}
.alert:not(.noimage)::before,.accept:not(.noimage)::before,.attention:not(.noimage)::before,.thint:not(.noimage)::before{
top:calc(clamp(16px,4.2666666667vw,24px) - 0.125em);
left:clamp(16px,4.2666666667vw,24px);
}
.cbox-d{
line-height:1.5;
margin:var(--margin-component) 0;
}
.cbox-d .cbox-caption span{
display:block;
font-size:0.875em;
position:relative;
}
.cbox-d .cbox-caption span::before{
top:-0.125em;
left:0;
}
.cbox-d .cbox-body{
padding:1.5em;
}
[class*=cbox-alert] .cbox-caption{
background:#dd305d;
}
[class*=cbox-alert] .cbox-caption span{
color:#dd305d;
}
[class*=cbox-alert],[class*=cbox-alert] .cbox-caption::before,[class*=cbox-alert] .cbox-caption::after{
border-color:#dd305d;
}
[class*=cbox-accept] .cbox-caption{
background:#00adaa;
}
[class*=cbox-accept] .cbox-caption span{
color:#00adaa;
}
[class*=cbox-accept],[class*=cbox-accept] .cbox-caption::before,[class*=cbox-accept] .cbox-caption::after{
border-color:#00adaa;
}
[class*=cbox-attention] .cbox-caption{
background:#ffba02;
}
[class*=cbox-attention] .cbox-caption span{
color:#ffba02;
}
[class*=cbox-attention],[class*=cbox-attention] .cbox-caption::before,[class*=cbox-attention] .cbox-caption::after{
border-color:#ffba02;
}
[class*=cbox-hint] .cbox-caption{
background:#409cfa;
}
[class*=cbox-hint] .cbox-caption span{
color:#409cfa;
}
[class*=cbox-hint],[class*=cbox-hint] .cbox-caption::before,[class*=cbox-hint] .cbox-caption::after{
border-color:#409cfa;
}
.cbox-d[class*="01"]{
border-width:1px;
}
.cbox-d[class*="01"] .cbox-caption{
background:transparent;
margin-bottom:-0.5em;
padding:1.5em 1.5em 0;
}
.cbox-d[class*="01"] .cbox-caption span{
padding-left:2.5em;
}
.cbox-alert01{
border-color:#f4d3dc;
}
.cbox-accept01{
border-color:#c6e2e2;
}
.cbox-attention01{
border-color:#fce5a3;
}
.cbox-hint01{
border-color:#b5e0fc;
}
.cbox-d[class*="02"]{
background:#fff;
border-width:2px;
border-top:none;
margin-top:calc(var(--margin-component) + 0.84375em);
}
.cbox-d[class*="02"] .cbox-caption{
background:transparent;
display:flex;
margin-bottom:-0.5em;
padding:0;
}
.cbox-d[class*="02"] .cbox-caption::before,.cbox-d[class*="02"] .cbox-caption::after{
content:"";
border-top-width:2px;
}
.cbox-d[class*="02"] .cbox-caption::before{
margin-right:0.75em;
width:0.75em;
}
.cbox-d[class*="02"] .cbox-caption::after{
flex-grow:1;
margin-left:0.75em;
}
.cbox-d[class*="02"] .cbox-caption span{
padding-left:2.5em;
margin-top:-0.85712em;
}
.cbox-d[class*="03"]{
margin-top:calc(var(--margin-component) + 1.25em);
}
.cbox-d[class*="03"] .cbox-caption{
display:inline-block;
margin:0;
padding:0.25em 0.5em;
position:relative;
top:-1em;
margin-bottom:-1.25em;
max-width:calc(100% - 3em);
}
.cbox-d[class*="03"] .cbox-caption span{
color:#fff;
padding-left:1.7857em;
}
.cbox-d[class*="03"] .cbox-body{
margin-top:-0.75em;
}
.cbox-d[class*="04"]{
background:#fff;
border-width:2px;
border-top:none;
}
.cbox-d[class*="04"] .cbox-caption{
margin-bottom:0;
padding:0.625em 1.5em;
}
.cbox-d[class*="04"] .cbox-caption span{
color:#fff;
padding-left:1.7857em;
}
.cat{
display:inline-flex;
}
.cat a{
color:inherit;
font-size:1.2rem;
line-height:1.8;
text-decoration:none;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
}
@media (min-width:1025px){
.cat a{
transition:0.2s;
}
.cat a:hover{
opacity:0.5;
}
}
.chart{
line-height:1.5;
}
.chart li{
display:flex;
gap:0 8px;
align-items:center;
font-size:1.2rem;
padding:2px 0;
}
.chart .chart-title{
flex-shrink:0;
width:30%;
}
.chart .graph{
background-color:#f2f5f7;
border-radius:3px;
overflow:hidden;
flex-grow:1;
}
.chart .graph .bar{
background-color:#ffcc66;
display:block;
height:12px;
}
.chart .graph .bar[data-review="0"]{
width:0%;
}
.chart .graph .bar[data-review="1"]{
width:20%;
}
.chart .graph .bar[data-review="2"]{
width:40%;
}
.chart .graph .bar[data-review="3"]{
width:60%;
}
.chart .graph .bar[data-review="4"]{
width:80%;
}
.chart .graph .bar[data-review="5"]{
width:100%;
}
.cta{
background-color:#f6f6f6;
color:#333;
margin-left:auto;
margin-right:auto;
position:relative;
overflow:hidden;
container-type:inline-size;
}
.cta a{
color:inherit;
display:block;
text-decoration:none;
}
.cta .cta-img{
position:relative;
z-index:0;
}
.cta .cta-img img{
width:100%;
height:140px;
-webkit-mask-image:linear-gradient(rgb(0,0,0) 30%,rgba(0,0,0,0));
mask-image:linear-gradient(rgb(0,0,0) 30%,rgba(0,0,0,0));
object-fit:cover;
}
.cta .cta-body{
margin-top:-10px;
padding:0 20px 20px;
position:relative;
display:flex;
flex-direction:column;
gap:20px 0;
}
.cta .cta-txt{
display:flex;
flex-direction:column;
gap:10px 0;
}
.cta .cta-title{
font-size:1.8rem;
font-weight:700;
line-height:1.4;
text-align:center;
}
.cta .cta-desc{
font-size:1.2rem;
line-height:1.7;
opacity:0.75;
}
.cta .cta-more{
text-align:center;
}
.cta .cta-more span{
background-color:#637e9a;
border-radius:100px;
color:#fff;
display:inline-block;
font-size:1.2rem;
padding:10px 24px;
}
@media (min-width:1025px){
.cta{
transition:0.2s;
}
.cta:hover{
opacity:0.5;
}
}
@container (max-width:280px){
.cta .cta-img img{
height:90px;
}
.cta .cta-body{
gap:10px 0;
}
.cta .cta-title{
font-size:1.5rem;
}
.cta .cta-desc{
font-size:1rem;
}
.cta .cta-more span{
font-size:1rem;
}
}
@container (min-width:600px){
.cta.cta-left .cta-inner{
flex-direction:row;
}
.cta.cta-left .cta-img img{
-webkit-mask-image:linear-gradient(to right,rgb(0,0,0) 30%,rgba(0,0,0,0));
mask-image:linear-gradient(to right,rgb(0,0,0) 30%,rgba(0,0,0,0));
object-position:left;
}
}
@container (min-width:600px){
.cta .cta-inner{
display:flex;
flex-direction:row-reverse;
}
.cta .cta-img{
width:45%;
}
.cta .cta-img img{
height:100%;
-webkit-mask-image:linear-gradient(to left,rgb(0,0,0) 30%,rgba(0,0,0,0));
mask-image:linear-gradient(to left,rgb(0,0,0) 30%,rgba(0,0,0,0));
object-position:right;
}
.cta .cta-img span{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
.cta .cta-body{
margin-top:0;
padding:32px;
width:55%;
}
.cta .cta-title{
text-align:left;
}
.cta .cta-desc{
font-size:1.3rem;
}
.cta .cta-more{
text-align:left;
}
}
@container (min-width:800px){
.cta[data-cta-size=""] .cta-img{
width:50%;
}
.cta[data-cta-size=""] .cta-body{
width:50%;
padding:40px;
gap:24px 0;
}
.cta[data-cta-size=""] .cta-title{
font-size:2.6rem;
}
.cta[data-cta-size=""] .cta-desc{
display:block;
font-size:1.5rem;
}
.cta[data-cta-size=""] .cta-more span{
display:block;
font-size:1.5rem;
text-align:center;
}
}
@container (min-width:728px){
.cta[data-cta-size=horizontal] .cta-img{
width:38%;
}
.cta[data-cta-size=horizontal] .cta-body{
width:62%;
display:flex;
flex-direction:row;
align-items:center;
gap:0 20px;
}
.cta[data-cta-size=horizontal] .cta-more{
flex-shrink:0;
}
}
.cta-footer{
background-color:#f6f6f6;
color:#333;
padding:40px 0;
text-align:center;
}
.cta-footer .cta-inner{
padding-left:var(--padding-overall);
padding-right:var(--padding-overall);
display:flex;
flex-direction:column;
gap:24px;
}
.cta-footer .cta-txt{
font-size:clamp(1.6rem,4.2666666667vw,1.8rem);
line-height:1.4;
font-weight:700;
}
.cta-footer .cta-btns{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:24px;
}
.cta-footer .cta-more{
text-align:center;
width:100%;
max-width:400px;
}
.cta-footer .cta-more a{
background-color:#637e9a;
border-radius:100px;
color:#fff;
display:block;
font-size:1.7rem;
font-weight:700;
padding:19px 24px;
text-decoration:none;
}
@media (min-width:1025px){
.cta-footer .cta-more a{
transition:0.2s;
}
.cta-footer .cta-more a:hover{
opacity:0.7;
}
}
#cta-fixed{
display:none;
}
@media (min-width:1025px){
#cta-fixed{
background-color:#fff;
display:block;
position:absolute;
right:4px;
bottom:50%;
opacity:0;
visibility:hidden;
transition:opacity 0.5s ease,visibility 0.5s ease;
z-index:99;
width:250px;
}
#cta-fixed.fixed__follow{
position:fixed;
bottom:4px;
opacity:1;
visibility:visible;
}
#cta-fixed #cta-fixedbtn{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:0;
font:inherit;
outline:none;
padding:0;
background-color:#1a1a1a;
border-radius:50%;
display:block;
width:30px;
height:30px;
position:absolute;
top:-10px;
left:-10px;
cursor:pointer;
}
#cta-fixed #cta-fixedbtn::before{
background-color:#fff;
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.9%209.9%22%3E%3Cpath%20d%3D%22M8.485%200%204.95%203.536%201.414%200%200%201.414%203.536%204.95%200%208.485%201.414%209.9%204.95%206.364%208.485%209.9%209.9%208.485%206.364%204.95%209.9%201.414Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/12px auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.9%209.9%22%3E%3Cpath%20d%3D%22M8.485%200%204.95%203.536%201.414%200%200%201.414%203.536%204.95%200%208.485%201.414%209.9%204.95%206.364%208.485%209.9%209.9%208.485%206.364%204.95%209.9%201.414Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/12px auto;
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
#cta-fixed .cta{
margin:0;
}
#cta-fixed.fixed__close{
display:none;
}
}
.date{
color:var(--clr-main,#313d47);
font-size:1.4rem;
line-height:1;
position:relative;
opacity:0.58;
flex-shrink:0;
}
.documents{
display:grid;
gap:2em 64px;
}
.documents-main{
display:flex;
flex-direction:column;
gap:1em 0;
}
.documents-stitle{
font-size:clamp(1.8rem,4.8vw,2.2rem);
font-weight:700;
line-height:1.5;
}
.facebook_plugin{
overflow:hidden;
}
.contact-form .form{
gap:40px 0;
}
.contact-form .form .item-list{
gap:24px 0;
}
.contact-form .form #contact-confirm{
display:flex;
flex-direction:column;
gap:24px 0;
}
.contact-form .form #contact-confirm .item_d{
margin-bottom:0;
}
.contact-form .form .item{
gap:8px 0;
padding-bottom:24px;
border-bottom-width:1px;
}
.contact-form .form .item_t{
font-family:"Noto Serif JP",serif;
font-size:1.6rem;
font-weight:700;
display:flex;
}
.contact-form .form .item_t span{
background-color:var(--clr-accent,#134067);
border-radius:0;
align-self:baseline;
top:0.6666666667em;
}
.contact-form .form input[type=text],.contact-form .form input[type=email],.contact-form .form input[type=tel],.contact-form .form textarea{
background-color:var(--clr-form-bg,var(--clr-base,#f5f7fb));
border:none;
box-shadow:none;
border-radius:4px;
}
.contact-form .form input[type=text]:focus,.contact-form .form input[type=email]:focus,.contact-form .form input[type=tel]:focus,.contact-form .form textarea:focus{
box-shadow:inset 0 0 0 1px var(--clr-accent,#134067);
}
.contact-form .form input[type=text],.contact-form .form input[type=email],.contact-form .form input[type=tel]{
line-height:3.5em;
height:3.5em;
}
.contact-form .form input[type=submit]{
background-color:var(--clr-accent,#134067);
font-family:"Noto Serif JP",serif;
border-radius:4px;
box-shadow:none;
font-size:1.6rem;
font-weight:600;
padding:1.5em 0;
max-width:498px;
}
@media (min-width:1025px){
.contact-form .form .item-list,.contact-form .form #contact-confirm{
gap:32px 0;
}
.contact-form .form .item-list .item_t{
padding-top:0.75em;
}
.contact-form .form .item{
flex-direction:row;
gap:32px;
padding-bottom:32px;
}
.contact-form .form .item_t{
justify-content:space-between;
width:24%;
position:relative;
}
.contact-form .form .item_t::after{
border-bottom:1px solid var(--clr-accent,#134067);
content:"";
position:absolute;
left:0;
bottom:-33px;
width:100%;
}
.contact-form .form .item_d{
flex-grow:1;
}
.contact-form .form input[type=submit]{
font-size:2rem;
padding:1.3em 0;
}
}
#space1 .space-box:not(:first-child),#space2 .space-box:not(:first-child),#space3 .space-box:not(:first-child),#space4 .space-box:not(:first-child),#space5 .space-box:not(:first-child),#space6 .space-box:not(:first-child){
margin-top:var(--margin-layout);
}
#space7{
display:grid;
gap:2em;
}
#space7::after{
display:none;
}
@media (min-width:1025px){
[data-header=""] #space7,[data-header=row2] #space7,[data-header=row2-lead] #space7,[data-header=row2-center] #space7,[data-header=fixed] #space7{
display:flex;
gap:1em;
}
}
#space8 .space-box:not(:first-child){
margin-top:2em;
}
[data-headerimg-type=header] #headerimg{
position:relative;
z-index:0;
}
[data-headerimg-type=header] #headerimg::before{
background-color:var(--clr-headerimg-overlay,rgba(0,0,0,0.3));
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
display:none;
}
.headerimg-img{
text-align:center;
line-height:0;
}
.headerimg-img img{
width:100%;
height:var(--h-hdr-sp,100%);
object-fit:cover;
}
.headerimg-item{
max-height:100%;
}
.headerimg-item a{
display:contents;
}
.headerimg-item img{
max-height:100%;
object-fit:contain;
}
@media (max-width:1024px){
.headerimg-item{
text-align:center;
}
}
.headerimg-txt{
color:var(--clr-headerimg-txt,var(--clr-body-txt,inherit));
display:grid;
gap:1em;
}
.headerimg-title{
color:var(--clr-main,#313d47);
font-size:clamp(1.6rem,4.2666666667vw,1.8rem);
font-weight:600;
line-height:1.5;
margin:0;
display:grid;
gap:4px;
}
.headerimg-title i{
color:var(--clr-accent,#134067);
font-family:"EB Garamond",serif;
font-style:normal;
font-size:clamp(4rem,10.6666666667vw,8rem);
font-weight:500;
line-height:1;
}
[data-page=entry][data-headerimg-type=""] .headerimg-title{
color:var(--clr-accent,#134067);
font-size:clamp(2.2rem,5.8666666667vw,2.8rem);
}
[data-page=entry][data-headerimg-type=""] .headerimg-title::after{
background-color:var(--clr-accent,#134067);
content:"";
display:block;
width:40px;
height:1px;
margin:24px auto 0;
}
[data-page=entry][data-headerimg-type=""] .headerimg-txt{
justify-items:center;
}
[data-page=entry][data-headerimg-type=""] .headerimg-meta{
order:-1;
}
[data-column=col1][data-page=entry][data-headerimg-type=""] .headerimg-title{
font-size:clamp(2.2rem,5.8666666667vw,3.2rem);
}
@media (min-width:1025px){
[data-page=entry][data-headerimg-type=""] .headerimg-title{
text-align:center;
}
[data-column=col1][data-page=entry][data-headerimg-type=""] .headerimg-title{
max-width:max(50%,680px);
}
}
[data-page*=other] .headerimg-title{
font-size:clamp(2.2rem,5.8666666667vw,2.6rem);
}
.headerimg-desc{
font-size:clamp(1.4rem,3.7333333333vw,1.6rem);
line-height:1.6;
}
@media (max-width:1024px){
[data-headerimg-type=header][data-headerimg-img-sp=true] .headerimg-desc{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
}
.headerimg-meta{
color:var(--clr-headerimg-txt,var(--clr-body-txt,inherit));
display:flex;
align-items:center;
flex-wrap:wrap;
gap:1em;
}
.headerimg-meta .date.updated::before{
background-color:var(--clr-headerimg-txt,var(--clr-body-txt,#333));
}
@media (max-width:1024px){
[data-headerimg-type=header]:not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]):not([data-main-header=header]) #headerimg{
height:var(--h-hdr-sp);
overflow:hidden;
}
[data-headerimg-type=header]:not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]):not([data-main-header=header]) #headerimg::before{
display:block;
}
[data-headerimg-type=header]:not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]):not([data-main-header=header]) .headerimg-inner{
padding:var(--padding-overall);
height:var(--h-hdr-sp);
}
[data-headerimg-type=header]:not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]):not([data-main-header=header]) .headerimg-item{
text-align:center;
}
[data-headerimg-type=header]:not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]):not([data-main-header=header]) .headerimg-txt{
color:var(--clr-headerimg-txt,#fff);
}
[data-headerimg-type=header]:not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]):not([data-main-header=header]) .headerimg-title{
color:var(--clr-headerimg-txt,#fff);
padding:0;
}
[data-headerimg-type=header]:not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]):not([data-main-header=header]) .headerimg-meta .author-name,[data-headerimg-type=header]:not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]):not([data-main-header=header]) .headerimg-meta .date{
opacity:1;
}
[data-headerimg-type=header]:not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]):not([data-main-header=header]) .headerimg-meta .date.updated::before{
background-color:var(--clr-headerimg-txt,#fff);
opacity:1;
}
[data-header=fixed]:not([data-headerimg-img-sp=false])#body #headerimg::before{
display:block;
grid-row:1/2;
grid-column:1/2;
}
[data-headerimg-img-sp=false][data-headerimg-item-sp=false][data-headerimg-title-sp=false][data-headerimg-desc-sp=false][data-headerimg-meta-sp=false] #headerimg{
display:none;
}
[data-headerimg-item-sp=false][data-headerimg-title-sp=false][data-headerimg-desc-sp=false][data-headerimg-meta-sp=false] #headerimg::before{
display:none;
}
[data-headerimg-item-sp=false][data-headerimg-title-sp=false][data-headerimg-desc-sp=false][data-headerimg-meta-sp=false] .headerimg-inner{
display:none;
}
[data-headerimg-title-sp=false][data-headerimg-desc-sp=false][data-headerimg-meta-sp=false] .headerimg-txt{
display:none;
}
}
@media (min-width:1025px){
[data-headerimg-type=header]:not([data-main-header=header]) #headerimg{
height:var(--h-hdr-pc);
overflow:hidden;
}
[data-headerimg-type=header]:not([data-main-header=header]) #headerimg::before{
display:block;
}
[data-headerimg-type=header]:not([data-main-header=header]) .headerimg-inner{
padding:min(var(--padding-overall),72px);
height:var(--h-hdr-pc);
}
[data-headerimg-type=header]:not([data-main-header=header]) .headerimg-item{
text-align:center;
}
[data-headerimg-type=header]:not([data-main-header=header]) .headerimg-txt{
color:var(--clr-headerimg-txt,#fff);
}
[data-headerimg-type=header]:not([data-main-header=header]) .headerimg-title{
color:var(--clr-headerimg-txt,#fff);
padding:0;
}
[data-headerimg-type=header]:not([data-main-header=header]) .headerimg-meta .author-name,[data-headerimg-type=header]:not([data-main-header=header]) .headerimg-meta .date{
color:var(--clr-headerimg-txt,#fff);
opacity:1;
}
[data-headerimg-type=header]:not([data-main-header=header]) .headerimg-meta .date.updated::before{
background-color:var(--clr-headerimg-txt,#fff);
opacity:1;
}
[data-headerimg-type=header]:not([data-main-header=header]) #siteNavi ul li:not(:last-child)::after{
background:var(--clr-headerimg-txt,#fff);
opacity:0.58;
}
[data-headerimg-type=header]:not([data-main-header=header]) #siteNavi ul span{
color:var(--clr-headerimg-txt,#fff);
opacity:1;
}
[data-headerimg-type=header]:not([data-main-header=header]) #siteNavi ul a{
color:var(--clr-headerimg-txt,#fff);
}
[data-header=fixed]#body #headerimg::before{
display:block;
}
[data-headerimg-img=false][data-headerimg-item=false][data-headerimg-title=false][data-headerimg-desc=false][data-headerimg-meta=false] #headerimg{
display:none;
}
[data-headerimg-item=false][data-headerimg-title=false][data-headerimg-desc=false][data-headerimg-meta=false] #headerimg::before{
display:none;
}
[data-headerimg-item=false][data-headerimg-title=false][data-headerimg-desc=false][data-headerimg-meta=false] .headerimg-inner{
display:none;
}
[data-headerimg-title=false][data-headerimg-desc=false][data-headerimg-meta=false] .headerimg-txt{
display:none;
}
}
#headerimg{
display:grid;
gap:2em;
}
.headerimg-inner{
display:contents;
}
[data-headerimg-type=""] .headerimg-img,[data-headerimg-type=""] .headerimg-item{
order:1;
}
@media (min-width:1025px){
.headerimg-img img{
height:var(--h-hdr-pc,100%);
}
}
@media (max-width:1024px){
[data-headerimg-type=header][data-headerimg-img-sp=true]:not([data-headerimg-title-sp=under]):not([data-main-header=header]) #headerimg{
gap:0;
}
[data-headerimg-type=header][data-headerimg-img-sp=true]:not([data-headerimg-title-sp=under]):not([data-main-header=header]) .headerimg-img,[data-headerimg-type=header][data-headerimg-img-sp=true]:not([data-headerimg-title-sp=under]):not([data-main-header=header]) .headerimg-inner{
grid-row:1/2;
grid-column:1/2;
}
[data-headerimg-type=header][data-headerimg-img-sp=true]:not([data-headerimg-title-sp=under]):not([data-main-header=header]) .headerimg-inner{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:2em;
position:relative;
z-index:0;
}
[data-headerimg-type=header][data-headerimg-img-sp=true]:not([data-headerimg-title-sp=under]):not([data-main-header=header]) .headerimg-txt{
width:100%;
}
[data-headerimg-type=header][data-headerimg-img-sp=true]:not([data-headerimg-title-sp=under]):not([data-main-header=header]) .headerimg-item{
text-align:center;
}
}
@media (min-width:1025px){
[data-headerimg-type=header]:not([data-main-header=header]) #headerimg{
gap:0;
position:relative;
}
[data-headerimg-type=header]:not([data-main-header=header]) .headerimg-img,[data-headerimg-type=header]:not([data-main-header=header]) .headerimg-inner{
grid-row:1/2;
grid-column:1/2;
}
[data-headerimg-type=header]:not([data-main-header=header]) .headerimg-inner{
display:flex;
align-items:center;
position:relative;
z-index:0;
gap:3vw;
}
[data-headerimg-type=header]:not([data-main-header=header]) .headerimg-item{
display:flex;
justify-content:center;
flex-shrink:0;
width:47%;
}
[data-headerimg-type=header]:not([data-main-header=header]) .headerimg-txt{
text-align:left;
max-width:70%;
width:100%;
margin-left:auto;
margin-right:auto;
}
[data-headerimg-type=header]:not([data-main-header=header]) .headerimg-item{
text-align:center;
}
}
@media (max-width:1024px){
[data-main-header=header][data-headerimg-img-sp=true] #headerimg{
padding-left:var(--padding-overall);
margin-left:calc(var(--padding-overall) * -1);
margin-right:calc(var(--padding-overall) * -1);
}
[data-main-header=header][data-headerimg-img-sp=true] .headerimg-img{
order:2;
}
[data-main-header=header][data-headerimg-img-sp=true] .headerimg-item{
order:1;
}
[data-main-header=header][data-headerimg-img-sp=true] .headerimg-txt{
padding-right:var(--padding-overall);
}
[data-main-header=header][data-headerimg-img-sp=true][data-main=wide] .headerimg-img{
order:2;
position:relative;
z-index:0;
}
[data-main-header=header][data-headerimg-img-sp=true][data-main=wide] .headerimg-img::before{
background-color:var(--before-bg);
content:"";
position:absolute;
display:block;
top:50%;
left:calc(var(--padding-overall) * -1);
right:0;
bottom:0;
z-index:-1;
}
}
@media (min-width:1025px){
[data-main-header=header] #headerimg{
padding-top:calc(var(--padding-overall) / 2);
padding-left:var(--padding-overall);
margin-left:min((100vw - var(--width-overall)) / -2,var(--padding-overall) * -1);
margin-right:min((100vw - var(--width-overall)) / -2,var(--padding-overall) * -1);
gap:56px;
}
[data-main-header=header][data-column=col1][data-main=wide] #headerimg{
margin-left:calc(var(--padding-overall) * -1);
margin-right:calc(var(--padding-overall) * -1);
}
[data-main-header=header][data-header=col2] #headerimg{
margin-left:min((100vw - var(--width-header-col2) - var(--width-overall)) / -2,var(--padding-overall) * -1);
margin-right:min((100vw - var(--width-header-col2) - var(--width-overall)) / -2,var(--padding-overall) * -1);
}
[data-main-header=header] .headerimg-img{
order:2;
}
[data-main-header=header] .headerimg-item{
padding-right:var(--padding-overall);
}
[data-main-header=header] .headerimg-txt{
padding-right:var(--padding-overall);
display:grid;
grid-template-columns:1fr 1fr;
}
[data-main-header=header] .headerimg-title,[data-main-header=header] .headerimg-desc,[data-main-header=header] .headerimg-meta{
grid-column:1;
}
[data-main-header=header] #siteNavi{
grid-column:2;
align-self:end;
justify-self:end;
}
[data-main-header=header][data-main=wide] .headerimg-img{
order:2;
position:relative;
z-index:0;
}
[data-main-header=header][data-main=wide] .headerimg-img::before{
background-color:var(--before-bg);
content:"";
position:absolute;
display:block;
top:50%;
left:calc(var(--padding-overall) * -1);
right:0;
bottom:0;
z-index:-1;
}
}
@media (max-width:1024px){
[data-main-header*=wide][data-headerimg-img-sp=false] #headerimg{
margin-top:var(--margin-layout);
padding-left:var(--padding-overall);
padding-right:var(--padding-overall);
}
}
@media (min-width:1025px){
[data-main-header*=wide] .headerimg-inner{
margin-left:auto;
margin-right:auto;
padding-left:var(--padding-overall);
padding-right:var(--padding-overall);
max-width:calc(var(--width-overall) + var(--padding-overall) * 2);
width:100%;
}
}
@media (max-width:1024px){
[data-header=fixed]:not([data-headerimg-img-sp=false]) #headerimg .headerimg-inner{
padding-top:calc(80px + var(--padding-overall));
}
}
@media (min-width:1025px){
[data-header=fixed]:not([data-headerimg-img=false]) #headerimg .headerimg-inner{
padding-top:calc(104px + min(var(--padding-overall),72px));
}
}
[data-main-header=false] #headerimg{
display:none;
}
@media (min-width:1025px){
[data-headerimg-img=false] .headerimg-img{
display:none;
}
}
@media (min-width:1025px){
[data-headerimg-title=left][data-headerimg-type=header] .headerimg-txt{
width:50%;
margin-left:0;
}
[data-headerimg-title=right][data-headerimg-type=header] .headerimg-txt{
width:50%;
margin-right:0;
}
[data-headerimg-title=center][data-headerimg-type=header] .headerimg-txt{
text-align:center;
}
[data-headerimg-title=center][data-headerimg-type=header] .headerimg-meta{
justify-content:center;
}
[data-headerimg-title=false] .headerimg-title{
display:none;
}
}
@media (min-width:1025px){
[data-headerimg-desc=false] .headerimg-desc{
display:none;
}
}
@media (min-width:1025px){
[data-headerimg-item=right][data-headerimg-type=header] .headerimg-item{
order:1;
margin-left:auto;
}
[data-headerimg-item=false] .headerimg-item{
display:none;
}
}
@media (min-width:1025px){
[data-headerimg-meta=false] .headerimg-meta{
display:none;
}
}
@media (max-width:1024px){
[data-headerimg-img-sp=false] .headerimg-img{
display:none;
}
}
@media (max-width:1024px){
[data-headerimg-title-sp=under][data-headerimg-type=header][data-headerimg-img-sp=true]:not([data-headerimg-item-sp=false]) .headerimg-img{
grid-row:1/2;
grid-column:1/2;
}
[data-headerimg-title-sp=under][data-headerimg-type=header][data-headerimg-img-sp=true]:not([data-headerimg-item-sp=false]) .headerimg-item{
display:flex;
justify-content:center;
align-items:center;
grid-row:1/2;
grid-column:1/2;
position:relative;
background-color:var(--clr-headerimg-overlay,rgba(0,0,0,0.3));
height:var(--h-hdr-sp);
overflow:hidden;
}
[data-headerimg-title-sp=under][data-headerimg-type=header][data-headerimg-img-sp=true]:not([data-headerimg-item-sp=false]) .headerimg-item img{
margin:var(--padding-overall);
max-width:calc(100% - var(--padding-overall) * 2);
max-height:calc(100% - var(--padding-overall) * 2);
}
[data-headerimg-title-sp=under][data-main-header*=wide][data-headerimg-img-sp=true] .headerimg-txt{
padding:0 var(--padding-overall);
}
[data-headerimg-title-sp=under][data-header=fixed][data-headerimg-img-sp=true] .headerimg-inner .headerimg-item{
background-color:transparent;
}
[data-headerimg-title-sp=under][data-header=fixed][data-headerimg-img-sp=true] .headerimg-inner .headerimg-item img{
margin-top:calc(80px + var(--padding-overall));
max-height:calc(100% - (var(--padding-overall) + 80px + var(--padding-overall)));
}
[data-headerimg-title-sp=false] .headerimg-title{
display:none;
}
}
@media (max-width:1024px){
[data-headerimg-type][data-headerimg-desc-sp=false] .headerimg-desc{
display:none;
}
}
@media (max-width:1024px){
[data-headerimg-item-sp=false] .headerimg-item{
display:none;
}
}
@media (max-width:1024px){
[data-headerimg-meta-sp=false] .headerimg-meta{
display:none;
}
}
#whatsnew .title,[class*=categorylist] .title,.entrylist-title,.blogarea .title,#searchresult .title,.menubox > .title,#pickupentry > .title,.newentry-title,.space-box > .title{
font-family:"Noto Serif JP",serif;
font-size:clamp(1.8rem,4.8vw,2.2rem);
font-weight:700;
line-height:1.5;
margin:0 0 var(--margin-component) 0;
}
#whatsnew .title i,[class*=categorylist] .title i,.entrylist-title i,.blogarea .title i,#searchresult .title i,.menubox > .title i,#pickupentry > .title i,.newentry-title i,.space-box > .title i{
font-size:1.2rem;
font-style:normal;
margin-left:1em;
position:relative;
top:-0.2rem;
}
#whatsnew .title *:not(i),.entrylist-title *:not(i),.newentry-title *:not(i){
display:contents;
color:inherit;
font-size:inherit;
}
#whatsnew .title *:not(i)::before,#whatsnew .title *:not(i)::after,.entrylist-title *:not(i)::before,.entrylist-title *:not(i)::after,.newentry-title *:not(i)::before,.newentry-title *:not(i)::after{
display:none;
}
.menubox > .title,#pickupentry > .title,.newentry-title,#menu .space-box > .title,#rmenu .space-box > .title{
background-color:var(--clr-menutitle-bg,transparent);
color:var(--clr-menutitle-txt,var(--clr-main,#313d47));
}
[data-color*=clr-menutitle-bg] .menubox > .title,[data-color*=clr-menutitle-bg] #pickupentry > .title,[data-color*=clr-menutitle-bg] .newentry-title,[data-color*=clr-menutitle-bg] #menu .space-box > .title,[data-color*=clr-menutitle-bg] #rmenu .space-box > .title{
padding:0.77777em 0.88888em;
}
[data-color*=clr-menutitle-bg] .menubox > .title::after,[data-color*=clr-menutitle-bg] #pickupentry > .title::after,[data-color*=clr-menutitle-bg] .newentry-title::after,[data-color*=clr-menutitle-bg] #menu .space-box > .title::after,[data-color*=clr-menutitle-bg] #rmenu .space-box > .title::after{
display:none;
}
[data-column=col2][data-color*=clr-menutitle-bg] #menu .space-box > .title + .menulist > ul:not([class=submenu-image]),[data-column=col2][data-color*=clr-menutitle-bg] #rmenu .space-box > .title + .menulist > ul:not([class=submenu-image]),[data-column=col3][data-color*=clr-menutitle-bg] #menu .space-box > .title + .menulist > ul:not([class=submenu-image]),[data-column=col3][data-color*=clr-menutitle-bg] #rmenu .space-box > .title + .menulist > ul:not([class=submenu-image]),[data-column=col1][data-color*=clr-menutitle-bg][data-color*=clr-menu-bg] #menu .space-box > .title + .menulist > ul:not([class=submenu-image]),[data-column=col1][data-color*=clr-menutitle-bg][data-color*=clr-menu-bg] #rmenu .space-box > .title + .menulist > ul:not([class=submenu-image]){
margin-top:-1.2857em;
}
#whatsnew .title,[class*=categorylist] .title,.entrylist-title,.blogarea .title,#searchresult .title,#main .space-box > .title{
background-color:var(--clr-contenttitle-bg,transparent);
color:var(--clr-contenttitle-txt,var(--clr-main,#313d47));
}
[data-color*=clr-contenttitle-bg] #whatsnew .title,[data-color*=clr-contenttitle-bg] [class*=categorylist] .title,[data-color*=clr-contenttitle-bg] .entrylist-title,[data-color*=clr-contenttitle-bg] .blogarea .title,[data-color*=clr-contenttitle-bg] #searchresult .title,[data-color*=clr-contenttitle-bg] #main .space-box > .title{
padding:0.77777em 0.88888em;
}
[data-color*=clr-contenttitle-bg] #whatsnew .title::after,[data-color*=clr-contenttitle-bg] [class*=categorylist] .title::after,[data-color*=clr-contenttitle-bg] .entrylist-title::after,[data-color*=clr-contenttitle-bg] .blogarea .title::after,[data-color*=clr-contenttitle-bg] #searchresult .title::after,[data-color*=clr-contenttitle-bg] #main .space-box > .title::after{
display:none;
}
h1,h2,h3,h4,h5,h6{
font-family:"Noto Serif JP",serif;
font-weight:600;
word-break:keep-all;
}
:where(h1){
font-size:clamp(2.7rem,7.2vw,3.2rem);
line-height:1.7;
margin:1em 0;
}
:where(h2){
font-size:clamp(2.4rem,6.4vw,3rem);
line-height:1.7;
margin:1em 0;
}
:where(body[data-column=col1] h2){
font-size:clamp(2.4rem,6.4vw,3.2rem);
}
:where(h3){
font-size:clamp(2rem,5.3333333333vw,2.4rem);
line-height:1.5;
margin:1em 0;
}
:where(h4){
font-size:clamp(1.8rem,4.8vw,2rem);
line-height:1.5;
margin:0.8em 0;
}
:where(h5){
font-size:clamp(1.7rem,4.5333333333vw,1.8rem);
line-height:1.5;
margin:0.8em 0;
}
:where(h6){
font-size:1.6rem;
line-height:1.5;
margin:0.8em 0;
}
:where(h2):not([class*=topic]){
color:var(--clr-articletitle-txt,var(--clr-accent,#134067));
}
:where(h3):not([class*=topic]){
color:var(--clr-accent,#134067);
}
:where(h4,h5,h6):not([class*=topic]){
color:var(--clr-main,#313d47);
}
:where(body:not([data-page=entry]) h2:not([class*=topic])){
text-align:center;
}
:where(body:not([data-page=entry]) h2:not([class*=topic])) .subtext{
font-family:"EB Garamond",serif;
font-size:clamp(4rem,10.6666666667vw,5.2rem);
display:block;
font-style:normal;
font-weight:500;
line-height:1;
letter-spacing:0.04em;
margin-bottom:clamp(12px,3.2vw,16px);
}
:where(body:not([data-page=entry]) h2:not([class*=topic])) i{
color:var(--clr-main,#313d47);
font-size:clamp(1.6rem,4.2666666667vw,1.8rem);
font-style:normal;
display:block;
}
:where(body:not([data-page=entry]) h2:not([class*=topic]))::after{
background-color:var(--clr-accent,#134067);
content:"";
display:block;
width:40px;
height:1px;
margin:24px auto 0;
}
:where(body:not([data-page=entry]) h2:not([class*=topic])).is-white{
color:#fff;
}
:where(body:not([data-page=entry]) h2:not([class*=topic])).is-white .subtext{
color:#fff;
}
:where(body:not([data-page=entry]) h2:not([class*=topic])).is-white i{
color:#fff;
}
:where(body:not([data-page=entry]) h2:not([class*=topic])).is-white::after{
background-color:#fff;
}
:where(body:not([data-page=entry]) h2:not([class*=topic])).is-left{
text-align:left;
}
:where(body:not([data-page=entry]) h2:not([class*=topic])).is-left::after{
margin-left:0;
}
:where(body[data-column=col1]:not([data-page=entry]) h2:not([class*=topic])){
margin-top:0;
margin-bottom:2em;
}
:where(body[data-column=col1]:not([data-page=entry]) h2:not([class*=topic])) .subtext{
font-size:clamp(4rem,10.6666666667vw,6.4rem);
}
:where(body[data-column=col1]:not([data-page=entry]) h2:not([class*=topic]))::after{
margin:clamp(24px,6.4vw,40px) auto 0;
}
:where(body[data-column=col1][data-main=wide]:not([data-page=entry]) h2:not([class*=topic])) .subtext{
font-size:clamp(4rem,10.6666666667vw,8rem);
}
:where(body:not([data-page=entry]) h3:not([class*=topic])){
border-bottom-width:1px;
padding-left:14px;
padding-bottom:24px;
position:relative;
}
:where(body:not([data-page=entry]) h3:not([class*=topic]))::before{
border-left:2px solid var(--clr-accent,#134067);
content:"";
position:absolute;
top:0;
left:0;
bottom:24px;
}
body[data-page=entry] h2:not([class*=topic]){
font-size:clamp(2.4rem,6.4vw,2.8rem);
border-bottom-width:1px;
padding-bottom:0.6em;
}
body[data-page=entry] h3:not([class*=topic]){
border-left:2px solid var(--clr-accent,#134067);
padding-left:0.6em;
}
ul:not([id]):not([class]),ol:not([id]):not([class]){
line-height:1.5;
margin-top:var(--margin-component);
margin-bottom:var(--margin-component);
}
ul:not([id]):not([class]) li,ol:not([id]):not([class]) li{
margin:0.5em 0;
}
ul[class][class^=li-]{
line-height:1.5;
margin-top:var(--margin-component);
margin-bottom:var(--margin-component);
display:flex;
flex-direction:column;
gap:0.5em;
list-style:none;
padding-left:20px;
}
ul[class][class^=li-] li{
position:relative;
padding-left:1.625em;
margin:0;
}
ul[class][class^=li-] li::before{
background-image:none;
background-color:var(--clr-border,#dadde1);
background-size:auto auto;
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2018%2014%22%3E%3Cpath%20fill%3D%22%23dadde1%22%20d%3D%22M12%201H1v12h12V9h1v5H0V0h12z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2018%2014%22%3E%3Cpath%20fill%3D%22%23dadde1%22%20d%3D%22M12%201H1v12h12V9h1v5H0V0h12z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
content:"";
position:absolute;
top:0;
left:0;
width:1.125em;
height:1.5em;
}
ul[class][class^=li-] li::after{
background-color:var(--clr-accent,#134067);
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2018%2014%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M17.85%201.414%209.363%209.898l.001.001-1.414%201.415-1.415-1.415L3%206.363%204.414%204.95%207.95%208.484%2016.435%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2018%2014%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M17.85%201.414%209.363%209.898l.001.001-1.414%201.415-1.415-1.415L3%206.363%204.414%204.95%207.95%208.484%2016.435%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
content:"";
position:absolute;
top:0;
left:0;
width:1.125em;
height:1.5em;
}
ul.newentry{
display:grid;
align-items:start;
grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));
gap:1em;
overflow:hidden;
}
.newentry .article .date{
font-size:1rem;
opacity:0.5;
}
.newentry .article .date::before{
display:none;
}
.newentry .article .cat a{
background-color:transparent;
color:inherit;
font-size:1rem;
line-height:1;
padding:0;
opacity:0.5;
}
.newentry .article-inner{
display:flex;
align-items:center;
gap:1em;
}
.newentry .article-thumb{
flex-shrink:0;
overflow:hidden;
width:100px;
}
.newentry .article-thumb img{
width:100%;
aspect-ratio:100/72;
object-fit:cover;
}
.newentry .article-body{
display:flex;
flex-direction:column;
gap:0.5em;
flex-grow:1;
}
.newentry .article-title{
color:inherit;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
font-size:1.3rem;
font-weight:700;
line-height:1.5;
}
.newentry .article-title a{
color:inherit;
text-decoration:none;
}
.newentry .article-info{
display:flex;
align-items:center;
gap:0 0.625em;
}
@media (min-width:1025px){
.newentry .article-inner{
transition:0.3s;
transition-property:opacity;
}
.newentry .article-thumb img{
transition:0.3s;
transition-property:transform;
}
.newentry .article:hover .article-inner{
opacity:0.75;
}
.newentry .article:hover .article-thumb img{
transform:scale(1.07);
}
}
.pagelist_ul{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:1em;
line-height:1;
}
.pagelist_ul li{
font-size:2rem;
list-style:1;
display:flex;
justify-content:center;
align-items:center;
width:2.4em;
height:2.4em;
overflow:hidden;
}
.pagelist_ul li.current{
color:var(--clr-main,#313d47);
position:relative;
z-index:0;
}
.pagelist_ul li.current::before{
content:"";
display:block;
position:absolute;
inset:0;
background-color:var(--clr-main,#313d47);
opacity:0.08;
z-index:-1;
}
.pagelist_ul li.prev a,.pagelist_ul li.next a{
text-indent:200%;
white-space:nowrap;
overflow:hidden;
position:relative;
opacity:1;
}
.pagelist_ul li.prev a::before,.pagelist_ul li.next a::before{
background-color:var(--clr-accent,#134067);
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2223%22%20fill%3D%22none%22%20viewBox%3D%220%200%2013%2023%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M12.02%2011.314.707%2022.627%200%2021.92l10.606-10.607L0%20.707.707%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/27% auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2223%22%20fill%3D%22none%22%20viewBox%3D%220%200%2013%2023%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M12.02%2011.314.707%2022.627%200%2021.92l10.606-10.607L0%20.707.707%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/27% auto;
content:"";
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:2.4em;
height:2.4em;
}
.pagelist_ul li.prev a::before{
transform:translate(-50%,-50%) scale(-1,1);
}
.pagelist_ul a{
color:var(--clr-main,#313d47);
display:flex;
justify-content:center;
align-items:center;
text-decoration:none;
width:100%;
height:100%;
opacity:0.58;
}
@media (min-width:1025px){
.pagelist_ul a{
transition:0.2s;
}
.pagelist_ul a:hover{
opacity:0.25;
}
.pagelist_ul li.prev a:hover,.pagelist_ul li.next a:hover{
opacity:0.5;
}
}
#relNavigate{
display:grid;
gap:1em;
grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
}
#relNavigate a{
color:inherit;
display:flex;
align-items:center;
gap:20px;
text-decoration:none;
}
.relNavigate-thumb{
flex-shrink:0;
width:26%;
height:100%;
overflow:hidden;
}
.relNavigate-thumb img{
width:100%;
height:100%;
object-fit:cover;
aspect-ratio:3/2;
}
.relNavigate-body{
display:flex;
flex-wrap:wrap;
overflow:hidden;
line-height:1;
}
.relNavigate-caption{
font-size:1.2rem;
font-style:normal;
position:relative;
margin-bottom:10px;
}
.relNavigate-title{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
font-size:1.4rem;
width:100%;
}
@media (min-width:1025px){
#relNavigate a{
transition:0.3s;
transition-property:opacity;
}
#relNavigate .relNavigate-thumb img{
transition:0.3s;
transition-property:transform;
}
#relNavigate a:hover{
opacity:0.75;
}
#relNavigate a:hover .relNavigate-thumb img{
transform:scale(1.07);
}
}
#pagetop{
position:fixed;
bottom:4px;
right:4px;
transition:opacity 0.5s ease,visibility 0.5s ease;
opacity:0;
visibility:hidden;
pointer-events:none;
z-index:99;
}
#pagetop a{
background-color:var(--clr-pagetop-bg);
display:block;
opacity:0.6;
position:relative;
width:50px;
height:50px;
}
#pagetop a::before{
background-color:var(--clr-pagetop-icon,#9fa8b0);
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2046%2024%22%3E%3Cpath%20fill%3D%22%239fa8b0%22%20fill-rule%3D%22evenodd%22%20d%3D%22m45.255%2022.628-.707.707-21.92-21.92-21.92%2021.92L0%2022.628%2022.628%200z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center/46% auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2046%2024%22%3E%3Cpath%20fill%3D%22%239fa8b0%22%20fill-rule%3D%22evenodd%22%20d%3D%22m45.255%2022.628-.707.707-21.92-21.92-21.92%2021.92L0%2022.628%2022.628%200z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center/46% auto;
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
#pagetop.show{
opacity:1;
visibility:visible;
pointer-events:auto;
}
@media (min-width:1025px){
#pagetop a{
width:80px;
height:80px;
transition:0.2s;
}
#pagetop a:hover{
opacity:0.8;
}
}
#pickupentry{
counter-reset:pickuprank;
}
.pickup_rank{
counter-increment:pickuprank;
}
[id^=pickup_list]{
display:grid;
gap:1em;
}
[id*=pickup_list] .article-inner{
display:flex;
align-items:center;
gap:12px 16px;
}
[id*=pickup_list] .article-thumb{
flex-shrink:0;
width:120px;
}
[id*=pickup_list] .article-thumb img{
width:100%;
aspect-ratio:3/2;
object-fit:cover;
}
[id*=pickup_list] .article-body{
display:flex;
flex-direction:column;
gap:10px;
flex-grow:1;
}
[id*=pickup_list] .article-title{
color:inherit;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
font-size:1.4rem;
font-weight:700;
line-height:1.4;
}
[id*=pickup_list] .article-title a{
color:inherit;
text-decoration:none;
}
@media (min-width:1025px){
#pickupentry .article a{
transition:0.2s;
}
#pickupentry .article a:hover{
opacity:0.5;
}
}
.pickup_rank{
position:relative;
}
.pickup_rank::before{
background-color:var(--clr-accent,#134067);
color:#fff;
content:counter(pickuprank);
display:flex;
justify-content:center;
align-items:center;
font-weight:700;
line-height:1;
position:absolute;
left:0;
top:0;
width:1.875em;
height:1.875em;
z-index:2;
}
[id=pickup_list1]{
grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));
}
[id=pickup_list1] .pickup_rank{
display:flex;
gap:0 4px;
}
[id=pickup_list1] .pickup_rank::before{
font-size:1.4rem;
}
[id=pickup_list2]{
grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));
}
[id=pickup_list2] .pickup_rank::before{
font-size:2rem;
}
[id=pickup_list2] .article-inner{
flex-direction:column;
align-items:stretch;
}
[id=pickup_list2] .article-thumb{
width:100%;
}
.point[data-point]{
font-size:1.375em;
line-height:1.5;
margin:var(--margin-component) 0;
}
.point[data-point]::before{
content:attr(data-point);
color:var(--clr-accent,#134067);
font-size:1.4545454545em;
font-weight:700;
line-height:1;
margin-right:0.3125em;
float:left;
position:relative;
top:-0.0625em;
}
.point[data-point]::after{
content:"";
display:block;
clear:both;
}
.postlike{
background-color:#f0f0f0;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
}
.postlike-thumb{
position:relative;
min-height:240px;
}
.postlike-thumb img{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
object-fit:cover;
}
.postlike-body{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
padding:20px;
line-height:1.5;
}
.postlike-txt{
font-size:clamp(1.3rem,3.4666666667vw,2rem);
font-weight:700;
text-align:center;
margin-bottom:0.5em;
}
.postlike-btns{
margin-bottom:1em;
}
.postlike-btns > div{
margin:3px 8px;
}
.quote::before{
content:"“";
opacity:0.4;
}
.quote::after{
content:"”";
opacity:0.4;
}
.postlike-caption{
font-size:1.3rem;
opacity:0.5;
}
.profile{
container-type:inline-size;
}
.profile-inner{
display:flex;
flex-direction:column;
gap:20px 0;
}
.profile-inner .snsbox{
justify-content:center;
margin:0;
}
.profile-body{
display:flex;
flex-direction:column;
gap:0.5em 0;
}
.profile-img{
text-align:center;
}
.profile-img img{
border-radius:50%;
width:200px;
height:200px;
object-fit:cover;
}
.profile-title{
font-size:1.8rem;
font-weight:700;
line-height:1;
text-align:center;
}
.profile-desc{
font-size:1.2rem;
line-height:1.7;
}
@container (min-width:640px){
.profile-inner{
flex-direction:row;
gap:0 2em;
}
.profile-inner .snsbox{
justify-content:flex-start;
}
.profile-img{
flex-shrink:0;
}
.profile-img img{
width:112px;
height:112px;
}
.profile-title{
text-align:left;
}
}
[class^=question]::before{
content:"Q";
}
[class^=answer]::before{
content:"A";
}
[class^=question],[class^=answer]{
border:none;
font-size:1em;
}
[class^=question]::before,[class^=answer]::before{
font-family:"EB Garamond",serif;
display:flex;
justify-content:center;
align-items:center;
font-weight:600;
line-height:1;
position:absolute;
left:0;
top:0;
}
.question1,.answer1{
margin:var(--margin-component) 0;
padding:0.3125em 0 0 3.625em;
position:relative;
min-height:2.625em;
}
.question1::before,.answer1::before{
color:#fff;
font-size:1.625em;
width:1.6153846154em;
height:1.6153846154em;
}
.question1::before,.answer1::before{
background-color:var(--clr-accent,#134067);
}
.question2,.answer2{
padding:0.625em 0 0.625em 3em;
position:relative;
min-height:2.375em;
}
.question2::before,.answer2::before{
font-size:2em;
width:1em;
height:1em;
top:0.3125em;
}
.question2::before,.answer2::before{
color:var(--clr-accent,#134067);
}
.qa-list{
margin:var(--margin-component) 0;
}
.qa-accordion{
margin:0.5em 0;
overflow:hidden;
position:relative;
z-index:0;
}
.qa-accordion .question2{
padding:1.75em 1.75em 1.75em 4.5em;
}
.qa-accordion .question2::before{
top:0.875em;
left:0.625em;
transition:0.3s;
}
.qa-accordion .answer2{
padding:2em 2em 2em 5em;
}
.qa-accordion .answer2::before{
top:1em;
left:0.875em;
transition:0.3s;
}
.qa-accordion .question2{
background:var(--clr-base,#f5f7fb);
padding-right:4.75em;
cursor:pointer;
}
.qa-accordion .question2::after{
background-color:var(--clr-accent,#134067);
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2211%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2011%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M19.799.707%2019.092%200%209.899%209.192.707%200%200%20.707l9.9%209.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2211%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2011%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M19.799.707%2019.092%200%209.899%209.192.707%200%200%20.707l9.9%209.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
content:"";
position:absolute;
top:2.125em;
right:2em;
width:1.25em;
height:1.25em;
cursor:pointer;
z-index:1;
}
.qa-accordion .question2 + .answer2{
height:auto;
overflow:hidden;
opacity:0;
transition:0.3s;
}
.qa-accordion .question2:not(.show) + .answer2{
border-width:0;
line-height:0;
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
min-height:0;
}
.qa-accordion .question2:not(.show) + .answer2::before{
top:-0.5em;
}
.qa-accordion .question2:not(.show) + .answer2 *,.qa-accordion .question2:not(.show) + .answer2 *::before,.qa-accordion .question2:not(.show) + .answer2 *::after{
border-width:0;
line-height:0;
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
height:0;
}
.qa-accordion .question2.show::after{
transform:scale(1,-1);
}
.qa-accordion .question2.show + .answer2{
height:auto;
overflow:visible;
opacity:1;
}
@media (min-width:1025px){
.qa-accordion .question2::after{
transition:opacity 0.3s;
}
.qa-accordion .question2:hover::after{
opacity:0.5;
}
}
.ranklist{
margin:var(--margin-component) 0;
}
.ranklist li{
border-bottom-width:1px;
display:flex;
justify-content:space-between;
align-items:center;
gap:0 1em;
padding:10px 0;
}
.ranklist li:first-child{
border-top-width:1px;
}
.rank[data-rank]{
font-size:clamp(1.6rem,4.2666666667vw,1.8rem);
font-weight:700;
line-height:1.5;
margin:0.5em 0;
}
.rank[data-rank]::before{
color:#d1d5dd;
content:attr(data-rank);
font-size:1.72222em;
font-weight:700;
line-height:1;
float:left;
margin-right:0.2em;
min-width:0.581em;
position:relative;
margin-top:-0.06451em;
}
.rank[data-rank][data-rank="1"]::before{
color:#efb141;
background:-webkit-linear-gradient(135deg,#efb141,#f5d08d);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.rank[data-rank][data-rank="2"]::before{
color:#a5b2ba;
background:-webkit-linear-gradient(135deg,#a5b2ba,#cbd2d7);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.rank[data-rank][data-rank="3"]::before{
color:#b17757;
background:-webkit-linear-gradient(135deg,#b17757,#d1af9c);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.rank[data-rank]::after{
content:"";
display:block;
clear:both;
}
.rankbox{
margin:1.5em 0;
}
.rankbox .rank[data-rank]{
border-bottom-width:1px;
font-size:clamp(2rem,5.3333333333vw,2.6rem);
font-weight:700;
line-height:1.5;
padding:0.38461em 0 0.6154em;
margin:0;
}
.rankbox .rank[data-rank]::before{
font-size:2.46153em;
margin-top:-0.15625em;
}
.rankbox .rank[data-rank] a{
color:inherit;
text-decoration:none;
}
.rankbox .rank[data-rank] i{
display:block;
font-size:1.2rem;
font-style:normal;
line-height:1;
}
.rankbox-container{
background-color:#fff;
border:4px solid #f0f3f5;
padding:clamp(15px,4vw,30px);
display:flex;
flex-direction:column;
gap:clamp(16px,4.2666666667vw,24px) 0;
}
.rankbox-contents{
display:flex;
flex-direction:column;
gap:clamp(16px,4.2666666667vw,24px) 0;
}
.rankbox-details{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
gap:clamp(16px,4.2666666667vw,24px);
}
.rankbox-desc{
display:flex;
flex-direction:column;
gap:clamp(16px,4.2666666667vw,24px) 0;
}
.rankbox-rate{
display:flex;
flex-direction:column;
gap:clamp(16px,4.2666666667vw,24px);
align-items:center;
}
.rankbox-rate > *{
width:100%;
}
.rankbox-img{
margin:0 auto;
text-align:center;
max-width:100%;
width:100%;
}
.rankbox-img img{
margin:0 auto 0.5em;
}
.rankbox-stitle{
font-size:clamp(1.6rem,4.2666666667vw,1.8rem);
font-weight:700;
line-height:1.5;
margin-bottom:0.5em;
}
.rankbox-rateoverall{
display:flex;
flex-direction:column;
gap:0.2em;
align-items:center;
}
.rankbox-rateoverall .rankbox-stitle{
margin-bottom:0;
}
.rankbox-rateoverall .rate{
font-size:3rem;
}
.rankbox-price{
font-size:1.4rem;
line-height:1;
}
.rankbox-price b{
font-size:1.714285em;
font-weight:700;
}
.rankbox-notes{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:0.5em;
}
.rankbox-notes span{
background-color:#f3fbfd;
border-radius:4px;
color:#2bb3d8;
display:block;
font-size:1rem;
line-height:1;
padding:0.66666em;
}
.feature .feature-body{
font-size:1em;
line-height:1.6;
}
.comment{
background-color:#fff8ea;
}
.comment .comment-inner{
padding:clamp(16px,4.2666666667vw,30px);
}
.comment .comment-tit{
color:#f7880d;
font-size:clamp(1.6rem,4.2666666667vw,1.8rem);
font-weight:700;
line-height:1.5;
margin-bottom:0.5em;
}
.comment .comment-body{
font-size:1em;
line-height:1.6;
}
.rankbox-more{
text-align:center;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
gap:1em;
}
.rankbox-more a{
background-color:#588eed;
box-shadow:0 5px 4px rgba(0,0,0,0.16);
border-radius:4px;
color:#fff;
display:block;
font-size:2rem;
font-weight:700;
line-height:1.5;
margin:0;
padding:24px 16px;
text-decoration:none;
}
.rankbox-more .detail a{
background-color:#588eed;
}
.rankbox-more .official a{
background-color:#fdaf32;
}
@media (min-width:1025px){
.rankbox-more a{
transition:0.2s;
}
.rankbox-more a:hover{
opacity:0.5;
}
}
.rankbox-slider img{
margin:0;
object-fit:cover;
}
.rankbox-slider > div:not(:first-child):not([class]){
display:none;
}
.rankbox-slider .crl-d{
display:flex;
margin-top:0.5em;
gap:0.5em;
}
.rankbox-slider .crl-d-ctl{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:transparent;
border:0;
border-radius:0;
font:inherit;
outline:none;
padding:0;
position:relative;
width:60px;
height:66px;
transition:0.2s ease;
}
.rankbox-slider .crl-d-ctl img{
width:100%;
height:100%;
mix-blend-mode:multiply;
}
.rankbox-slider .selected{
opacity:1;
background:rgba(0,0,0,0.3);
}
.rslide-wrap{
position:relative;
}
@media (max-width:1024px){
.rankbox-slider .crl-d{
justify-content:center;
}
}
.rslide-arrow{
opacity:0;
transition:opacity 0.2s;
}
.rslide-arrow .prev,.rslide-arrow .next{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:0;
font:inherit;
outline:none;
padding:0;
background-color:rgba(0,0,0,0.35);
border-radius:50%;
display:block;
width:32px;
height:32px;
margin:0 10px;
text-indent:200%;
white-space:nowrap;
overflow:hidden;
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:1;
}
.rslide-arrow .prev::before,.rslide-arrow .next::before{
background-color:#fff;
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.191%2018.974%22%3E%3Cpath%20d%3D%22m1%2018.68-.706-.71a1%201%200%200%201%200-1.413l7.069-7.072-7.069-7.07A1%201%200%200%201%20.292%201L1%20.293a1%201%200%200%201%201.414%200l7.731%207.735a.46.46%200%200%201%20.046.043l.706.709a1%201%200%200%201%200%201.413L2.416%2018.68a1%201%200%200%201-1.414%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center/6px auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.191%2018.974%22%3E%3Cpath%20d%3D%22m1%2018.68-.706-.71a1%201%200%200%201%200-1.413l7.069-7.072-7.069-7.07A1%201%200%200%201%20.292%201L1%20.293a1%201%200%200%201%201.414%200l7.731%207.735a.46.46%200%200%201%20.046.043l.706.709a1%201%200%200%201%200%201.413L2.416%2018.68a1%201%200%200%201-1.414%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center/6px auto;
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
pointer-events:none;
}
.rslide-arrow .prev{
left:0;
}
.rslide-arrow .prev::before{
transform:scale(-1,1);
}
.rslide-arrow .next{
right:0;
}
.rankbox-slider:hover .rslide-arrow{
opacity:1;
}
.rankside{
display:inline-block;
font-size:1.4rem;
line-height:1.5;
max-width:100%;
}
.rankside img{
margin-bottom:var(--margin-component);
}
.rate{
display:inline-flex;
gap:0 0.5em;
align-items:center;
flex-shrink:0;
}
.rate::before{
background-position:0 center,1em center,2em center,3em center,4em center;
background-repeat:no-repeat;
background-size:1em auto;
content:"";
display:inline-block;
width:5em;
height:1em;
}
.rate.rate-mini::before{
background-image:url(img/star.svg);
width:1em;
}
.rate.rate-numonly::before{
display:none;
}
.rate.rate-num::after{
font-size:1.125em;
font-style:normal;
font-weight:700;
line-height:1;
min-width:1.75em;
text-align:center;
}
.rate.rate-mini::after{
min-width:0.4375em;
}
.rate.rate0::before{
background-image:url(img/star_empty.svg),url(img/star_empty.svg),url(img/star_empty.svg),url(img/star_empty.svg),url(img/star_empty.svg);
}
.rate.rate0.rate-num::after{
content:"0";
}
.rate.rate0_5::before{
background-image:url(img/star_half.svg),url(img/star_empty.svg),url(img/star_empty.svg),url(img/star_empty.svg),url(img/star_empty.svg);
}
.rate.rate0_5.rate-num::after{
content:"0.5";
}
.rate.rate1::before{
background-image:url(img/star.svg),url(img/star_empty.svg),url(img/star_empty.svg),url(img/star_empty.svg),url(img/star_empty.svg);
}
.rate.rate1.rate-num::after{
content:"1.0";
}
.rate.rate1.rate-mini::after{
content:"1";
}
.rate.rate1_5::before{
background-image:url(img/star.svg),url(img/star_half.svg),url(img/star_empty.svg),url(img/star_empty.svg),url(img/star_empty.svg);
}
.rate.rate1_5.rate-num::after{
content:"1.5";
}
.rate.rate2::before{
background-image:url(img/star.svg),url(img/star.svg),url(img/star_empty.svg),url(img/star_empty.svg),url(img/star_empty.svg);
}
.rate.rate2.rate-num::after{
content:"2.0";
}
.rate.rate2.rate-mini::after{
content:"2";
}
.rate.rate2_5::before{
background-image:url(img/star.svg),url(img/star.svg),url(img/star_half.svg),url(img/star_empty.svg),url(img/star_empty.svg);
}
.rate.rate2_5.rate-num::after{
content:"2.5";
}
.rate.rate3::before{
background-image:url(img/star.svg),url(img/star.svg),url(img/star.svg),url(img/star_empty.svg),url(img/star_empty.svg);
}
.rate.rate3.rate-num::after{
content:"3.0";
}
.rate.rate3.rate-mini::after{
content:"3";
}
.rate.rate3_5::before{
background-image:url(img/star.svg),url(img/star.svg),url(img/star.svg),url(img/star_half.svg),url(img/star_empty.svg);
}
.rate.rate3_5.rate-num::after{
content:"3.5";
}
.rate.rate4::before{
background-image:url(img/star.svg),url(img/star.svg),url(img/star.svg),url(img/star.svg),url(img/star_empty.svg);
}
.rate.rate4.rate-num::after{
content:"4.0";
}
.rate.rate4.rate-mini::after{
content:"4";
}
.rate.rate4_5::before{
background-image:url(img/star.svg),url(img/star.svg),url(img/star.svg),url(img/star.svg),url(img/star_half.svg);
}
.rate.rate4_5.rate-num::after{
content:"4.5";
}
.rate.rate5::before{
background-image:url(img/star.svg),url(img/star.svg),url(img/star.svg),url(img/star.svg),url(img/star.svg);
}
.rate.rate5.rate-num::after{
content:"5.0";
}
.rate.rate5.rate-mini::after{
content:"5";
}
.scroll-table .scroll-area{
position:relative;
overflow-x:auto;
overflow-y:hidden;
white-space:nowrap;
padding-bottom:14px;
}
.scroll-table .scroll-area > *{
margin:0;
}
.scroll-area::-webkit-scrollbar{
width:4px;
}
.scroll-area::-webkit-scrollbar:horizontal{
height:4px;
}
.scroll-area::-webkit-scrollbar-thumb{
background-color:var(--clr-border,#dadde1);
}
.scroll-table[data-scroll-direction=vertical] .scroll-area{
overflow-x:hidden;
overflow-y:auto;
white-space:normal;
max-height:250px;
padding:0 14px 0 0;
}
.search input{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:transparent;
border-style:solid;
border-radius:0;
font:inherit;
outline:none;
border:0;
box-sizing:border-box;
min-width:0;
}
.search-form{
position:relative;
height:56px;
}
.search-keyword{
display:block;
position:relative;
height:100%;
z-index:0;
}
.search-keyword input[type=search]{
background-color:var(--clr-form-bg,var(--clr-base,#f5f7fb));
box-shadow:none;
border:none;
color:var(--clr-form-txt,#333);
cursor:auto;
font-size:1.6rem;
line-height:56px;
padding:0 56px 0 16px;
width:100%;
height:100%;
}
.search-keyword input[type=search]::placeholder{
color:var(--clr-form-txt,#5b5b5b);
opacity:0.5;
}
.search-keyword input[type=search]:-ms-input-placeholder{
color:var(--clr-form-txt,#5b5b5b);
opacity:0.5;
}
.search-keyword input[type=search]::-ms-input-placeholder{
color:var(--clr-form-txt,#5b5b5b);
opacity:0.5;
}
[data-color*=clr-form-bg] .search-keyword input[type=search]{
box-shadow:none;
}
.search-submit{
display:block;
position:absolute;
top:0;
right:0;
width:56px;
height:100%;
}
.search-submit input[type=submit]{
background-color:var(--clr-form-txt,var(--clr-body-txt,#333));
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.874%200a.3.3%200%200%200%20.114.027C9.268.21%2011.27%201.64%2012.22%203.616a6.43%206.43%200%200%201-.7%206.77l4.153%204.154c.157.157.254.3.327.493v.312c-.086.29-.276.527-.542.613a.8.8%200%200%201-.839-.207l-4.23-4.23a6.44%206.44%200%200%201-6.811.683A6.43%206.43%200%200%201%20.01%206.823C-.193%203.257%202.482.27%206.03%200zM3.343%2010.154a4.84%204.84%200%200%200%206.63-.413%204.84%204.84%200%200%200-.03-6.637%204.84%204.84%200%200%200-6.624-.361%204.825%204.825%200%200%200%20.024%207.41z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50%/16px auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.874%200a.3.3%200%200%200%20.114.027C9.268.21%2011.27%201.64%2012.22%203.616a6.43%206.43%200%200%201-.7%206.77l4.153%204.154c.157.157.254.3.327.493v.312c-.086.29-.276.527-.542.613a.8.8%200%200%201-.839-.207l-4.23-4.23a6.44%206.44%200%200%201-6.811.683A6.43%206.43%200%200%201%20.01%206.823C-.193%203.257%202.482.27%206.03%200zM3.343%2010.154a4.84%204.84%200%200%200%206.63-.413%204.84%204.84%200%200%200-.03-6.637%204.84%204.84%200%200%200-6.624-.361%204.825%204.825%200%200%200%20.024%207.41z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50%/16px auto;
overflow:hidden;
padding:0;
text-indent:200%;
white-space:nowrap;
cursor:pointer;
width:100%;
height:100%;
}
@media (hover:hover){
.search-submit input[type=submit]{
transition:0.2s;
}
.search-submit input[type=submit]:hover{
opacity:0.5;
}
}
#sitemaps ul{
display:flex;
flex-direction:column;
gap:1em 0;
}
#sitemaps li{
display:flex;
flex-direction:column;
gap:1em 0;
line-height:1.5;
}
#sitemaps a{
color:inherit;
display:block;
padding-left:1.25em;
position:relative;
text-decoration:none;
align-self:flex-start;
max-width:100%;
}
#sitemaps > ul{
gap:2em 0;
}
#sitemaps > ul > li > a{
font-size:1.25em;
font-weight:700;
line-height:1.5;
position:relative;
padding-left:1em;
}
#sitemaps > ul > li > a::before{
background:var(--clr-accent,#134067);
content:"";
position:absolute;
top:0.45em;
left:0;
width:0.6em;
height:0.6em;
}
#sitemaps > ul ul a{
padding-left:1.25em;
}
#sitemaps > ul ul a::before{
background:var(--clr-border,#dadde1);
content:"";
position:absolute;
top:0.75em;
left:0;
width:0.625em;
height:0.0625em;
}
#sitemaps > ul ul ul{
margin-left:1em;
}
@media (min-width:1025px){
#sitemaps a{
transition:opacity 0.3s;
}
#sitemaps a:hover{
opacity:0.5;
}
}
#siteNavi{
display:none;
background-color:var(--clr-siteNavi-bg,var(--clr-footer-bg,#343f49));
padding:0 var(--padding-overall);
width:100%;
}
#siteNavi ul{
display:flex;
align-items:center;
overflow-x:auto;
white-space:nowrap;
font-size:1.2rem;
line-height:1;
margin:0 auto;
padding:2.8em 0;
max-width:var(--width-overall);
-ms-overflow-style:none; 
scrollbar-width:none; 
}
#siteNavi ul::-webkit-scrollbar{ 
display:none;
}
#siteNavi ul li{
display:flex;
align-items:center;
flex-shrink:0;
}
#siteNavi ul li:not(:last-child)::after{
background-color:var(--clr-siteNavi-txt,#fff);
content:"";
display:block;
margin:0 1em;
width:1em;
height:0.0625em;
flex-shrink:0;
}
#siteNavi ul span{
color:var(--clr-siteNavi-txt,#fff);
}
#siteNavi ul a{
color:var(--clr-siteNavi-txt,#fff);
text-decoration:none;
}
@media (min-width:1025px){
#siteNavi a{
transition:0.2s;
}
#siteNavi a:hover{
opacity:0.5;
}
}
.headerimg-txt #siteNavi{
display:none;
background-color:transparent;
padding:0;
width:auto;
}
.headerimg-txt #siteNavi ul{
margin:0;
padding:0;
max-width:none;
}
.headerimg-txt #siteNavi ul li:not(:last-child)::after{
background:var(--clr-border,#dadde1);
}
.headerimg-txt #siteNavi ul span{
color:var(--clr-siteNavi-txt,var(--clr-main,#313d47));
opacity:0.58;
}
.headerimg-txt #siteNavi ul a{
color:var(--clr-siteNavi-txt,var(--clr-main,#313d47));
}
@media (min-width:1025px){
.headerimg-txt #siteNavi{
display:block;
}
[data-headerimg-type=""] #siteNavi{
order:-2;
margin-right:auto;
margin-bottom:40px;
}
[data-column=col1][data-page=entry][data-headerimg-type=""] #siteNavi{
margin-bottom:var(--margin-layout);
}
[data-main-header*=wide] .headerimg-txt #siteNavi,[data-header=fixed] .headerimg-txt #siteNavi{
margin-top:40px;
}
}
@media (max-width:1024px){
[data-headerimg-type=header]:not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]):not([data-main-header=header]) .headerimg-txt #siteNavi ul li:not(:last-child)::after{
background:var(--clr-headerimg-txt,#fff);
}
[data-headerimg-type=header]:not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]):not([data-main-header=header]) .headerimg-txt #siteNavi ul span{
color:var(--clr-headerimg-txt,#fff);
}
[data-headerimg-type=header]:not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]):not([data-main-header=header]) .headerimg-txt #siteNavi ul a{
color:var(--clr-siteNavi-txt,var(--clr-headerimg-txt,#fff));
}
}
@media (min-width:1025px){
[data-headerimg-type=header]:not([data-main-header=header]) .headerimg-txt #siteNavi ul li:not(:last-child)::after{
background:var(--clr-headerimg-txt,#fff);
}
[data-headerimg-type=header]:not([data-main-header=header]) .headerimg-txt #siteNavi ul span{
color:var(--clr-headerimg-txt,#fff);
}
[data-headerimg-type=header]:not([data-main-header=header]) .headerimg-txt #siteNavi ul a{
color:var(--clr-siteNavi-txt,var(--clr-headerimg-txt,#fff));
}
}
.slick-arrow{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:0;
font:inherit;
outline:none;
padding:0;
box-sizing:border-box;
min-width:0;
grid-row:1/2;
background-color:rgba(0,0,0,0.25);
border-radius:50%;
display:block;
width:40px;
height:40px;
text-indent:200%;
white-space:nowrap;
overflow:hidden;
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:1;
opacity:0;
transition:opacity 0.2s;
cursor:pointer;
}
.slick-arrow::before{
background-color:#fff;
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.191%2018.974%22%3E%3Cpath%20d%3D%22m1%2018.68-.706-.71a1%201%200%200%201%200-1.413l7.069-7.072-7.069-7.07A1%201%200%200%201%20.292%201L1%20.293a1%201%200%200%201%201.414%200l7.731%207.735a.46.46%200%200%201%20.046.043l.706.709a1%201%200%200%201%200%201.413L2.416%2018.68a1%201%200%200%201-1.414%200%22%2F%3E%3C%2Fsvg%3E") no-repeat 52% center/24% auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.191%2018.974%22%3E%3Cpath%20d%3D%22m1%2018.68-.706-.71a1%201%200%200%201%200-1.413l7.069-7.072-7.069-7.07A1%201%200%200%201%20.292%201L1%20.293a1%201%200%200%201%201.414%200l7.731%207.735a.46.46%200%200%201%20.046.043l.706.709a1%201%200%200%201%200%201.413L2.416%2018.68a1%201%200%200%201-1.414%200%22%2F%3E%3C%2Fsvg%3E") no-repeat 52% center/24% auto;
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
pointer-events:none;
}
.slick-prev{
left:14px;
}
.slick-prev::before{
transform:scale(-1,1);
}
.slick-next{
right:14px;
}
.slick-slider:hover .slick-arrow{
opacity:1;
}
@media (max-width:480px){
.slick-arrow{
width:30px;
height:30px;
}
}
ul[id$=slider_ul].slide_item .slick-arrow,.slider-type2 .slick-arrow{
width:28px;
height:28px;
}
.arrow-rectangle .slick-arrow{
width:34px;
height:25%;
min-height:56px;
max-height:88px;
}
.arrow-rectangle ul[id$=slider_ul].slide_item .slick-arrow{
width:28px;
height:25%;
min-height:56px;
max-height:88px;
}
.arrow-rectangle .slick-prev{
border-radius:0;
left:0;
}
.arrow-rectangle .slick-next{
border-radius:0;
right:0;
}
@media screen and (min-width:480px){
[data-main-header*=wide] #main-header #topslider.cpadding.arrow-rectangle .slick-arrow{
border-radius:0;
}
[data-main-header*=wide] #main-header #topslider.cpadding.arrow-rectangle .slick-prev{
left:25px;
}
[data-main-header*=wide] #main-header #topslider.cpadding.arrow-rectangle .slick-next{
right:25px;
}
}
@media (max-width:480px){
.arrow-rectangle .slick-arrow{
width:24px;
}
.arrow-rectangle ul[id$=slider_ul].slide_item .slick-arrow{
width:24px;
}
}
ul.slick-dots{
display:flex;
justify-content:center;
margin:20px 0 0;
position:relative;
}
ul.slick-dots li{
position:relative;
display:inline-block;
width:20px;
height:20px;
margin:2px;
padding:0;
cursor:pointer;
}
ul.slick-dots button{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:transparent;
border:0;
border-radius:0;
font:inherit;
outline:none;
box-sizing:border-box;
min-width:0;
display:block;
width:20px;
height:20px;
padding:5px;
text-indent:200%;
white-space:nowrap;
overflow:hidden;
}
ul.slick-dots button::before{
background-color:#333;
border-radius:50%;
content:"";
position:absolute;
top:5px;
left:5px;
width:10px;
height:10px;
opacity:0.15;
}
ul.slick-dots button:hover::before{
opacity:0.58;
}
ul.slick-dots .slick-active button::before{
opacity:1;
}
ul[id$=slider_ul] .sliderdate{
background-color:rgba(255,255,255,0.8);
color:#333;
position:absolute;
top:6px;
left:6px;
font-size:0.8em;
line-height:1;
padding:0.4em 0.5em;
border-radius:0;
}
.slidertitle{
display:block;
font-weight:700;
line-height:1;
letter-spacing:2px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
ul[id$=slider_ul].slide_item .slidertitle{
font-size:0.875em;
margin-top:0.8em;
}
ul[id$=slider_ul].slide_center .slidertitle{
background-color:rgba(0,0,0,0.3);
-webkit-mask-image:linear-gradient(rgba(0,0,0,0) 0%,rgb(0,0,0) 60%);
mask-image:linear-gradient(rgba(0,0,0,0) 0%,rgb(0,0,0) 60%);
font-size:1.125em;
padding:2.4em 1.2em 1.2em;
position:absolute;
bottom:0;
width:100%;
color:#fff;
text-decoration:none;
}
[data-main-header="header wide"] #main-header ul[id$=slider_ul].slide_center .slidertitle{
padding:1.2em;
}
#topslider_ul.slick-initialized{
height:auto;
opacity:1;
}
#topslider_ul{
display:grid;
height:0;
opacity:0;
transition:opacity 0.2s;
}
ul[id$=slider_ul] a{
text-decoration:none;
}
[data-main-header*=wide] #main-header #topslider{
background:#fff;
}
ul[id$=slider_ul].slide_item a:hover{
text-decoration:underline;
}
@media (max-width:1024px){
[data-main-header*=wide] #main-header ul[id$=slider_ul].slide_item{
margin-top:var(--margin-layout);
}
}
@media (min-width:1025px){
[data-main-header*=wide]:not([data-header=col2]) #main-header ul[id$=slider_ul].slide_item{
margin-top:var(--margin-layout);
}
}
@media screen and (min-width:480px){
[data-main-header*=wide] #main-header #topslider.cpadding{
margin:0 auto;
max-width:calc(var(--width-overall) + 96px);
overflow:visible;
}
[data-main-header*=wide] #main-header #topslider.cpadding ul[id$=slider_ul].slide_center{
margin-top:var(--margin-layout);
overflow:visible;
}
[data-main-header*=wide] #main-header #topslider.cpadding .slick-list{
overflow:visible;
margin-right:-12px;
}
[data-main-header*=wide] #main-header #topslider.cpadding .slick-slide{
margin-right:12px;
}
}
[class^=snsicon-]{
background-position:center;
background-repeat:no-repeat;
background-size:cover;
display:block;
width:32px;
height:32px;
}
[class^=snsicon-][class$=-black],[class^=snsicon-][class$=-white]{
width:26px;
height:26px;
margin:4px;
}
@media (min-width:1025px){
[class^=snsicon-]{
transition:0.2s;
}
[class^=snsicon-]:hover{
opacity:0.5;
}
}
.snsicon-facebook{
background-image:url(img/icon_facebook_circle.svg);
}
.snsicon-facebook-black{
background-image:url(img/icon_facebook_black.svg);
}
.snsicon-facebook-white{
background-image:url(img/icon_facebook_white.svg);
}
.snsicon-twitter{
background-image:url(img/icon_twitter_circle.svg);
}
.snsicon-twitter-black{
background-image:url(img/icon_twitter_black.svg);
}
.snsicon-twitter-white{
background-image:url(img/icon_twitter_white.svg);
}
.snsicon-instagram{
background-image:url(img/icon_instagram_circle.svg);
}
.snsicon-instagram-black{
background-image:url(img/icon_instagram_black.svg);
}
.snsicon-instagram-white{
background-image:url(img/icon_instagram_white.svg);
}
.snsicon-youtube{
background-image:url(img/icon_youtube_circle.svg);
}
.snsicon-youtube-black{
background-image:url(img/icon_youtube_black.svg);
}
.snsicon-youtube-white{
background-image:url(img/icon_youtube_white.svg);
}
.snsicon-rss{
background-image:url(img/icon_rss_circle.svg);
}
.snsicon-rss-black{
background-image:url(img/icon_rss_black.svg);
}
.snsicon-rss-white{
background-image:url(img/icon_rss_white.svg);
}
.snsicon-hatena{
background-image:url(img/icon_hatena_circle.svg);
}
.snsicon-line{
background-image:url(img/icon_line_circle.svg);
}
.snsbox{
display:inline-flex;
align-items:center;
flex-wrap:wrap;
gap:1em;
}
.snsbox .sns-title{
color:var(--clr-main,#313d47);
font-size:1.2rem;
font-weight:600;
line-height:1;
opacity:0.58;
}
.snsbox .snslist{
display:flex;
justify-content:center;
align-items:center;
gap:0.75em;
overflow:visible;
}
table[data-table*=normal]{
border:none;
border-collapse:collapse;
font-size:1.4rem;
line-height:1.5;
margin:var(--margin-component) 0;
table-layout:fixed;
width:100%;
}
table[data-table*=normal] tr{
border-color:var(--clr-border,#dadde1);
border-width:1px 0;
}
table[data-table*=normal] th,table[data-table*=normal] td{
border-width:0;
padding:1.3em;
text-align:left;
vertical-align:top;
}
table[data-table*=normal] th{
background:#f7f8fa;
border-color:var(--clr-border,#dadde1);
font-weight:normal;
width:25%;
}
table[data-table*=normal] td{
background:#fff;
}
@media (max-width:1024px){
table[data-table*=normal]{
font-size:1.2rem;
}
table[data-table*=normal] th,table[data-table*=normal] td{
border-width:0;
display:block;
padding:1em;
width:auto;
}
}
.comparison{
background:#fff;
border-collapse:collapse;
margin:var(--margin-component) 0;
table-layout:fixed;
}
.comparison tr th,.comparison tr td{
background:transparent;
border-color:var(--clr-border,#dadde1);
border-width:1px 0;
font-size:1.1rem;
line-height:1.5;
padding:20px;
text-align:center;
vertical-align:top;
}
.comparison tr th{
opacity:0.5;
vertical-align:middle;
}
.comparison thead td img{
max-width:120px;
max-height:120px;
}
.comparison tbody tr:nth-child(even){
background:#fff;
}
.comparison tbody tr:nth-child(odd){
background:#f7f8fa;
}
.comparison-item{
display:flex;
flex-direction:column;
align-items:center;
gap:10px 0;
}
.comparison-title{
font-weight:700;
}
.comparison-official a{
background:#fdaf32;
border-radius:4px;
color:#fff;
display:block;
font-weight:700;
line-height:1.5;
margin:0;
padding:8px;
text-decoration:none;
}
.taglist{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:0.5em;
}
.taglist .tag{
background:var(--clr-base,#f5f7fb);
color:#222;
display:block;
font-size:1.1rem;
line-height:1;
padding:0.7272727273em;
text-decoration:none;
}
@media (min-width:1025px){
.taglist .tag{
transition:0.3s;
transition-property:background-color,color;
}
.taglist .tag:hover{
background-color:var(--clr-accent,#134067);
color:#fff;
}
}
.twitter_plugin{
overflow:hidden;
}
.user1,.user2{
background-color:var(--clr-base,#f5f7fb);
line-height:1.7;
margin:var(--margin-component) 0;
padding:2em;
}
.user1:not(.noimage),.user2:not(.noimage){
background:var(--clr-base,#f5f7fb) url(./img/user1.png) no-repeat 1.375em 1.1875em/3.375em auto;
padding-left:6em;
}
.user2:not(.noimage){
background-image:url(./img/user2.png);
}
.user1-custom,.user2-custom{
background-color:var(--clr-base,#f5f7fb);
display:grid;
grid-template-columns:auto 1fr;
gap:16px;
margin:var(--margin-component) 0;
padding:24px 24px 40px;
position:relative;
}
.user-img{
grid-row:2;
grid-column:1;
max-width:80px;
}
.user-img img{
border-radius:50%;
}
.user-body{
display:contents;
}
.user-review{
grid-row:1;
grid-column:1/3;
align-content:start;
margin:-24px -24px 0 0;
display:flex;
justify-content:flex-end;
align-items:center;
flex-wrap:wrap;
line-height:1;
}
.user-review .rate{
padding:7px 12px 7px 0;
}
.user-review .rate0{
display:none;
}
.user-review .user-name{
font-size:1.2rem;
padding:7px 12px 7px 0;
}
.user-review .user-status{
background-color:var(--clr-accent,#134067);
color:#fff;
font-size:1.2rem;
padding:7px 12px;
}
.user-title{
grid-row:2;
grid-column:2;
align-self:center;
color:var(--clr-accent,#134067);
font-family:"Noto Serif JP",serif;
font-size:clamp(1.8rem,4.8vw,2rem);
font-weight:600;
line-height:1.5;
}
.user-desc{
grid-row:3;
grid-column:1/3;
border-top-width:1px;
padding-top:16px;
}
#index_wrapper{
clear:both;
display:flex;
justify-content:center;
align-items:center;
margin:8px 0;
padding:0 16px;
}
#indexlist{
background-color:#f9f9fb;
width:90%;
}
#index_inner{
padding:20px 24px;
line-height:1.5;
position:relative;
}
#indexlist .title{
max-width:100%;
}
#index_button{
position:absolute;
top:11px;
right:12px;
opacity:1;
width:44px;
height:44px;
}
#index_button > span::before{
border-top:1px solid #2f2f32;
border-right:1px solid #2f2f32;
content:"";
display:block;
transform:rotate(-45deg);
position:absolute;
top:20px;
right:16px;
width:11px;
height:11px;
opacity:0.6;
}
#index_button span span{
display:none;
}
#index_panel:checked + #index_button > span::before{
transform:rotate(135deg);
top:13px;
}
#index_panel[type=checkbox]{
display:none;
}
#indexlist #index_inner #index_panel:checked ~ ul,#indexlist #index_inner #index_panel:checked ~ ol{
border-width:0;
line-height:0;
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
opacity:0;
visibility:hidden;
overflow:hidden;
}
#indexlist #index_inner #index_panel:checked ~ ul *,#indexlist #index_inner #index_panel:checked ~ ol *{
border-width:0;
line-height:0;
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}
#indexlist #index_inner #index_panel:checked ~ ul ::before,#indexlist #index_inner #index_panel:checked ~ ul ::after,#indexlist #index_inner #index_panel:checked ~ ol ::before,#indexlist #index_inner #index_panel:checked ~ ol ::after{
border-width:0;
line-height:0;
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
height:0;
}
#indexlist ul,#indexlist ol{
list-style:none;
margin:16px 0;
margin-left:-6px;
opacity:1;
overflow:visible;
padding:0;
text-align:left;
}
#indexlist li{
font-size:15px;
line-height:1.5;
padding-left:1.46667em;
position:relative;
margin:0.53334em 0;
z-index:0;
}
#indexlist #index_inner > ul,#indexlist #index_inner > ol{
margin:17px 0 0;
}
.onload #indexlist #index_inner *{
transition:margin 0.25s cubic-bezier(0.2,0.7,0.4,0.95),padding 0.25s cubic-bezier(0.2,0.7,0.4,0.95);
}
#indexlist ol{
counter-reset:indexchild;
}
#indexlist ol > li > span{
display:flex;
margin-left:-1.46667em;
}
#indexlist ol > li > span::before{
counter-increment:indexchild;
content:counter(indexchild) ".";
color:inherit;
font-size:inherit;
font-weight:normal;
line-height:inherit;
margin:0 0.4em 0 0.2em;
position:static;
flex-shrink:0;
}
#indexlist.idx_counters #index_inner > ol{
counter-reset:indexchild;
}
#indexlist.idx_counters #index_inner > ol > li > span::before{
counter-increment:indexchild;
content:counter(indexchild) ".";
}
#indexlist.idx_counters ul ol > li > span::before,#indexlist.idx_counters ol ol > li > span::before{
content:counters(indexchild,"-") ".";
}
#index_wrapper.fullwidth{
padding:0;
}
#index_wrapper.fullwidth #indexlist{
width:100%;
max-width:100%;
}
#indexlist.idx_round{
border-radius:8px;
}
#index_wrapper #indexlist.idx_auto{
display:inline-block;
width:auto;
max-width:90%;
min-width:250px;
}
#menu #indexlist,#rmenu #indexlist{
width:100%;
max-width:100%;
}
#index_wrapper.setleft{
justify-content:flex-start;
}
.idx_space{
margin:8px 0;
text-align:center;
}
.idx_space div,.idx_space ul,.idx_space ol,.idx_space li{
text-align:left;
}
.idx_space::after{
display:block;
content:"";
clear:both;
}
@media (min-width:480px){
#editor,#previewcontents{
font-size:1.6rem;
line-height:2;
}
}
body table th,body table td{
padding:1.25em 1em;
}
.addtemplate__price{
--addtemplate__price-header-bg:var(--clr-accent,#134067);
--addtemplate__price-header-text:#fff;
--addtemplate__price-label-bg:rgba(var(--premium-accent-rgb,19,64,103),.03);
--addtemplate__price-text:var(--clr-accent,#134067);
}
.addtemplate__price thead th{
background-color:var(--addtemplate__price-header-bg);
color:var(--addtemplate__price-header-text) !important;
}
.addtemplate__price tbody th{
background-color:var(--addtemplate__price-label-bg);
text-align:left;
}
.addtemplate__price .price{
color:var(--addtemplate__price-text);
font-size:1.125em;
font-weight:700;
}
.button-more{
border-radius:4px;
display:flex;
justify-content:center;
align-items:center;
gap:4px;
min-height:60px;
padding:0 20px;
text-decoration:none;
width:100%;
max-width:318px;
margin:0 auto;
position:relative;
z-index:0;
color:var(--clr-accent,#134067);
display:flex;
align-items:center;
gap:8px;
font-size:1.4rem;
font-weight:600;
line-height:1;
}
.button-more::before{
border:1px solid var(--clr-accent,#134067);
border-radius:4px;
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:-1;
opacity:0.32;
}
.button-more::after{
background-color:var(--clr-accent,#134067);
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%227%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%207%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M20%203.5%2014%207V4H0V3h14V0z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%227%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%207%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M20%203.5%2014%207V4H0V3h14V0z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
content:"";
display:block;
width:20px;
height:7px;
}
@media (min-width:1025px){
.button-more{
transition:0.2s;
}
.button-more:hover{
background-color:var(--clr-accent,#134067);
color:#fff;
}
.button-more:hover::before{
border:none;
}
.button-more:hover::after{
background-color:#fff;
}
}
@media (max-width:1024px){
.tel-number a[style*="--tel-text-sp:"]{
font-size:var(--tel-text-sp) !important;
}
.tel-desc[style*="--tel-desc-sp:"]{
font-size:var(--tel-desc-sp) !important;
}
}
body .tel01{
background-color:var(--clr-base,#f5f7fb);
border-radius:4px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:2px;
margin:0;
min-height:76px;
text-decoration:none;
width:100%;
flex-shrink:0;
}
body .tel-number{
--tel-text-color:initial;
color:var(--tel-text-color,var(--clr-main,#313d47));
font-family:"Noto Serif JP",serif;
display:flex;
align-items:baseline;
letter-spacing:0.02em;
}
body .tel-number a{
font-weight:600;
line-height:1;
}
body .tel-number a::before{
content:"TEL.";
font-size:0.5714285714em;
}
body .tel-number::before{
display:none;
}
body .tel-desc{
margin-top:0.3636363636em;
font-size:1.1rem;
line-height:1.5;
color:var(--clr-main,#313d47);
opacity:0.58;
}
@media (min-width:1025px){
body .tel01{
background-color:transparent;
border-radius:0;
min-height:auto;
width:auto;
}
}
.cta-header{
display:flex;
flex-direction:column;
gap:16px;
}
@media (min-width:1025px){
.cta-header{
flex-direction:row;
align-items:center;
}
[data-header=col2] .cta-header{
flex-direction:column;
align-items:stretch;
}
}
.cta-header .cta-more a{
background-color:var(--clr-accent,#134067);
border-radius:4px;
display:flex;
justify-content:center;
align-items:center;
gap:4px;
min-height:72px;
padding:0 20px;
text-decoration:none;
color:#fff;
font-family:"Noto Serif JP",serif;
display:flex;
align-items:center;
gap:8px;
font-size:1.6rem;
font-weight:600;
line-height:1;
}
.cta-header .cta-more a::before{
content:"";
display:block;
background-color:#fff;
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.799%201.166c.129.269.201.57.201.887v9.894C20%2013.081%2019.08%2014%2017.943%2014H2.057A2.055%202.055%200%200%201%200%2011.947V2.053c0-.318.072-.618.201-.887l8.535%207.736a1.877%201.877%200%200%200%202.528%200zM17.942%200c.317%200%20.616.072.884.2l-8.485%207.689a.507.507%200%200%201-.683%200L1.174.199C1.442.072%201.74%200%202.057%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.799%201.166c.129.269.201.57.201.887v9.894C20%2013.081%2019.08%2014%2017.943%2014H2.057A2.055%202.055%200%200%201%200%2011.947V2.053c0-.318.072-.618.201-.887l8.535%207.736a1.877%201.877%200%200%200%202.528%200zM17.942%200c.317%200%20.616.072.884.2l-8.485%207.689a.507.507%200%200%201-.683%200L1.174.199C1.442.072%201.74%200%202.057%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
width:1.25em;
height:0.875em;
pointer-events:none;
}
@media (min-width:1025px){
.cta-header .cta-more a{
min-width:200px;
min-height:50px;
}
}
@media (min-width:1025px){
.cta-header .cta-more a{
transition:0.2s;
}
.cta-header .cta-more a:hover{
opacity:0.7;
}
}
.aboutBox__inner{
display:flex;
flex-direction:column;
gap:40px;
}
.aboutBox__media{
aspect-ratio:339/318;
overflow:hidden;
position:relative;
z-index:0;
}
.aboutBox__image{
position:absolute;
overflow:hidden;
}
.aboutBox__image:first-of-type{
top:0;
right:0;
width:64%;
height:80%;
z-index:1;
}
.aboutBox__image:last-of-type{
left:0;
bottom:0;
width:58%;
height:80%;
}
.aboutBox__image img{
width:100%;
max-width:none;
height:100%;
object-fit:cover;
}
.aboutBox__content{
display:flex;
flex-direction:column;
gap:24px;
}
.aboutBox__title{
margin:0;
}
.aboutBox__title i{
font-size:2.7rem;
}
@media (min-width:1025px){
.aboutBox{
container-type:inline-size;
}
.aboutBox__inner{
display:flex;
flex-direction:row;
align-items:center;
}
.aboutBox__inner.is_reserved{
flex-direction:row-reverse;
}
.aboutBox__media{
width:50%;
flex-shrink:0;
}
.aboutBox__content{
gap:40px;
flex:1;
min-width:0;
}
@container (min-width:1000px){
.aboutBox__inner{
gap:clamp(40px,5.5555555556vw,80px);
}
.aboutBox__title i{
font-size:clamp(2.7rem,7.2vw,3.6rem);
}
}
}
.cardList__list{
display:flex;
flex-direction:column;
gap:24px;
counter-reset:cardList;
}
.cardList__item{
background-color:#fff;
position:relative;
}
.cardList__num{
background-color:var(--clr-accent,#134067);
display:flex;
justify-content:center;
align-items:center;
position:absolute;
top:0;
left:0;
width:57px;
height:57px;
}
.cardList__num::before{
counter-increment:cardList;
content:counter(cardList,decimal-leading-zero);
color:#fff;
font-family:"EB Garamond",serif;
font-size:3rem;
line-height:1;
}
.cardList__image{
aspect-ratio:339/234;
}
.cardList__image img{
width:100%;
max-width:none;
height:100%;
object-fit:cover;
}
.cardList__body{
display:flex;
flex-direction:column;
gap:16px;
padding:32px 24px;
}
.cardList__title{
color:var(--clr-main,#313d47);
font-family:"Noto Serif JP",serif;
font-size:clamp(1.8rem,4.8vw,2rem);
font-weight:600;
line-height:1.5;
text-align:center;
margin:0;
overflow-wrap:anywhere;
}
.cardList__text{
font-size:1.4rem;
line-height:1.5;
}
@media (min-width:1025px){
.cardList{
container-type:inline-size;
}
.cardList__list{
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
}
.cardList__item{
display:flex;
flex-direction:column;
width:calc((100% - min(2.2222222222vw,32px) * 2) / 3);
}
.cardList__body{
flex-grow:1;
}
.cardList__title{
flex-grow:1;
display:flex;
justify-content:center;
align-items:center;
}
@container (min-width:1000px){
.cardList__list{
gap:min(2.2222222222vw,32px);
}
.cardList__num{
width:64px;
height:64px;
}
.cardList__num::before{
font-size:3.5rem;
}
.cardList__body{
gap:24px;
}
}
}
.serviceList{
padding:16px;
}
.serviceList__list{
display:flex;
flex-direction:column;
gap:24px;
}
.serviceList__item{
background-color:#fff;
display:block;
text-decoration:none;
}
.serviceList__image{
aspect-ratio:339/200;
}
.serviceList__image img{
width:100%;
max-width:none;
height:100%;
object-fit:cover;
}
.serviceList__body{
display:flex;
flex-direction:column;
gap:16px;
padding:32px 24px;
}
.serviceList__head{
display:flex;
flex-direction:column;
gap:16px;
}
.serviceList__eyebrow{
display:flex;
align-items:center;
gap:16px;
}
.serviceList__eyebrow-text{
color:var(--clr-main,#313d47);
font-family:"EB Garamond",serif;
font-size:clamp(1.2rem,3.2vw,1.6rem);
font-style:normal;
font-weight:500;
line-height:1.5;
letter-spacing:0.04em;
opacity:0.58;
}
.serviceList__eyebrow-bar{
background-color:var(--clr-main,#313d47);
display:block;
width:100%;
height:1px;
flex:1 0;
opacity:0.2;
min-width:40px;
}
.serviceList__title{
color:var(--clr-accent,#134067);
font-family:"Noto Serif JP",serif;
font-size:2.4rem;
font-weight:600;
line-height:1.5;
margin:0;
display:flex;
align-items:center;
gap:16px;
}
.serviceList__title::after{
background-color:var(--clr-accent,#134067);
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%227%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%207%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M20%203.5%2014%207V4H0V3h14V0z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%227%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%207%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M20%203.5%2014%207V4H0V3h14V0z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
content:"";
display:block;
width:20px;
height:7px;
}
.serviceList__text{
color:#333;
font-size:1.4rem;
line-height:2;
}
.serviceList__btn{
display:none;
}
@media (min-width:1025px){
.serviceList{
container-type:inline-size;
}
.serviceList__item{
display:flex;
align-items:center;
}
.serviceList__item:nth-child(even){
flex-direction:row-reverse;
}
.serviceList__image{
align-self:stretch;
aspect-ratio:680/400;
width:53%;
flex-shrink:0;
}
.serviceList__body{
padding:40px;
flex:1;
min-width:0;
}
.serviceList__text{
font-size:1.6rem;
}
.serviceList.serviceList__left .serviceList__item{
flex-direction:row;
}
.serviceList.serviceList__right .serviceList__item{
flex-direction:row-reverse;
}
@container (min-width:1000px){
.serviceList__list{
gap:min(3.8888888889vw,56px);
}
.serviceList__body{
gap:min(2.2222222222vw,32px);
padding:40px min(5.5555555556vw,80px);
}
.serviceList__head{
gap:min(2.2222222222vw,32px);
}
.serviceList__title{
font-size:clamp(2.4rem,6.4vw,3.2rem);
}
}
}
@media (min-width:1025px){
.serviceList__item{
transition:0.2s;
}
.serviceList__item:hover{
opacity:0.7;
}
}
.stepList__inner{
display:flex;
flex-direction:column;
gap:24px;
counter-reset:stepList;
}
.stepList__item{
display:flex;
align-items:center;
gap:16px;
}
.stepList__header{
flex-shrink:0;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
}
.stepList__num{
color:var(--clr-accent,#134067);
font-family:"EB Garamond",serif;
font-size:1.8rem;
line-height:1;
letter-spacing:0.04em;
}
.stepList__num::after{
counter-increment:stepList;
content:counter(stepList);
}
.stepList__image{
background-color:#fff;
}
.stepList__image img{
width:100%;
max-width:128px;
height:100%;
object-fit:cover;
aspect-ratio:1/1;
}
.stepList__circle{
border-radius:50%;
overflow:hidden;
}
.stepList__body{
display:flex;
flex-direction:column;
gap:12px;
}
.stepList__title{
color:var(--clr-main,#313d47);
font-size:clamp(1.6rem,4.2666666667vw,1.8rem);
font-weight:600;
line-height:1.5;
margin:0;
overflow-wrap:anywhere;
}
.stepList__text{
font-size:1rem;
line-height:2;
}
.stepList__arrow{
background-color:var(--clr-accent,#134067);
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2026%2014%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M12.728%2013.436%200%20.707.707%200l12.02%2012.02L24.749%200l.707.708z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2026%2014%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M12.728%2013.436%200%20.707.707%200l12.02%2012.02L24.749%200l.707.708z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
display:block;
width:26px;
height:14px;
margin-left:48px;
}
@media (min-width:1025px){
.stepList{
container-type:inline-size;
}
.stepList__inner{
flex-direction:row;
gap:16px;
}
.stepList__item{
flex:1;
flex-direction:column;
gap:24px;
}
.stepList__header{
gap:24px;
}
.stepList__num{
font-size:2.4rem;
}
.stepList__image img{
max-width:170px;
}
.stepList__body{
gap:16px;
flex:1;
}
.stepList__title{
flex-grow:1;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}
.stepList__text{
font-size:1.2rem;
}
.stepList__arrow{
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2234%22%20fill%3D%22none%22%20viewBox%3D%220%200%2018%2034%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M17.678%2016.97.707%2033.942%200%2033.234l16.264-16.263L0%20.707.707%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2234%22%20fill%3D%22none%22%20viewBox%3D%220%200%2018%2034%22%3E%3Cpath%20fill%3D%22%23134067%22%20d%3D%22M17.678%2016.97.707%2033.942%200%2033.234l16.264-16.263L0%20.707.707%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
width:18px;
height:34px;
margin-left:0;
margin-top:112px;
}
}
.user-custom__list{
display:flex;
flex-direction:column;
gap:24px;
}
.user-custom__list .user1-custom{
margin:0;
}
@media (min-width:1025px){
.user-custom__list{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
}
}
.messageBox__inner{
display:flex;
flex-direction:column;
gap:24px;
}
.messageBox__title{
color:var(--clr-accent,#134067);
margin:0;
}
@media (min-width:1025px){
.messageBox{
container-type:inline-size;
}
.messageBox__inner{
flex-direction:row;
}
.messageBox__title{
width:43%;
flex-shrink:0;
}
@container (min-width:1000px){
.messageBox__inner{
gap:min(4.4444444444vw,64px);
}
}
}
.serviceDetail__inner{
display:flex;
flex-direction:column;
gap:32px;
}
.serviceDetail__main{
display:flex;
flex-direction:column;
gap:32px;
}
.serviceDetail__body{
display:flex;
flex-direction:column;
gap:16px;
}
.serviceDetail__header{
display:flex;
flex-direction:column;
gap:16px;
}
.serviceDetail__eyebrow{
display:flex;
align-items:center;
gap:16px;
}
.serviceDetail__eyebrow-text{
color:var(--clr-main,#313d47);
font-family:"EB Garamond",serif;
font-size:clamp(1.2rem,3.2vw,1.6rem);
font-style:normal;
font-weight:500;
line-height:1.5;
letter-spacing:0.04em;
opacity:0.58;
}
.serviceDetail__eyebrow-bar{
background-color:var(--clr-main,#313d47);
display:block;
width:100%;
height:1px;
flex:1 0;
opacity:0.2;
min-width:40px;
}
.serviceDetail__title{
color:var(--clr-accent,#134067);
line-height:1.5;
margin:0;
}
@media (min-width:1025px){
.serviceDetail{
container-type:inline-size;
}
.serviceDetail.is_reserved .serviceDetail__main{
flex-direction:row;
}
.serviceDetail__main{
flex-direction:row-reverse;
}
.serviceDetail__media{
width:45.6%;
flex-shrink:0;
}
.serviceDetail__body{
flex:1;
min-width:0;
}
@container (min-width:1000px){
.serviceDetail__inner{
gap:48px;
}
.serviceDetail__main{
gap:min(4.4444444444vw,64px);
}
.serviceDetail__body{
gap:32px;
}
.serviceDetail__header{
gap:32px;
}
}
}
.supportList{
background-color:#fff;
}
.supportList__inner{
padding:32px 24px;
display:flex;
flex-direction:column;
gap:24px;
}
.supportList__title{
border-bottom-width:1px;
color:var(--clr-accent,#134067);
font-family:"Noto Serif JP",serif;
font-size:clamp(1.8rem,4.8vw,2rem);
font-weight:600;
line-height:1.5;
padding-bottom:16px;
margin:0;
}
.supportList__body ul[class][class^=li-]{
margin:0;
padding:0;
font-size:1.6rem;
}
@media (min-width:1025px){
.supportList{
container-type:inline-size;
}
.supportList__inner{
padding:48px;
}
.supportList__body{
flex:1;
}
.supportList__body ul[class][class^=li-]{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:16px;
}
@container (min-width:1000px){
.supportList__inner{
display:flex;
flex-direction:row;
gap:min(5.5555555556vw,80px);
}
.supportList__title{
border-bottom:none;
border-right-width:1px;
padding-right:min(5.5555555556vw,80px);
padding-bottom:0;
}
}
}
.profileMessage__inner{
display:flex;
flex-direction:column;
gap:56px;
}
.profileMessage__intro{
display:flex;
flex-direction:column;
gap:32px;
}
.profileMessage__media{
text-align:center;
}
.profileMessage__message{
display:flex;
flex-direction:column;
gap:24px;
}
.profileMessage__title{
color:var(--clr-accent,#134067);
margin:0;
}
.profileMessage__body{
display:flex;
flex-direction:column;
gap:24px;
}
.profileMessage__text{
font-family:"Noto Serif JP",serif;
font-size:1.6rem;
line-height:2;
}
.profileMessage__name{
color:var(--clr-main,#313d47);
font-family:"Noto Serif JP",serif;
display:flex;
flex-direction:column;
align-items:flex-end;
gap:16px;
line-height:1;
font-size:1.6rem;
}
.profileMessage__office{
font-size:0.75em;
}
.profileMessage__position{
font-size:1.6rem;
display:flex;
align-items:baseline;
gap:0.9230769231em;
}
.profileMessage__role{
font-size:0.8125em;
}
.profileMessage__person{
font-size:1.625em;
}
.profileMessage__meta{
display:flex;
flex-direction:column;
gap:56px;
}
.profileMessage__section{
display:flex;
flex-direction:column;
gap:24px;
}
.profileMessage__section ul:not([id]):not([class]){
margin:0;
padding-left:1.5em;
}
.profileMessage__heading{
margin:0;
}
@media (min-width:1025px){
.profileMessage{
container-type:inline-size;
}
.profileMessage__intro{
flex-direction:row;
gap:40px;
}
.profileMessage__media{
width:44%;
flex-shrink:0;
}
.profileMessage__position{
font-size:1.8rem;
}
.profileMessage__meta{
flex-direction:row;
gap:40px;
}
.profileMessage__section{
flex:1;
}
@container (min-width:1000px){
.profileMessage__inner{
gap:80px;
}
.profileMessage__message{
gap:40px;
}
.profileMessage__body{
gap:40px;
}
.profileMessage__position{
font-size:2rem;
}
.profileMessage__meta{
gap:80px;
}
}
}
.timeline__item{
position:relative;
display:flex;
align-items:flex-start;
gap:16px;
padding:0 0 12px 40px;
font-size:1.6rem;
line-height:1.5;
}
.timeline__item::before{
background-color:var(--clr-accent,#134067);
border-radius:50%;
content:"";
position:absolute;
top:9px;
left:8px;
width:8px;
height:8px;
z-index:1;
}
.timeline__item::after{
border-left:1px dashed var(--clr-accent,#134067);
content:"";
position:absolute;
top:9px;
left:11.5px;
bottom:-9px;
width:1px;
opacity:0.4;
}
.timeline__year{
width:56px;
flex-shrink:0;
}
.officeInfo__inner{
display:flex;
flex-direction:column;
gap:40px;
}
.officeInfo__body{
display:flex;
flex-direction:column;
gap:40px;
}
.officeInfo__table table{
font-size:1.6rem;
line-height:1.5;
margin:0;
}
.officeInfo__table table tr:first-child > *{
border-top-width:0;
}
.officeInfo__table table th,.officeInfo__table table td{
padding:24px 0;
}
.officeInfo__table table td{
padding-left:32px;
}
.officeInfo__photo img{
aspect-ratio:339/281;
max-width:none;
width:100%;
height:100%;
object-fit:cover;
}
.officeInfo__map .gmap-wrap{
margin:0;
}
.officeInfo__map .gmap-box{
padding-bottom:80%;
}
@media (min-width:1025px){
.officeInfo{
container-type:inline-size;
}
.officeInfo__body{
flex-direction:row;
}
.officeInfo__table{
flex-grow:1;
}
.officeInfo__photo{
width:43%;
flex-shrink:0;
}
.officeInfo__photo img{
aspect-ratio:auto;
}
.officeInfo__map .gmap-wrap{
margin:0;
}
.officeInfo__map .gmap-box{
padding-bottom:35%;
}
}
@container (min-width:1000px){
.officeInfo__inner{
gap:64px;
}
}
.qa-content .question2{
background-color:#fff;
}
.contactTel{
background-color:#fff;
}
.contactTel .tel01{
background-color:transparent !important;
}
.contactTel__inner{
display:flex;
flex-direction:column;
align-items:center;
gap:16px;
padding:32px 16px;
}
.contactTel__title{
color:var(--clr-accent,#134067);
font-family:"Noto Serif JP",serif;
font-size:clamp(2rem,5.3333333333vw,2.4rem);
font-weight:600;
line-height:1.5;
margin:0;
}
@media (min-width:1025px){
.contactTel{
container-type:inline-size;
}
@container (min-width:1000px){
.contactTel__inner{
flex-direction:row;
justify-content:center;
gap:min(5.5555555556vw,80px);
padding:48px 24px;
}
}
}
body .cta-footer02{
background-color:var(--clr-footer-bg,#343f49);
padding:56px 0 0;
}
body .cta-footer02 .cta-img img{
height:50%;
min-height:50%;
}
body .cta-footer02 .cta-inner{
background-color:#fff;
margin-left:var(--padding-overall);
margin-right:var(--padding-overall);
padding:48px 24px;
flex-direction:column;
gap:32px;
}
body .cta-footer02 .cta-txt{
display:flex;
flex-direction:column;
gap:24px;
max-width:none;
}
body .cta-footer02 .cta-title{
font-family:"Noto Serif JP",serif;
font-weight:600;
text-align:center;
gap:0;
line-height:1.7;
}
body .cta-footer02 .cta-title .subtext{
color:var(--clr-accent,#134067);
font-family:"EB Garamond",serif;
font-size:clamp(4rem,10.6666666667vw,5.2rem);
display:block;
font-style:normal;
font-weight:500;
line-height:1;
letter-spacing:0.04em;
margin-bottom:clamp(12px,3.2vw,16px);
}
body .cta-footer02 .cta-title i{
color:var(--clr-main,#313d47);
font-size:clamp(1.6rem,4.2666666667vw,1.8rem);
font-style:normal;
display:block;
}
body .cta-footer02 .cta-title :is(h1,h2,h3,h4,h5,h6){
margin:0;
}
body .cta-footer02 .cta-title :is(h1,h2,h3,h4,h5,h6)::before,body .cta-footer02 .cta-title :is(h1,h2,h3,h4,h5,h6)::after{
display:none;
}
body .cta-footer02 .cta-desc{
color:inherit;
font-size:clamp(1.4rem,3.7333333333vw,1.6rem);
line-height:2;
text-align:left;
}
body .cta-footer02 .cta-desc br{
display:none;
}
body .cta-footer02 .cta-more{
text-align:center;
width:100%;
}
body .cta-footer02 .cta-more a{
background-color:var(--clr-accent,#134067);
border-radius:4px;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
gap:0.5em;
min-height:72px;
padding:0 20px;
font-family:"Noto Serif JP",serif;
font-size:1.6rem;
font-weight:600;
line-height:1;
}
body .cta-footer02 .cta-more a::before{
content:"";
display:block;
background-color:#fff;
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.799%201.166c.129.269.201.57.201.887v9.894C20%2013.081%2019.08%2014%2017.943%2014H2.057A2.055%202.055%200%200%201%200%2011.947V2.053c0-.318.072-.618.201-.887l8.535%207.736a1.877%201.877%200%200%200%202.528%200zM17.942%200c.317%200%20.616.072.884.2l-8.485%207.689a.507.507%200%200%201-.683%200L1.174.199C1.442.072%201.74%200%202.057%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.799%201.166c.129.269.201.57.201.887v9.894C20%2013.081%2019.08%2014%2017.943%2014H2.057A2.055%202.055%200%200%201%200%2011.947V2.053c0-.318.072-.618.201-.887l8.535%207.736a1.877%201.877%200%200%200%202.528%200zM17.942%200c.317%200%20.616.072.884.2l-8.485%207.689a.507.507%200%200%201-.683%200L1.174.199C1.442.072%201.74%200%202.057%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
width:1.25em;
height:0.875em;
pointer-events:none;
}
@media (min-width:1025px){
body .cta-footer02{
display:flex;
justify-content:center;
padding:120px 0 0;
}
body .cta-footer02 .cta-inner{
flex-direction:column;
justify-content:center;
align-items:center;
gap:48px;
padding:72px;
max-width:max(1440px,70%);
}
body .cta-footer02 .cta-txt{
max-width:none;
}
body .cta-footer02 .cta-title .subtext{
font-size:clamp(4rem,10.6666666667vw,8rem);
}
body .cta-footer02 .cta-desc br{
display:inline;
}
body .cta-footer02 .cta-btns{
flex-wrap:nowrap;
max-width:none;
gap:min(5.5555555556vw,80px);
}
body .cta-footer02 .cta-more{
max-width:528px;
}
body .cta-footer02 .cta-more a{
min-height:96px;
font-size:2rem;
}
}
@media (min-width:1025px){
body .cta-footer02 .cta-more a{
transition:0.2s;
}
body .cta-footer02 .cta-more a:hover{
opacity:0.7;
}
}
.footerInfo{
display:grid;
justify-content:center;
gap:40px;
}
.footerInfo__address{
font-size:1.4rem;
line-height:1.5;
opacity:0.5;
}
@media (min-width:1025px){
.footerInfo{
justify-content:start;
}
}
[data-page="pages other"] #headerimg{
display:none;
}
#body{
--premium-header-panel:rgba(255,255,255,.85);
--premium-header-surface:#f0f3f2;
}
#body #logo .logotext{
font-family:"Noto Serif JP","Yu Mincho","游明朝",serif;font-weight:600;
font-size:clamp(20px,1.7vw,26px);line-height:1.4;overflow-wrap:anywhere;
}
#body #main-header #headerimg .headerimg-title{
display:block;position:relative;width:fit-content;max-width:100%;min-width:0;margin:0;
font-family:"Noto Serif JP","Yu Mincho","游明朝",serif;font-weight:600;
font-size:clamp(26px,3.05vw,44px);line-height:1.6;letter-spacing:.035em;
color:var(--clr-accent,#134067);text-align:left;word-break:normal;overflow-wrap:anywhere;
}
#body #main-header #headerimg .headerimg-title > i{
display:block;font-family:Georgia,"Times New Roman",serif;font-size:max(12px,.36em);
font-style:normal;font-weight:400;line-height:1.5;letter-spacing:.06em;margin:0 0 1em;color:inherit;
}
#body #main-header #headerimg .headerimg-title::after{
content:"";display:block;width:100%;height:2px;margin:20px 0 0;
background:linear-gradient(currentColor,currentColor) left bottom / 100% 1px no-repeat;opacity:.25;
}
#body #main-header #headerimg .headerimg-title::before{
content:"";position:absolute;left:0;bottom:0;width:min(42px,100%);height:2px;background:currentColor;
}
#body[data-premium-header=c] #main-header{display:block;gap:0;padding-top:24px;padding-bottom:24px;min-width:0;}
#body[data-premium-header=c][data-main-header*=wide] #main-header{
width:var(--premium-viewport-width,100%);margin-inline:calc((100% - var(--premium-viewport-width,100%)) / 2);
}
#body[data-premium-header=c] #main-header #headerimg{
display:grid;grid-template-columns:minmax(0,1fr);gap:0;position:relative;isolation:isolate;
margin:0;padding:0;width:100%;height:auto;overflow:hidden;background:var(--premium-header-surface);
}
#body[data-premium-header=c] #main-header #headerimg::before,#body[data-premium-header=c] #main-header #headerimg .headerimg-img::before{display:none;}
#body[data-premium-header=c] #main-header #headerimg .headerimg-img{
display:flex;position:absolute;inset:0;justify-content:flex-end;align-items:center;
margin:0;padding:0;width:100%;height:100%;order:0;overflow:hidden;
}
#body[data-premium-header=c] #main-header #headerimg .headerimg-img :is(picture,a){display:block;flex:none;height:100%;width:auto;max-width:none;}
#body[data-premium-header=c] #main-header #headerimg .headerimg-img img{
display:block;flex:none;width:auto;max-width:none;height:100%;min-height:0;max-height:none;object-fit:contain;aspect-ratio:auto;
}
#body[data-premium-header=c] #main-header #headerimg .headerimg-inner{
display:flex;position:relative;z-index:1;justify-content:flex-start;align-items:stretch;gap:24px;
width:100%;max-width:none;height:auto;min-height:clamp(400px,34vw,520px);padding:32px;margin:0;
}
#body[data-premium-header=c] #main-header #headerimg .headerimg-txt{
display:flex;flex:0 1 58%;flex-direction:column;justify-content:center;align-items:flex-start;
gap:20px;width:58%;max-width:none;min-width:0;margin:0;padding:clamp(24px,2.5vw,40px);order:0;
color:var(--clr-body-txt,#333);background:var(--premium-header-panel);border:1px solid rgba(255,255,255,.3);text-align:left;
}
#body[data-premium-header=c] #main-header #headerimg .headerimg-desc{color:var(--clr-body-txt,#333);font-size:15px;line-height:2;max-width:100%;}
#body[data-premium-header=c] #main-header #headerimg .headerimg-meta{max-width:100%;flex-wrap:wrap;color:var(--clr-body-txt,#333);}
#body[data-premium-header=c] #main-header #headerimg .headerimg-meta :is(.author-name,.date,a){color:var(--clr-body-txt,#333);}
#body[data-premium-header=c] #main-header #headerimg .headerimg-meta:empty{display:none;}
#body[data-premium-header=c] #main-header #headerimg .headerimg-item{align-self:center;order:1;flex:1 1 0;max-width:38%;padding:0;}
#body[data-premium-header=c] #main-header #headerimg .headerimg-item img{max-width:100%;max-height:300px;object-fit:contain;}
#body[data-premium-header=c][data-headerimg-title=right] #main-header #headerimg .headerimg-inner{justify-content:flex-end;}
#body[data-premium-header=c][data-headerimg-title=right] #main-header #headerimg .headerimg-img{justify-content:flex-start;}
#body[data-premium-header=c][data-headerimg-title=right] #main-header #headerimg .headerimg-item{order:-1;}
#body[data-premium-header=c][data-header-image=missing] #main-header #headerimg{background:transparent;overflow:visible;}
#body[data-premium-header=c][data-header-image=missing] #main-header #headerimg .headerimg-img{display:none;}
#body[data-premium-header=c][data-header-image=missing] #main-header #headerimg .headerimg-inner{min-height:0;padding:20px 0;}
#body[data-premium-header=c][data-header-image=missing] #main-header #headerimg .headerimg-txt{flex:0 1 auto;width:auto;max-width:100%;padding:0;border:0;background:transparent;}
#body:is([data-premium-header=c],[data-premium-header=image])[data-header=fixed] #header{
position:sticky;top:0;z-index:100;background:var(--clr-header-bg1,#fff);
--clr-header-fixed-txt:var(--clr-body-txt,#333);
}
#body:is([data-premium-header=c],[data-premium-header=image])[data-header=fixed] #header .container{max-height:none;}
#body[data-main-header=false] #main-header #headerimg,#body[data-page="pages other"] #main-header #headerimg{display:none;}
@media(min-width:1025px){
#body[data-premium-header=c]:not([data-headerimg-img=false]):not([data-header-image=missing])[data-column=col2] #main-header{grid-column:1/-1;}
#body[data-premium-header=c]:not([data-headerimg-img=false]):not([data-header-image=missing])[data-column=col2] #menu{grid-row:2/4;}
#body[data-premium-header=c][data-header=col2][data-main-header*=wide] #main-header{
width:calc(var(--premium-viewport-width,100vw) - var(--width-header-col2));
margin-inline:calc((100% - var(--premium-viewport-width,100vw) + var(--width-header-col2)) / 2);
}
#body[data-premium-header=c][data-headerimg-img=false] #main-header #headerimg{background:transparent;overflow:visible;}
#body[data-premium-header=c][data-headerimg-img=false] #main-header #headerimg .headerimg-img{display:none;}
#body[data-premium-header=c][data-headerimg-img=false] #main-header #headerimg .headerimg-inner{min-height:0;padding:20px 0;}
#body[data-premium-header=c][data-headerimg-img=false] #main-header #headerimg .headerimg-txt{flex:0 1 auto;width:auto;padding:0;border:0;background:transparent;}
#body[data-premium-header=c][data-main-header*=wide]:is([data-headerimg-img=false],[data-header-image=missing]) #main-header #headerimg .headerimg-inner{
max-width:var(--width-overall);margin-inline:auto;padding-inline:var(--padding-overall);
}
#body[data-premium-header=c][data-headerimg-title=false] #main-header #headerimg .headerimg-title{display:none;}
#body[data-premium-header=c][data-headerimg-desc=false] #main-header #headerimg .headerimg-desc,#body[data-premium-header=c][data-headerimg-item=false] #main-header #headerimg .headerimg-item,#body[data-premium-header=c][data-headerimg-meta=false] #main-header #headerimg .headerimg-meta{display:none;}
#body[data-premium-header=c][data-headerimg-title=false][data-headerimg-desc=false][data-headerimg-meta=false] #main-header #headerimg .headerimg-txt{display:none;}
#body[data-premium-header=c]:is([data-headerimg-img=false],[data-header-image=missing])[data-headerimg-title=false][data-headerimg-desc=false][data-headerimg-meta=false][data-headerimg-item=false] #main-header #headerimg{display:none;}
#body:not([data-header=col2]) #header:is(.s2-premium-has-cta,:has(.cta-header)) > .container{
box-sizing:border-box;display:grid;grid-template-columns:minmax(220px,1fr) auto;
grid-template-areas:'brand contact' 'lead contact' 'nav nav' 'search search' 'extras extras';
gap:0 28px;padding:20px 32px 10px;max-width:1600px;width:100%;max-height:none;
}
#body:not([data-header=col2]) #header:is(.s2-premium-has-cta,:has(.cta-header)) :is(#logo-wrap,#spmenu,#header-wrap,#header-menu){display:contents;}
#body:not([data-header=col2]) #header:is(.s2-premium-has-cta,:has(.cta-header)) #logo{grid-area:brand;justify-content:flex-start;margin:0;padding:0;min-height:0;}
#body:not([data-header=col2]) #header:is(.s2-premium-has-cta,:has(.cta-header)) #header-lead{grid-area:lead;justify-content:flex-start;padding:4px 0 0;margin:0;min-height:0;}
#body:not([data-header=col2]) #header:is(.s2-premium-has-cta,:has(.cta-header)) #topmenu{grid-area:nav;justify-content:flex-end;margin:8px 0 0;min-height:0;}
#body:not([data-header=col2]) #header:is(.s2-premium-has-cta,:has(.cta-header)) .cta-header{grid-area:contact;justify-self:end;align-self:center;max-width:100%;}
#body:not([data-header=col2]) #header:is(.s2-premium-has-cta,:has(.cta-header)) .search{grid-area:search;justify-self:end;}
#body:not([data-header=col2]) #header:is(.s2-premium-has-cta,:has(.cta-header)) #space7{grid-area:extras;margin:0;max-width:100%;}
#body:not([data-header=col2]) #header:is(.s2-premium-has-cta,:has(.cta-header)) :is(#header-wrap,#header-menu)::before{content:none;}
#body[data-header=row2] #header:is(.s2-premium-has-cta,:has(.cta-header)) #topmenu{justify-content:flex-start;margin-top:18px;padding-top:8px;border-top:1px solid #e5e9e9;}
#body[data-header=row2-lead] #header:is(.s2-premium-has-cta,:has(.cta-header)) > .container{grid-template-areas:'brand lead' 'brand nav' 'brand contact' 'search search' 'extras extras';gap:8px 32px;}
#body[data-header=row2-lead] #header:is(.s2-premium-has-cta,:has(.cta-header)) #header-lead{justify-content:flex-end;}
#body[data-header=row2-center] #header:is(.s2-premium-has-cta,:has(.cta-header)) > .container{grid-template-columns:1fr;grid-template-areas:'brand' 'lead' 'nav' 'contact' 'search' 'extras';gap:8px;}
#body[data-header=row2-center] #header:is(.s2-premium-has-cta,:has(.cta-header)) :is(#logo,#header-lead,#topmenu){justify-content:center;}
#body[data-header=row2-center] #header:is(.s2-premium-has-cta,:has(.cta-header)) .cta-header{justify-self:center;}
}
@media(min-width:1360px){
#body:is([data-header=''],[data-header=fixed]) #header:is(.s2-premium-has-cta,:has(.cta-header)) > .container{
grid-template-columns:minmax(240px,1fr) auto auto;
grid-template-areas:'brand nav contact' 'lead nav contact' 'search search search' 'extras extras extras';gap:0 24px;padding-block:22px;
}
#body:is([data-header=''],[data-header=fixed]) #header:is(.s2-premium-has-cta,:has(.cta-header)) #topmenu{margin:0;}
}
@media(max-width:1024px){
#body #logo .logotext{font-size:20px;}
#body #main-header #headerimg .headerimg-title{font-size:clamp(22px,6vw,34px);line-height:1.65;letter-spacing:.015em;}
#body #main-header #headerimg .headerimg-title::after{margin-top:16px;}
#body[data-premium-header=c] #main-header{padding-top:8px;padding-bottom:24px;}
#body[data-premium-header=c] #main-header #headerimg .headerimg-inner{min-height:510px;padding:210px 12px 18px;align-items:flex-end;gap:16px;flex-wrap:wrap;}
#body[data-premium-header=c] #main-header #headerimg .headerimg-txt{flex:none;width:98%;padding:24px 16px;gap:18px;}
#body[data-premium-header=c] #main-header #headerimg .headerimg-title > i{font-size:max(12px,.36em);margin-bottom:14px;}
#body[data-premium-header=c] #main-header #headerimg .headerimg-desc{font-size:14px;line-height:1.9;}
#body[data-premium-header=c] #main-header #headerimg .headerimg-img{align-items:flex-start;}
#body[data-premium-header=c] #main-header #headerimg .headerimg-img :is(picture,a){height:380px;}
#body[data-premium-header=c] #main-header #headerimg .headerimg-img img{width:auto!important;max-width:none!important;height:380px;}
#body[data-premium-header=c] #main-header #headerimg .headerimg-item{flex:1 0 100%;max-width:100%;order:1;text-align:center;}
#body[data-premium-header=c] #main-header #headerimg .headerimg-item img{max-height:200px;}
#body[data-premium-header=c][data-headerimg-title-sp=under] #main-header #headerimg .headerimg-img{position:relative;height:auto;max-height:360px;}
#body[data-premium-header=c][data-headerimg-title-sp=under] #main-header #headerimg .headerimg-img :is(picture,a){height:auto;width:auto;max-width:100%;}
#body[data-premium-header=c][data-headerimg-title-sp=under] #main-header #headerimg .headerimg-img img{height:auto;max-height:360px;max-width:100%!important;}
#body[data-premium-header=c][data-headerimg-title-sp=under] #main-header #headerimg .headerimg-inner{min-height:0;padding:16px 12px;}
#body[data-premium-header=c][data-headerimg-img-sp=false] #main-header #headerimg,#body[data-premium-header=c][data-header-image=missing] #main-header #headerimg{background:transparent;overflow:visible;}
#body[data-premium-header=c][data-headerimg-img-sp=false] #main-header #headerimg .headerimg-img{display:none;}
#body[data-premium-header=c][data-headerimg-img-sp=false] #main-header #headerimg .headerimg-inner,#body[data-premium-header=c][data-header-image=missing] #main-header #headerimg .headerimg-inner{min-height:0;padding:16px 0;}
#body[data-premium-header=c][data-headerimg-img-sp=false] #main-header #headerimg .headerimg-txt,#body[data-premium-header=c][data-header-image=missing] #main-header #headerimg .headerimg-txt{width:100%;max-width:100%;padding:0;border:0;background:transparent;}
#body[data-premium-header=c][data-main-header*=wide]:is([data-headerimg-img-sp=false],[data-header-image=missing]) #main-header #headerimg .headerimg-inner{padding-inline:var(--padding-overall);}
#body[data-premium-header=c][data-headerimg-title-sp=false] #main-header #headerimg .headerimg-title{display:none;}
#body[data-premium-header=c][data-headerimg-desc-sp=false] #main-header #headerimg .headerimg-desc,#body[data-premium-header=c][data-headerimg-item-sp=false] #main-header #headerimg .headerimg-item,#body[data-premium-header=c][data-headerimg-meta-sp=false] #main-header #headerimg .headerimg-meta{display:none;}
#body[data-premium-header=c][data-headerimg-title-sp=false][data-headerimg-desc-sp=false][data-headerimg-meta-sp=false] #main-header #headerimg .headerimg-txt{display:none;}
#body[data-premium-header=c][data-headerimg-title-sp=false][data-headerimg-desc-sp=false][data-headerimg-meta-sp=false][data-headerimg-item-sp=false] #main-header #headerimg .headerimg-inner{min-height:260px;padding:0;}
#body[data-premium-header=c]:is([data-headerimg-img-sp=false],[data-header-image=missing])[data-headerimg-title-sp=false][data-headerimg-desc-sp=false][data-headerimg-meta-sp=false][data-headerimg-item-sp=false] #main-header #headerimg{display:none;}
}
.stepList[data-flow-image-frame="plain"] .stepList__item,.stepList[data-flow-image-frame="plain"] .stepList__body{
min-width:0;
}
.stepList[data-flow-image-frame="plain"] .stepList__circle{
width:128px;
max-width:100%;
height:auto;
border-radius:0;
overflow:visible;
background:transparent;
}
.stepList[data-flow-image-frame="plain"] .stepList__circle img{
display:block;
width:100%;
max-width:100%;
height:auto;
border-radius:0;
aspect-ratio:auto;
object-fit:contain;
}
@media (min-width:1025px){
.stepList[data-flow-image-frame="plain"] .stepList__header{
width:100%;
}
.stepList[data-flow-image-frame="plain"] .stepList__circle{
width:100%;
max-width:170px;
}
}
#main{ --premium-part-margin:40px; }
@media (max-width:1024px){ #main{ --premium-part-margin:32px; } }
#main :where(.aboutBox,.serviceDetail,.serviceList__wrapper,.serviceList,.cardList,.stepList,.user-custom__list,.messageBox,.profileMessage,.officeInfo,.contactTel,.serviceDetail__free,.supportList,.s2-business-calendar,.scroll_table:is(.s2-premium-price,:has(> .addtemplate__price)),.bloglist[data-bloglist-horizontal=true],.s2-premium-part-host){ margin-block:var(--premium-part-margin); }
#main :where(.aboutBox,.serviceDetail,.serviceList__wrapper,.serviceList,.cardList,.stepList,.user-custom__list,.messageBox,.profileMessage,.officeInfo,.contactTel,.serviceDetail__free,.supportList,.s2-business-calendar,.scroll_table:is(.s2-premium-price,:has(> .addtemplate__price)),.bloglist[data-bloglist-horizontal=true],.s2-premium-part-host) + :where(.aboutBox,.serviceDetail,.serviceList__wrapper,.serviceList,.cardList,.stepList,.user-custom__list,.messageBox,.profileMessage,.officeInfo,.contactTel,.serviceDetail__free,.supportList,.s2-business-calendar,.scroll_table:is(.s2-premium-price,:has(> .addtemplate__price)),.bloglist[data-bloglist-horizontal=true],.s2-premium-part-host){ margin-block-start:0; }
#main :where(.s2-premium-part-host) > :where(.aboutBox,.serviceDetail,.serviceList__wrapper,.serviceList,.cardList,.stepList,.user-custom__list,.messageBox,.profileMessage,.officeInfo,.contactTel,.serviceDetail__free,.supportList,.s2-business-calendar,.scroll_table:is(.s2-premium-price,:has(> .addtemplate__price)),.bloglist[data-bloglist-horizontal=true]){ margin-block:0; }
#main :where(.aboutBox,.serviceDetail,.serviceList__wrapper,.serviceList,.cardList,.stepList,.user-custom__list,.messageBox,.profileMessage,.officeInfo,.contactTel,.serviceDetail__free,.supportList,.s2-business-calendar,.scroll_table:is(.s2-premium-price,:has(> .addtemplate__price)),.bloglist[data-bloglist-horizontal=true]) :where(.aboutBox,.serviceDetail,.serviceList__wrapper,.serviceList,.cardList,.stepList,.user-custom__list,.messageBox,.profileMessage,.officeInfo,.contactTel,.serviceDetail__free,.supportList,.s2-business-calendar,.scroll_table:is(.s2-premium-price,:has(> .addtemplate__price)),.bloglist[data-bloglist-horizontal=true],.s2-premium-part-host){ margin-block:0; }
#main :where(.txt-body,.mainbox) > :where(.aboutBox,.serviceDetail,.serviceList__wrapper,.serviceList,.cardList,.stepList,.user-custom__list,.messageBox,.profileMessage,.officeInfo,.contactTel,.serviceDetail__free,.supportList,.s2-business-calendar,.scroll_table:is(.s2-premium-price,:has(> .addtemplate__price)),.bloglist[data-bloglist-horizontal=true],.s2-premium-part-host):first-child{ margin-block-start:0; }
#main :where(.txt-body,.mainbox) > :where(.aboutBox,.serviceDetail,.serviceList__wrapper,.serviceList,.cardList,.stepList,.user-custom__list,.messageBox,.profileMessage,.officeInfo,.contactTel,.serviceDetail__free,.supportList,.s2-business-calendar,.scroll_table:is(.s2-premium-price,:has(> .addtemplate__price)),.bloglist[data-bloglist-horizontal=true],.s2-premium-part-host):last-child{ margin-block-end:0; }
#main .scroll_table > .addtemplate__price > table{ margin-block:0; }
.aboutBox__media:is(.s2-premium-single-image,:has(> .aboutBox__image:only-child)){
aspect-ratio:auto;
}
.aboutBox__media > .aboutBox__image:only-child{
position:static;
inset:auto;
width:100%;
height:auto;
}
.aboutBox__media > .aboutBox__image:only-child img{
display:block;
height:auto;
}
@media (min-width:1025px){
.aboutBox__inner:is(.s2-premium-single-image,:has(> .aboutBox__media > .aboutBox__image:only-child)){
gap:40px;
}
.aboutBox__media:is(.s2-premium-single-image,:has(> .aboutBox__image:only-child)){
width:35%;
}
}
@media (min-width:1025px){
#body:not([data-header=col2]) #header > .container{
box-sizing:border-box;
width:100%;
max-width:1600px;
margin-inline:auto;
}
#body:is([data-premium-header=c]:not([data-headerimg-img=false]):not([data-header-image=missing]),[data-premium-header=image][data-main-header=header]) #contents .inner #main-header{
box-sizing:border-box;
width:var(--premium-header-width,min(1600px,var(--premium-viewport-width,100vw)));
max-width:none;
margin-inline-start:var(--premium-header-offset,0px);
margin-inline-end:calc(100% - var(--premium-header-width,min(1600px,var(--premium-viewport-width,100vw))) - var(--premium-header-offset,0px));
padding-inline:0;
}
}
@media (min-width:1025px){
#body:not([data-header=col2]) #header:is(.s2-premium-has-cta,:has(.cta-header)) > .container{
column-gap:48px;
}
#body:not([data-header=col2]) #header .cta-header{
align-items:flex-start;
margin-top:8px;
}
#body:not([data-header=col2]) #header .cta-header > .tel01{
display:grid;
grid-template-rows:minmax(50px,auto) auto;
justify-items:center;
align-items:center;
gap:0;
}
#body:not([data-header=col2]) #header .cta-header .tel-number{
margin:0;
}
#body:not([data-header=col2]) #header .cta-header .tel-desc{
margin-top:0;
}
#body:is([data-header=''],[data-header=fixed]) #header:is(.s2-premium-has-cta,:has(.cta-header)) #logo{
align-self:end;
}
#body:is([data-header=''],[data-header=fixed]) #header:is(.s2-premium-has-cta,:has(.cta-header)) #header-lead{
align-self:start;
}
}
@media (min-width:1360px){
#body:is([data-header=''],[data-header=fixed]) #header:is(.s2-premium-has-cta,:has(.cta-header)):is(.s2-premium-image-logo,:has(#logo img)) > .container{
grid-template-areas:'brand nav contact' 'lead . .' 'search search search' 'extras extras extras';
}
#body:is([data-header=''],[data-header=fixed]) #header:is(.s2-premium-has-cta,:has(.cta-header)) #logo:is(.s2-premium-image-logo,:has(img)){
height:auto;
align-self:center;
}
}
#body #main{ min-width:0; }
#body #main > #siteNavi{
box-sizing:border-box; display:block; position:static; order:0;
width:100%; max-width:100%; min-width:0; margin:24px 0 0; padding:0;
grid-column:auto; align-self:auto; justify-self:stretch;
border:0; background:transparent; text-align:left;
}
#body #main > #siteNavi ul{
display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:baseline;
gap:6px 0; overflow:visible; white-space:normal;
width:100%; max-width:100%; min-width:0; padding:0; margin:0;
font-size:12px; line-height:1.8;
}
#body #main > #siteNavi li{ min-width:0; max-width:100%; flex-shrink:1; white-space:normal; overflow-wrap:anywhere; }
#body #main > #siteNavi li::after{ content:none; }
#body #main > #siteNavi li + li::before{ content:"/"; flex:none; margin:0 10px; color:#87969e; }
#body #main > #siteNavi :is(a,span){ min-width:0; max-width:100%; overflow-wrap:anywhere; color:var(--clr-body-txt,#536974); opacity:.75; text-decoration:none; }
#body #main > #siteNavi a:hover{ opacity:1; text-decoration:underline; }
#body #main > #siteNavi a:focus-visible{ outline:2px solid currentColor; outline-offset:3px; }
#body[data-column=col1][data-main=wide] #main > #siteNavi{ padding-inline:var(--padding-overall); }
#body[data-premium-header=image] #main-header{ display:block; }
#body[data-premium-header=image][data-main-header*=wide] #contents .inner #main-header{
box-sizing:border-box; width:var(--premium-wide-header-width,100%); max-width:none;
margin-inline-start:var(--premium-wide-header-offset,0px);
margin-inline-end:calc(100% - var(--premium-wide-header-width,100%) - var(--premium-wide-header-offset,0px));
padding-inline:0;
}
#body[data-premium-header=image] #main-header #headerimg{ margin:24px 0 0; padding:0; width:100%; gap:24px; height:auto; }
#body[data-premium-header=image] #main-header #headerimg .headerimg-inner{
box-sizing:border-box; display:flex; align-items:center; gap:24px;
width:100%; max-width:1600px; height:auto; margin-inline:auto; padding:24px 0;
}
#body[data-premium-header=image] #main-header #headerimg .headerimg-txt{
box-sizing:border-box; display:flex; flex-direction:column; gap:20px;
width:100%; max-width:100%; min-width:0; padding:0; margin:0;
border:0; background:transparent; color:var(--clr-body-txt,#333);
}
#body[data-premium-header=image] #main-header #headerimg .headerimg-img::before{ display:none; }
#body[data-premium-header=image] #main-header #headerimg::before{ background-image:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.28)); }
#body #footer .inner{ padding-block:40px; gap:32px; }
@media (min-width:1025px){
#body #footer .inner{ padding-block:64px; }
#body[data-premium-header=c][data-header-image=present]:not([data-headerimg-img=false])[data-headerimg-title=right] #main-header #headerimg .headerimg-txt{
box-sizing:border-box; padding-inline:clamp(32px,2.5vw,40px);
}
#body[data-premium-header=image]:not([data-header-image=missing]):not([data-headerimg-img=false]) #main-header #headerimg{
position:relative; isolation:isolate; overflow:hidden; gap:0;
min-height:var(--h-hdr-pc,280px); background:#313d47;
}
#body[data-premium-header=image]:not([data-header-image=missing]):not([data-headerimg-img=false]) #main-header #headerimg::before{
display:block; content:""; position:absolute; inset:0; z-index:1;
background-color:var(--clr-headerimg-overlay,transparent); pointer-events:none;
}
#body[data-premium-header=image]:not([data-header-image=missing]):not([data-headerimg-img=false]) #main-header #headerimg .headerimg-img{
position:absolute; inset:0; z-index:0; width:100%; height:100%; order:0;
}
#body[data-premium-header=image] #main-header #headerimg .headerimg-img :is(picture,a){ display:block; height:100%; }
#body[data-premium-header=image] #main-header #headerimg .headerimg-img img{ display:block; width:100%; max-width:none; height:100%; object-fit:cover; }
#body[data-premium-header=image]:not([data-header-image=missing]):not([data-headerimg-img=false]) #main-header #headerimg .headerimg-inner{
position:relative; z-index:2; min-height:var(--h-hdr-pc,280px);
padding:clamp(32px,4vw,64px); gap:32px;
}
#body[data-premium-header=image]:not([data-header-image=missing]):not([data-headerimg-img=false]) #main-header #headerimg .headerimg-txt{ width:70%; max-width:70%; margin-inline:auto; }
#body[data-premium-header=image]:not([data-header-image=missing]):not([data-headerimg-img=false]) #main-header #headerimg :is(.headerimg-txt,.headerimg-title,.headerimg-desc,.headerimg-meta,.author-name,.date,.headerimg-meta a){ color:#fff; }
#body[data-premium-header=image] #main-header #headerimg .headerimg-item{ flex:0 1 40%; max-width:40%; padding:0; }
#body[data-premium-header=image] #main-header #headerimg .headerimg-item img{ max-height:280px; object-fit:contain; }
#body[data-premium-header=image]:not([data-header-image=missing]):not([data-headerimg-img=false])[data-headerimg-title=left] #main-header #headerimg .headerimg-txt{ width:50%; margin-left:0; }
#body[data-premium-header=image]:not([data-header-image=missing]):not([data-headerimg-img=false])[data-headerimg-title=right] #main-header #headerimg .headerimg-txt{ width:50%; margin-right:0; }
#body[data-premium-header=image][data-headerimg-title=center] #main-header #headerimg .headerimg-txt{ text-align:center; align-items:center; }
#body[data-premium-header=image][data-headerimg-title=center] #main-header #headerimg .headerimg-title{ text-align:center; }
#body[data-premium-header=image]:is([data-header-image=missing],[data-headerimg-img=false]) #main-header #headerimg{ background:transparent; overflow:visible; min-height:0; }
#body[data-premium-header=image]:is([data-header-image=missing],[data-headerimg-img=false]) #main-header #headerimg::before,#body[data-premium-header=image]:is([data-header-image=missing],[data-headerimg-img=false]) #main-header #headerimg .headerimg-img{ display:none; }
#body[data-premium-header=image]:is([data-header-image=missing],[data-headerimg-img=false]) #main-header #headerimg .headerimg-txt{ width:100%; max-width:100%; }
#body[data-premium-header=image]:is([data-header-image=missing],[data-headerimg-img=false]) #main-header #headerimg :is(.headerimg-desc,.headerimg-meta,.author-name,.date,.headerimg-meta a){ color:var(--clr-body-txt,#333); }
#body[data-premium-header=image][data-main-header*=wide]:is([data-header-image=missing],[data-headerimg-img=false]) #main-header #headerimg .headerimg-inner{ padding-inline:var(--padding-overall); }
#body[data-premium-header=image][data-headerimg-title=false] #main-header #headerimg .headerimg-title,#body[data-premium-header=image][data-headerimg-desc=false] #main-header #headerimg .headerimg-desc,#body[data-premium-header=image][data-headerimg-meta=false] #main-header #headerimg .headerimg-meta,#body[data-premium-header=image][data-headerimg-item=false] #main-header #headerimg .headerimg-item{ display:none; }
#body[data-premium-header=image][data-headerimg-title=false][data-headerimg-desc=false][data-headerimg-meta=false] #main-header #headerimg .headerimg-txt{ display:none; }
}
@media (max-width:1024px){
#body #main > #siteNavi{ margin-top:16px; }
#body #main > #siteNavi ul{ font-size:11px; }
#body[data-premium-header=c][data-header-image=present]:not([data-headerimg-img-sp=false]) #main-header #headerimg .headerimg-txt{ box-sizing:border-box; padding-inline:16px; }
#body[data-premium-header=image] #main-header #headerimg .headerimg-inner{ flex-direction:column; min-height:0; padding:16px 0; }
#body[data-premium-header=image]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]) #main-header #headerimg{
position:relative; isolation:isolate; overflow:hidden; gap:0;
min-height:var(--h-hdr-sp,260px); background:#313d47;
}
#body[data-premium-header=image]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]) #main-header #headerimg::before{
display:block; content:""; position:absolute; inset:0; z-index:1;
background-color:var(--clr-headerimg-overlay,transparent); pointer-events:none;
}
#body[data-premium-header=image]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]) #main-header #headerimg .headerimg-img{
position:absolute; inset:0; z-index:0; width:100%; height:100%; order:0;
}
#body[data-premium-header=image]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]) #main-header #headerimg .headerimg-img :is(picture,a){ display:block; height:100%; }
#body[data-premium-header=image]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]) #main-header #headerimg .headerimg-img img{ display:block; width:100%; max-width:none; height:100%; object-fit:cover; }
#body[data-premium-header=image]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]) #main-header #headerimg .headerimg-inner{ position:relative; z-index:2; min-height:var(--h-hdr-sp,260px); padding:32px 24px; }
#body[data-premium-header=image]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]) #main-header #headerimg :is(.headerimg-txt,.headerimg-title,.headerimg-desc,.headerimg-meta,.author-name,.date,.headerimg-meta a){ color:#fff; }
#body[data-premium-header=image] #main-header #headerimg .headerimg-item{ max-width:100%; padding:0; }
#body[data-premium-header=image] #main-header #headerimg .headerimg-item img{ max-height:200px; object-fit:contain; }
#body[data-premium-header=image][data-headerimg-title-sp=under] #main-header #headerimg .headerimg-img{ order:0; }
#body[data-premium-header=image][data-headerimg-title-sp=under] #main-header #headerimg .headerimg-inner{ padding-inline:24px; }
#body[data-premium-header=image]:is([data-header-image=missing],[data-headerimg-img-sp=false],[data-headerimg-title-sp=under]) #main-header #headerimg{ background:transparent; overflow:visible; min-height:0; }
#body[data-premium-header=image]:is([data-header-image=missing],[data-headerimg-img-sp=false],[data-headerimg-title-sp=under]) #main-header #headerimg::before{ display:none; }
#body[data-premium-header=image]:is([data-header-image=missing],[data-headerimg-img-sp=false]) #main-header #headerimg .headerimg-img{ display:none; }
#body[data-premium-header=image]:is([data-header-image=missing],[data-headerimg-img-sp=false],[data-headerimg-title-sp=under]) #main-header #headerimg :is(.headerimg-desc,.headerimg-meta,.author-name,.date,.headerimg-meta a){ color:var(--clr-body-txt,#333); }
#body[data-premium-header=image][data-main-header*=wide]:is([data-header-image=missing],[data-headerimg-img-sp=false]) #main-header #headerimg .headerimg-inner{ padding-inline:var(--padding-overall); }
#body[data-premium-header=image][data-headerimg-title-sp=false] #main-header #headerimg .headerimg-title,#body[data-premium-header=image][data-headerimg-desc-sp=false] #main-header #headerimg .headerimg-desc,#body[data-premium-header=image][data-headerimg-meta-sp=false] #main-header #headerimg .headerimg-meta,#body[data-premium-header=image][data-headerimg-item-sp=false] #main-header #headerimg .headerimg-item{ display:none; }
#body[data-premium-header=image][data-headerimg-title-sp=false][data-headerimg-desc-sp=false][data-headerimg-meta-sp=false] #main-header #headerimg .headerimg-txt{ display:none; }
}
@media (min-width:1025px){
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]).s2-header-legacy #main-header #headerimg::before,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]) #main-header.s2-header-legacy #headerimg::before,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]) #main-header #headerimg.s2-header-legacy::before{ background:var(--s2-header-legacy-overlay,rgba(0,0,0,.55)) !important; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]).s2-header-legacy #main-header #headerimg .study-frame,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]) #main-header.s2-header-legacy #headerimg .study-frame,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]) #main-header #headerimg.s2-header-legacy .study-frame{ padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]).s2-header-legacy #main-header #headerimg .study-frame::before,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]) #main-header.s2-header-legacy #headerimg .study-frame::before,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]) #main-header #headerimg.s2-header-legacy .study-frame::before{ display:none !important; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]).s2-header-legacy #main-header #headerimg .headerimg-txt,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]) #main-header.s2-header-legacy #headerimg .headerimg-txt,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]) #main-header #headerimg.s2-header-legacy .headerimg-txt{ padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; color:#fff !important; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]).s2-header-legacy #main-header #headerimg .headerimg-txt::before,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]) #main-header.s2-header-legacy #headerimg .headerimg-txt::before,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]) #main-header #headerimg.s2-header-legacy .headerimg-txt::before{ display:none !important; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]).s2-header-legacy #main-header #headerimg :is(.headerimg-title,.headerimg-desc,.headerimg-meta,.author-name,.date,.headerimg-meta a),#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]) #main-header.s2-header-legacy #headerimg :is(.headerimg-title,.headerimg-desc,.headerimg-meta,.author-name,.date,.headerimg-meta a),#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]) #main-header #headerimg.s2-header-legacy :is(.headerimg-title,.headerimg-desc,.headerimg-meta,.author-name,.date,.headerimg-meta a){ color:#fff !important; }
}
@media (max-width:1024px){
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]).s2-header-legacy #main-header #headerimg::before,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) #main-header.s2-header-legacy #headerimg::before,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) #main-header #headerimg.s2-header-legacy::before{ background:var(--s2-header-legacy-overlay,rgba(0,0,0,.55)) !important; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]).s2-header-legacy #main-header #headerimg .study-frame,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) #main-header.s2-header-legacy #headerimg .study-frame,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) #main-header #headerimg.s2-header-legacy .study-frame{ padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]).s2-header-legacy #main-header #headerimg .study-frame::before,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) #main-header.s2-header-legacy #headerimg .study-frame::before,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) #main-header #headerimg.s2-header-legacy .study-frame::before{ display:none !important; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]).s2-header-legacy #main-header #headerimg .headerimg-txt,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) #main-header.s2-header-legacy #headerimg .headerimg-txt,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) #main-header #headerimg.s2-header-legacy .headerimg-txt{ padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; color:#fff !important; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]).s2-header-legacy #main-header #headerimg .headerimg-txt::before,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) #main-header.s2-header-legacy #headerimg .headerimg-txt::before,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) #main-header #headerimg.s2-header-legacy .headerimg-txt::before{ display:none !important; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]).s2-header-legacy #main-header #headerimg :is(.headerimg-title,.headerimg-desc,.headerimg-meta,.author-name,.date,.headerimg-meta a),#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) #main-header.s2-header-legacy #headerimg :is(.headerimg-title,.headerimg-desc,.headerimg-meta,.author-name,.date,.headerimg-meta a),#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) #main-header #headerimg.s2-header-legacy :is(.headerimg-title,.headerimg-desc,.headerimg-meta,.author-name,.date,.headerimg-meta a){ color:#fff !important; }
}
@media (min-width:1025px){
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy){ min-height:var(--h-hdr-pc,480px); height:auto; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy)::before{ background:rgba(0,0,0,.10); }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-inner{ min-height:var(--h-hdr-pc,480px); height:auto; padding:48px clamp(32px,4.5vw,72px); }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-txt{
position:relative; isolation:isolate; flex:0 1 auto; width:fit-content; max-width:min(800px,calc(100% - 20px)); min-width:0;
margin:20px auto 0 20px; padding:30px 36px; gap:0; border:0; background:transparent; box-shadow:none;
color:var(--clr-headerimg-txt,var(--premium-header-foreground,#fff));
}
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-txt::before,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-txt::after{
content:""; display:block; position:absolute; pointer-events:none; box-sizing:border-box;
width:auto; height:auto; margin:0; border:1px solid rgba(var(--premium-header-frame-rgb,255,255,255),.16);
}
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-txt::before{
inset:calc(-1 * 20px) 20px 20px calc(-1 * 20px); z-index:-2;
background:rgba(var(--premium-header-main-rgb,49,61,71),.24);
}
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-txt::after{
inset:0; z-index:-1; background:rgba(var(--premium-header-main-rgb,49,61,71),.72);
}
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) :is(.headerimg-title,.headerimg-desc,.headerimg-meta,.author-name,.date,.headerimg-meta a){ color:inherit; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-title{
width:auto; max-width:100%; margin:0; padding:0; border:0; background:transparent;
font-family:'Yu Gothic',Meiryo,sans-serif; font-size:44px; font-weight:600; line-height:1.5;
letter-spacing:.025em; overflow-wrap:anywhere;
}
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-title::before{ display:none; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-title::after{ content:""; display:block; width:48px; height:1px; margin:25px 0 0; padding:0; background:currentColor; opacity:.58; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-title > i{
width:auto; max-width:100%; padding:0; margin:0 0 14px; background:none; color:inherit;
font-family:Arial,Helvetica,sans-serif; font-size:max(20px,.7273em); font-weight:500; font-style:normal;
line-height:1.2; letter-spacing:.04em; opacity:.9; overflow-wrap:anywhere;
}
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-desc{ max-width:34em; margin:18px 0 0; padding:0; font-size:15px; line-height:1.8; overflow-wrap:anywhere; overflow:visible; -webkit-line-clamp:unset; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-meta{ margin:18px 0 0; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-meta:empty{ display:none; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"])[data-headerimg-title="right"]:not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-txt{ margin-left:auto; margin-right:20px; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"])[data-headerimg-title="right"]:not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-txt::before{ inset:calc(-1 * 20px) calc(-1 * 20px) 20px 20px; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"])[data-headerimg-title="true"]:not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-txt{ margin-inline:auto; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"])[data-headerimg-title="center"]:not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-txt{ margin-inline:auto; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img="false"])[data-headerimg-title="center"]:not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-title::after{ margin-inline:auto; }
}
@media (max-width:1024px){
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy){ min-height:var(--h-hdr-sp,380px); height:auto; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy)::before{ background:rgba(0,0,0,.10); }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-inner{ min-height:var(--h-hdr-sp,380px); height:auto; padding:32px 20px; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-txt{
position:relative; isolation:isolate; flex:0 1 auto; width:fit-content; max-width:min(800px,calc(100% - 12px)); min-width:0;
margin:12px auto 0 12px; padding:24px 20px; gap:0; border:0; background:transparent; box-shadow:none;
color:var(--clr-headerimg-txt,var(--premium-header-foreground,#fff));
}
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-txt::before,#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-txt::after{
content:""; display:block; position:absolute; pointer-events:none; box-sizing:border-box;
width:auto; height:auto; margin:0; border:1px solid rgba(var(--premium-header-frame-rgb,255,255,255),.16);
}
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-txt::before{
inset:calc(-1 * 12px) 12px 12px calc(-1 * 12px); z-index:-2;
background:rgba(var(--premium-header-main-rgb,49,61,71),.24);
}
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-txt::after{
inset:0; z-index:-1; background:rgba(var(--premium-header-main-rgb,49,61,71),.72);
}
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) :is(.headerimg-title,.headerimg-desc,.headerimg-meta,.author-name,.date,.headerimg-meta a){ color:inherit; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-title{
width:auto; max-width:100%; margin:0; padding:0; border:0; background:transparent;
font-family:'Yu Gothic',Meiryo,sans-serif; font-size:clamp(24px,6.7vw,36px); font-weight:600; line-height:1.55;
letter-spacing:.025em; overflow-wrap:anywhere;
}
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-title::before{ display:none; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-title::after{ content:""; display:block; width:48px; height:1px; margin:25px 0 0; padding:0; background:currentColor; opacity:.58; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-title > i{
width:auto; max-width:100%; padding:0; margin:0 0 12px; background:none; color:inherit;
font-family:Arial,Helvetica,sans-serif; font-size:clamp(20px,5.5vw,28px); font-weight:500; font-style:normal;
line-height:1.2; letter-spacing:.04em; opacity:.9; overflow-wrap:anywhere;
}
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-desc{ max-width:34em; margin:16px 0 0; padding:0; font-size:13px; line-height:1.8; overflow-wrap:anywhere; overflow:visible; -webkit-line-clamp:unset; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-meta{ margin:18px 0 0; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-meta:empty{ display:none; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"])[data-headerimg-title-sp="right"]:not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-txt{ margin-left:auto; margin-right:12px; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"])[data-headerimg-title-sp="right"]:not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-txt::before{ inset:calc(-1 * 12px) calc(-1 * 12px) 12px 12px; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"])[data-headerimg-title-sp="center"]:not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-txt{ margin-inline:auto; }
#body[data-premium-header="image"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"])[data-headerimg-title-sp="center"]:not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-title::after{ margin-inline:auto; }
}
#body[data-column=colsp] #contents .inner #main-header{
 width:100% !important; max-width:100%; margin-inline:0 !important;
}
@media (min-width:1025px){
 #body[data-column=colsp][data-premium-header=c][data-header-image=present]:not([data-headerimg-img=false]) #main-header #headerimg .headerimg-inner{
min-height:510px; padding:180px 20px 24px; align-items:flex-end; gap:16px; flex-wrap:wrap;
 }
 #body[data-column=colsp][data-premium-header=c][data-header-image=present]:not([data-headerimg-img=false]) #main-header #headerimg .headerimg-txt{
flex:none; width:100%; max-width:100%; padding:24px; gap:18px;
 }
}
@media (min-width:1025px){
#body[data-premium-header=image][data-headerimg-title=false][data-headerimg-desc=false][data-headerimg-meta=false][data-headerimg-item=false]:not([data-header-image=missing]):not([data-headerimg-img=false]) #main-header #headerimg{ min-height:0 !important; height:auto !important; overflow:visible; background:transparent; }
#body[data-premium-header=image][data-headerimg-title=false][data-headerimg-desc=false][data-headerimg-meta=false][data-headerimg-item=false]:not([data-header-image=missing]):not([data-headerimg-img=false]) #main-header #headerimg::before{ display:none !important; }
#body[data-premium-header=image][data-headerimg-title=false][data-headerimg-desc=false][data-headerimg-meta=false][data-headerimg-item=false]:not([data-header-image=missing]):not([data-headerimg-img=false]) #main-header #headerimg .headerimg-img{ position:static; inset:auto; width:100%; height:auto; }
#body[data-premium-header=image][data-headerimg-title=false][data-headerimg-desc=false][data-headerimg-meta=false][data-headerimg-item=false]:not([data-header-image=missing]):not([data-headerimg-img=false]) #main-header #headerimg .headerimg-img :is(picture,a){ display:block; height:auto; }
#body[data-premium-header=image][data-headerimg-title=false][data-headerimg-desc=false][data-headerimg-meta=false][data-headerimg-item=false]:not([data-header-image=missing]):not([data-headerimg-img=false]) #main-header #headerimg .headerimg-img img{ display:block; width:100%; max-width:100%; height:auto; object-fit:contain; }
#body[data-premium-header=image][data-headerimg-title=false][data-headerimg-desc=false][data-headerimg-meta=false][data-headerimg-item=false]:not([data-header-image=missing]):not([data-headerimg-img=false]) #main-header #headerimg .headerimg-inner{ position:absolute; width:1px; max-width:1px; height:1px !important; min-height:0 !important; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); }
}
@media (max-width:1024px){
#body[data-premium-header=image][data-headerimg-title-sp=false][data-headerimg-desc-sp=false][data-headerimg-meta-sp=false][data-headerimg-item-sp=false]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]) #main-header #headerimg{ min-height:0 !important; height:auto !important; overflow:visible; background:transparent; }
#body[data-premium-header=image][data-headerimg-title-sp=false][data-headerimg-desc-sp=false][data-headerimg-meta-sp=false][data-headerimg-item-sp=false]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]) #main-header #headerimg::before{ display:none !important; }
#body[data-premium-header=image][data-headerimg-title-sp=false][data-headerimg-desc-sp=false][data-headerimg-meta-sp=false][data-headerimg-item-sp=false]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]) #main-header #headerimg .headerimg-img{ position:static; inset:auto; width:100%; height:auto; }
#body[data-premium-header=image][data-headerimg-title-sp=false][data-headerimg-desc-sp=false][data-headerimg-meta-sp=false][data-headerimg-item-sp=false]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]) #main-header #headerimg .headerimg-img :is(picture,a){ display:block; height:auto; }
#body[data-premium-header=image][data-headerimg-title-sp=false][data-headerimg-desc-sp=false][data-headerimg-meta-sp=false][data-headerimg-item-sp=false]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]) #main-header #headerimg .headerimg-img img{ display:block; width:100%; max-width:100%; height:auto; object-fit:contain; }
#body[data-premium-header=image][data-headerimg-title-sp=false][data-headerimg-desc-sp=false][data-headerimg-meta-sp=false][data-headerimg-item-sp=false]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]) #main-header #headerimg .headerimg-inner{ position:absolute; width:1px; max-width:1px; height:1px !important; min-height:0 !important; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); }
}
@media (min-width:1025px){
#body[data-header=fixed][data-premium-header=image][data-main-header*=wide][data-header-image=present]:not([data-headerimg-img=false]) #header:not(.fix){ position:absolute; top:0; left:0; width:100%; z-index:100; background-color:transparent; background-image:linear-gradient(rgba(0,0,0,.48),rgba(0,0,0,0)); --clr-header-fixed-txt:#fff; }
#body[data-header=fixed][data-premium-header=image][data-main-header*=wide][data-header-image=present]:not([data-headerimg-img=false]) #header.fix{ position:fixed; background:var(--clr-header-bg1,#fff); --clr-header-fixed-txt:var(--clr-body-txt,#333); }
#body[data-header=fixed][data-premium-header=image][data-main-header*=wide][data-header-image=present]:not([data-headerimg-img=false]) #main-header{ padding-top:0; }
#body[data-header=fixed][data-premium-header=image][data-main-header*=wide][data-header-image=present]:not([data-headerimg-img=false]) #main-header #headerimg{ margin-top:0; }
#body[data-header=fixed][data-premium-header=image][data-main-header*=wide][data-header-image=present]:not([data-headerimg-img=false]):not([data-headerimg-title=false][data-headerimg-desc=false][data-headerimg-meta=false][data-headerimg-item=false]) #main-header #headerimg .headerimg-inner{ padding-top:calc(var(--s2-fixed-header-height,104px) + clamp(32px,4.5vw,72px)); }
#body[data-header=fixed][data-premium-header=image][data-main-header*=wide][data-header-image=present]:not([data-headerimg-img=false]):not([data-headerimg-title=false][data-headerimg-desc=false][data-headerimg-meta=false][data-headerimg-item=false]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-inner{ padding-top:calc(var(--s2-fixed-header-height,104px) + clamp(32px,4.5vw,72px)); }
}
@media (max-width:1024px){
#body[data-header=fixed][data-premium-header=image][data-main-header*=wide][data-header-image=present]:not([data-headerimg-img-sp=false]) #header:not(.fix){ position:absolute; top:0; left:0; width:100%; z-index:100; background-color:transparent; background-image:linear-gradient(rgba(0,0,0,.48),rgba(0,0,0,0)); --clr-header-fixed-txt:#fff; }
#body[data-header=fixed][data-premium-header=image][data-main-header*=wide][data-header-image=present]:not([data-headerimg-img-sp=false]) #header.fix{ position:fixed; background:var(--clr-header-bg1,#fff); --clr-header-fixed-txt:var(--clr-body-txt,#333); }
#body[data-header=fixed][data-premium-header=image][data-main-header*=wide][data-header-image=present]:not([data-headerimg-img-sp=false]) #main-header{ padding-top:0; }
#body[data-header=fixed][data-premium-header=image][data-main-header*=wide][data-header-image=present]:not([data-headerimg-img-sp=false]) #main-header #headerimg{ margin-top:0; }
#body[data-header=fixed][data-premium-header=image][data-main-header*=wide][data-header-image=present]:not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=false][data-headerimg-desc-sp=false][data-headerimg-meta-sp=false][data-headerimg-item-sp=false]):not([data-headerimg-title-sp=under]) #main-header #headerimg .headerimg-inner{ padding-top:calc(var(--s2-fixed-header-height,88px) + 32px); }
#body[data-header=fixed][data-premium-header=image][data-main-header*=wide][data-header-image=present]:not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=false][data-headerimg-desc-sp=false][data-headerimg-meta-sp=false][data-headerimg-item-sp=false]):not([data-headerimg-title-sp=under]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-inner{ padding-top:calc(var(--s2-fixed-header-height,88px) + 32px); }
html[data-spmenu=true] #body[data-header=fixed][data-premium-header=image][data-main-header*=wide][data-header-image=present]:not([data-headerimg-img-sp=false]) #header:not(.fix){ position:fixed; top:0; background:var(--clr-header-bg1,#fff); --clr-header-fixed-txt:var(--clr-body-txt,#333); }
}
.footerInfo__logo img{
display:block; width:auto; max-width:100%; height:auto; max-height:90px; object-fit:contain;
}
#body[data-column=col1][data-main=wide] #main > section[id^=text][id$=-section]:not(.user-block):not([style*=background]){
padding-block:32px;
}
@media (min-width:1025px){
#body[data-column=col1][data-main=wide] #main > section[id^=text][id$=-section]:not(.user-block):not([style*=background]){
padding-block:48px;
}
}
body .cta-footer02[data-sirius-footer-cta]::before{
background-color:var(--clr-footer-bg,#343f49);
}
#body .stepList[data-flow-image-frame] .stepList__text{
font-size:1.4rem;
line-height:1.8;
}
@media(min-width:1025px){
#body .stepList[data-flow-image-frame] .stepList__text{ font-size:1.6rem; }
}
#body .s2-business-calendar{ min-width:0; max-width:100%; }
#body .s2-business-calendar .s2-business-calendar__scroll{
display:block; width:100%; min-width:0; max-width:100%;
overflow-x:auto; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch;
}
#body #main h2[class*="topic-sub"],#body #main h3[class*="topic-sub"],#body #main h4[class*="topic-sub"],#body #main h5[class*="topic-sub"],#body #main h6[class*="topic-sub"],#body #main div[class*="topic-sub"]{
padding:0 !important;
margin-top:16px !important;
margin-bottom:16px !important;
}
#body #main .answer1{
padding:1em 1.25em 1em 4.75em;
min-height:4.625em;
}
#body #main .answer1::before{
top:1em;
left:1em;
}
@media (min-width:1025px){
#body #header #logo img{
width:auto;
height:auto;
max-width:100%;
max-height:80px;
}
#body[data-premium-header=image][data-main-header*=wide][data-header-image=present]:not([data-headerimg-img=false]) #main-header #headerimg{
margin-top:0;
}
}
@media (max-width:1024px){
#body[data-premium-header=image][data-main-header*=wide][data-header-image=present]:not([data-headerimg-img-sp=false]) #main-header #headerimg{
margin-top:0;
}
}
@media (min-width:1025px){
#body #header .cta-header .tel-number a[data-tel-prefix]:not([href])::before{
display:inline-block;
}
}
@media (max-width:1024px){
#body[data-premium-header="c"] #main-header #headerimg .headerimg-title{
font-size:var(--s2-header-title-size,clamp(22px,6vw,34px));
}
#body .cta-footer02[data-sirius-footer-cta] .tel01{
background-color:transparent;
}
#body .cta-footer02[data-sirius-footer-cta] .tel-number{
flex-direction:column;
align-items:center;
row-gap:0;
column-gap:0;
max-width:100%;
white-space:normal;
}
}
@media (max-width:360px){
#body .cta-footer02[data-sirius-footer-cta] .tel-number{
letter-spacing:0;
}
}
@supports (text-wrap:balance){
#body .btn-mid > a{
text-wrap:balance;
}
}
#body #header .cta-header .tel-number{
color:var(--tel-text-color,var(--clr-header-txt1,var(--clr-header-fixed-txt,var(--clr-main,#313d47))));
}
#body #header .cta-header .tel-desc{
color:var(--clr-header-txt1,var(--clr-header-fixed-txt,var(--clr-main,#313d47)));
}
#body #main .question1::before{
top:-0.125em;
left:-0.125em;
}
#body #main .answer1::before{
top:0.6153846154em;
left:0.6153846154em;
}
#body #header #logo.logo-square{
min-width:0;
height:auto;
overflow:visible;
}
#body #header #logo.logo-square img{
flex-shrink:0;
}
#body #header #logo.logo-square .logotext{
display:block;
-webkit-line-clamp:unset;
min-width:0;
flex:1 1 0%;
overflow:visible;
white-space:normal;
}
@media (max-width:1024px){
#body #header #logo.logo-square img{
width:auto;
height:auto;
max-height:48px;
}
}
@media (max-width:359px){
#body #header.s2-premium-image-logo #logo-wrap{
height:auto;
min-height:80px;
}
}
@media (min-width:1025px){
#body #header #logo .s2-premium-brand-copy{
display:flex;
flex-direction:column;
gap:4px;
flex:1 1 auto;
min-width:0;
}
#body #header #logo .s2-premium-brand-copy .logotext{
flex:none;
min-width:0;
overflow-wrap:anywhere;
}
#body #header #logo .s2-premium-brand-copy #header-lead{
display:block;
margin:0;
padding:0;
align-self:stretch;
min-width:0;
line-height:1.5;
}
#body #header .s2-premium-brand-with-lead{
grid-area:brand;
display:flex;
align-items:center;
gap:12px;
min-width:0;
}
#body #header .s2-premium-brand-with-lead #logo{
flex:0 1 auto;
min-width:0;
}
#body #header .s2-premium-brand-with-lead #header-lead{
flex:1 1 auto;
min-width:0;
padding:0;
}
#body[data-header=row2-center] #header .s2-premium-brand-with-lead{
flex-direction:column;
justify-content:center;
}
#body[data-header=row2-center] #header #logo .s2-premium-brand-copy{
flex:0 1 auto;
align-items:center;
text-align:center;
}
#body:is([data-header=''],[data-header=fixed]) #header:is(.s2-premium-has-cta,:has(.cta-header)) > .container{
grid-template-columns:minmax(0,max-content) minmax(0,1fr) auto;
grid-template-areas:'brand nav contact' 'search search search' 'extras extras extras';
column-gap:clamp(16px,2vw,32px);
padding-block:20px;
}
#body:is([data-header=''],[data-header=fixed]) #header:is(.s2-premium-has-cta,:has(.cta-header)) #logo{
align-self:center;
max-width:min(30vw,420px);
}
#body:is([data-header=''],[data-header=fixed]) #header:is(.s2-premium-has-cta,:has(.cta-header)) #topmenu{
min-width:0;
margin:0;
align-self:center;
}
#body:is([data-header=''],[data-header=fixed]) #header:is(.s2-premium-has-cta,:has(.cta-header)) .topmenu_ul{
justify-content:flex-end;
gap:8px clamp(12px,1.2vw,20px);
}
#body:is([data-header=''],[data-header=fixed]) #header:is(.s2-premium-has-cta,:has(.cta-header)) .topmenu_ul > li:not(:last-child){
margin-right:0;
}
#body:is([data-header=''],[data-header=fixed]) #header.s2-premium-compact-cta .cta-header{
flex-direction:column;
align-items:center;
gap:8px;
margin-top:0;
}
}
#body.s2-header-plain-text #contents #main-header #headerimg :is(.headerimg-txt,.study-frame){
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
color:var(--clr-main,#313d47) !important;
text-shadow:none !important;
}
#body.s2-header-plain-text #contents #main-header #headerimg :is(.headerimg-txt,.study-frame,.headerimg-title)::before,#body.s2-header-plain-text #contents #main-header #headerimg :is(.headerimg-txt,.study-frame,.headerimg-title)::after{
content:none !important;
display:none !important;
}
#body.s2-header-plain-text #contents #main-header #headerimg .headerimg-title{
display:flex !important;
flex-direction:column;
width:fit-content;
max-width:100%;
gap:0;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
color:var(--clr-main,#313d47) !important;
font-family:inherit;
font-size:clamp(24px,3.5vw,44px) !important;
font-weight:600;
line-height:1.5;
letter-spacing:normal;
text-shadow:none !important;
}
#body.s2-header-plain-text #contents #main-header #headerimg .headerimg-title > i{
display:block;
order:1;
margin:.4em 0 0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
color:inherit !important;
font-family:inherit;
font-size:.8em !important;
text-align:center !important;
align-self:stretch;
font-style:normal;
font-weight:400;
line-height:1.5;
letter-spacing:normal;
opacity:1;
text-shadow:none !important;
}
#body.s2-header-plain-text #contents #main-header #headerimg .headerimg-desc{
display:none !important;
}
#body.s2-header-plain-text[data-main-header~="wide"] #contents #main-header #headerimg .headerimg-title{
font-size:clamp(24px,6vw,84px) !important;
}
@supports (container-type:inline-size) and (font-size:1cqw){
#body.s2-header-plain-text #main-header{
container-name:s2-plain-header;
container-type:inline-size;
}
@container s2-plain-header (min-width:0px){
#body.s2-header-plain-text #contents #main-header #headerimg .headerimg-title{
font-size:clamp(24px,3.5cqw,44px) !important;
}
#body.s2-header-plain-text[data-main-header~="wide"] #contents #main-header #headerimg .headerimg-title{
font-size:clamp(24px,6cqw,84px) !important;
}
}
}
#body:is([data-premium-header="c"],[data-premium-header="image"])[data-header-image="missing"] #contents #main-header #headerimg .headerimg-inner{ box-sizing:border-box; padding-inline:clamp(16px,3vw,32px); }
#body:is([data-premium-header="c"],[data-premium-header="image"])[data-header-image="missing"][data-main-header*="wide"] #contents #main-header #headerimg .headerimg-inner{ padding-inline:max(clamp(16px,3vw,32px),var(--padding-overall,0px)); }
@media (min-width:1025px){
#body:is([data-premium-header="c"],[data-premium-header="image"])[data-headerimg-img="false"] #contents #main-header #headerimg .headerimg-inner{ box-sizing:border-box; padding-inline:clamp(16px,3vw,32px); }
#body:is([data-premium-header="c"],[data-premium-header="image"])[data-headerimg-img="false"][data-main-header*="wide"] #contents #main-header #headerimg .headerimg-inner{ padding-inline:max(clamp(16px,3vw,32px),var(--padding-overall,0px)); }
}
@media (max-width:1024px){
#body:is([data-premium-header="c"],[data-premium-header="image"])[data-headerimg-img-sp="false"] #contents #main-header #headerimg .headerimg-inner{ box-sizing:border-box; padding-inline:clamp(16px,3vw,32px); }
#body:is([data-premium-header="c"],[data-premium-header="image"])[data-headerimg-img-sp="false"][data-main-header*="wide"] #contents #main-header #headerimg .headerimg-inner{ padding-inline:max(clamp(16px,3vw,32px),var(--padding-overall,0px)); }
}
#body .cardList__text{ font-size:1.4rem; line-height:1.8; }
#body .cardList__image{ position:relative; overflow:hidden; flex-shrink:0; }
#body .cardList__image img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
#body .cardList__num{ z-index:1; }
#body .footerInfo__address{ opacity:.8; line-height:1.8; }
#body .cta-header .cta-more a,#body .cta-footer02[data-sirius-footer-cta] .cta-more a{ line-height:1.5; padding-block:12px; }
@media (min-width:1025px){
#body .cardList__text{ font-size:1.6rem; }
@container (min-width:1000px){
#body .supportList__inner{ gap:32px; }
#body .supportList__title{ flex:0 0 28%; min-width:0; max-width:28%; padding-right:32px; }
#body .supportList__body{ min-width:0; }
#body .supportList__body ul[class][class^=li-]{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
}
ul[class].li-check,ol[class].ol-circle{
line-height:1.8;
margin-block:var(--margin-component,1em);
padding-inline:0;
list-style:none;
overflow-wrap:anywhere;
}
ul[class].li-check:not(:where(.supportList__body ul)){
gap:0;
}
ol[class].ol-circle{
counter-reset:revert;
counter-reset:revert-layer;
}
ul[class].li-check > li,ol[class].ol-circle > li{
position:relative;
margin:0;
padding:0.625em 0 0.625em 2.125em;
border-bottom:1px solid var(--clr-border,#dadde1);
}
ul[class].li-check > li:last-child,ol[class].ol-circle > li:last-child{
border-bottom:0;
}
ul[class].li-check > li::before{
content:"";
counter-increment:none;
position:absolute;
inset:0.625em auto auto 0;
width:1.25em;
height:1.8em;
background:var(--clr-accent,#134067);
border:0;
border-radius:0;
display:block;
font-size:1em;
line-height:1.8;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m3.5 10 4.1 4.1 8.9-8.9' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 100% auto;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m3.5 10 4.1 4.1 8.9-8.9' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 100% auto;
}
ul[class].li-check > li::after,ol[class].ol-circle > li::after{
content:none;
display:none;
}
ol[class].ol-circle > li{
padding-left:2.875em;
}
ol[class].ol-circle > li::before{
content:counter(list-item,decimal-leading-zero);
counter-increment:none;
position:absolute;
inset:1em auto auto 0;
display:flex;
align-items:center;
justify-content:center;
width:2.5em;
min-height:1.8em;
padding:0 0.2em;
border:1px solid var(--clr-accent,#134067);
border-radius:2px;
background:transparent;
color:var(--clr-accent,#134067);
font-family:inherit;
font-size:0.8125em;
font-weight:600;
font-variant-numeric:tabular-nums;
line-height:1.8;
text-align:center;
-webkit-mask:none;
mask:none;
}
:is(ul[class].li-check,ol[class].ol-circle) :is(ul.li-check,ol.ol-circle,ul:not([id]):not([class]),ol:not([id]):not([class])){
margin-block:0.625em 0;
}
:is(ul[class].li-check,ol[class].ol-circle) :is(ul,ol):not([id]):not([class]) > li{
position:static;
margin:0.5em 0;
padding:0;
border:0;
}
:is(ul[class].li-check,ol[class].ol-circle) :is(ul,ol):not([id]):not([class]) > li::before,:is(ul[class].li-check,ol[class].ol-circle) :is(ul,ol):not([id]):not([class]) > li::after{
content:none;
display:none;
counter-increment:none;
}
.supportList__body ul[class].li-check{
margin:0;
}
.supportList__body ul[class].li-check > li{
border:0;
padding-block:0;
}
.supportList__body ul[class].li-check > li::before{
top:0;
}
ul[class^="flow-"] li ul[class].li-check > li{
padding:0.625em 0 0.625em 2.125em;
}
ul[class^="flow-"] li ol[class].ol-circle > li{
padding:0.625em 0 0.625em 2.875em;
}
ol[class].ol-circle > li,ul[class^="flow-"] li ol[class].ol-circle > li{
padding-left:2.375em;
}
ol[class].ol-circle > li::before{
inset:0.875em auto auto 0;
box-sizing:border-box;
width:2em;
height:2em;
min-height:0;
padding:0;
line-height:1;
}
.footerInfo__logo img{
max-width:min(100%,280px);
max-height:72px;
}
@media (max-width:1024px){
.footerInfo__logo img{
max-width:min(100%,220px);
max-height:64px;
}
}
#body #main :is(.question1,.question2,.answer1,.answer2){
position:relative;
border:0;
font-size:1.6rem;
line-height:1.8;
min-height:28px;
padding:2px 0 2px 44px;
color:var(--clr-body-txt,#303b45);
}
#body #main :is(.question1,.question2){
margin:20px 0 8px;
font-weight:600;
}
#body #main :is(.answer1,.answer2){
margin:0 0 24px;
font-weight:400;
background:none;
border-radius:0;
}
#body #main :is(.question1,.question2,.answer1,.answer2)::before{
display:flex;
align-items:center;
justify-content:center;
top:2px;
left:0;
width:28px;
height:28px;
font-family:inherit;
font-size:1.4rem;
font-weight:600;
line-height:1;
border-radius:4px;
background:var(--clr-accent,#134067);
color:#fff;
}
#body #main :is(.answer1,.answer2)::before{
background:rgba(var(--premium-accent-rgb,19,64,103),.07);
color:var(--clr-accent,#134067);
}
#body #main .qa-list{
margin:20px 0;
border-top:1px solid var(--clr-border,#dadde1);
}
#body #main .qa-accordion{
margin:0;
border-bottom:1px solid var(--clr-border,#dadde1);
overflow:visible;
}
#body #main .qa-accordion :is(.question1,.question2){
margin:0;
padding:18px 48px 18px 56px;
min-height:64px;
background:var(--clr-body-bg,#fff);
cursor:pointer;
}
#body #main .qa-accordion :is(.question1,.question2)::before{
top:18px;
left:16px;
}
#body #main .qa-accordion :is(.question1,.question2):hover,#body #main .qa-accordion :is(.question1,.question2).show{
background:rgba(var(--premium-accent-rgb,19,64,103),.035);
}
#body #main .qa-accordion :is(.question1,.question2)::after{
content:"";
position:absolute;
top:25px;
right:22px;
width:10px;
height:10px;
background:none;
-webkit-mask:none;
mask:none;
border:solid var(--clr-accent,#134067);
border-width:0 1.5px 1.5px 0;
transform:rotate(45deg);
transition:transform .18s ease;
}
#body #main .qa-accordion :is(.question1,.question2).show::after{
transform:rotate(225deg);
}
#body #main .qa-accordion :is(.answer1,.answer2){
margin:0;
padding:0 20px 20px 56px;
min-height:0;
height:auto;
line-height:1.8;
overflow:visible;
opacity:1;
background:rgba(var(--premium-accent-rgb,19,64,103),.035);
}
#body #main .qa-accordion :is(.answer1,.answer2)::before{
top:1px;
left:16px;
}
#body #main .qa-accordion :is(.question1,.question2):not(.show) + :is(.answer1,.answer2){
display:none;
}
#body #main .qa-accordion :is(.question1,.question2):focus-visible{
outline:2px solid var(--clr-accent,#134067);
outline-offset:-3px;
}
#body #main :is(.cbox-d,.alert,.accept,.attention,.thint){
--pb-tone:var(--clr-accent,#134067);
--pb-tone-rgb:var(--premium-accent-rgb,19,64,103);
font-size:1.6rem;
line-height:1.8;
color:var(--clr-body-txt,#303b45);
}
#body #main :is([class*="cbox-alert"],.alert){
--pb-tone:#a33146;
--pb-tone-rgb:163,49,70;
}
#body #main :is([class*="cbox-accept"],.accept){
--pb-tone:#146e64;
--pb-tone-rgb:20,110,100;
}
#body #main :is([class*="cbox-attention"],.attention){
--pb-tone:#855509;
--pb-tone-rgb:133,85,9;
}
#body #main .cbox-d{
margin:24px 0;
border:1px solid var(--clr-border,#dadde1);
border-radius:4px;
box-shadow:none;
background:var(--clr-body-bg,#fff);
}
#body #main .cbox-d .cbox-caption{
display:block;
position:relative;
top:auto;
margin:0;
padding:18px 20px 8px;
max-width:none;
background:transparent;
font-size:1em;
line-height:1.6;
font-weight:600;
}
#body #main .cbox-d .cbox-caption::before,#body #main .cbox-d .cbox-caption::after{
content:none;
}
#body #main .cbox-d .cbox-caption span{
display:block;
margin:0;
padding-left:30px;
font-size:1em;
color:var(--clr-body-txt,#303b45);
}
#body #main .cbox-d .cbox-caption span::before{
top:3px;
left:0;
width:20px;
height:20px;
border-radius:4px;
background-color:var(--pb-tone);
background-size:11px;
}
#body #main .cbox-d .cbox-body{
margin:0;
padding:0 20px 18px;
}
#body #main .cbox-d:not(:has(.cbox-caption)) .cbox-body{
padding-top:18px;
}
#body #main .cbox-d[class*="01"]{
border:0;
border-left:3px solid var(--pb-tone);
background:rgba(var(--pb-tone-rgb),.055);
}
#body #main .cbox-d[class*="03"]{
border:0;
border-top:2px solid var(--pb-tone);
background:rgba(var(--pb-tone-rgb),.055);
}
#body #main .cbox-d[class*="04"] .cbox-caption{
padding-bottom:14px;
border-bottom:1px solid rgba(var(--pb-tone-rgb),.12);
background:rgba(var(--pb-tone-rgb),.055);
}
#body #main .cbox-d[class*="04"] .cbox-body{
padding-top:14px;
}
#body #main :is(.alert,.accept,.attention,.thint){
margin:24px 0;
padding:18px 20px 18px 52px;
border:0;
border-left:3px solid var(--pb-tone);
border-radius:4px;
box-shadow:none;
background:rgba(var(--pb-tone-rgb),.055);
}
#body #main :is(.alert,.accept,.attention,.thint)::before{
top:22px;
left:18px;
width:20px;
height:20px;
border-radius:4px;
background-color:var(--pb-tone);
background-size:11px;
}
#body #main :is(.alert,.accept,.attention,.thint).noimage{
padding-left:20px;
}
#body #main :is(.alert,.accept,.attention,.thint).noimage::before{
display:none;
content:none;
}
#body #main :is(.attention,.thint)::before,#body #main :is([class*="cbox-attention"],[class*="cbox-hint"]).cbox-d .cbox-caption span::before{
background-size:2.7px auto;
}
@media (prefers-reduced-motion:reduce){
#body #main .qa-accordion :is(.question1,.question2)::after{ transition:none; }
}
@media (max-width:767px){
#body #main .qa-list{
container-name:premium-faq;
container-type:inline-size;
}
@container premium-faq (max-width:480px){
#body #main .qa-accordion :is(.question1,.question2){
padding:16px;
}
#body #main .qa-accordion :is(.answer1,.answer2){
padding:0 16px 16px;
}
#body #main .qa-accordion :is(.question1,.question2,.answer1,.answer2)::before{
position:static;
inset:auto;
margin:0 0 8px;
}
}
}
#body #main :is([class^="categorylist"],#entrylist) .article-desc{
font-size:1.5rem;
line-height:1.75;
opacity:1;
}
#body #main :is([class^="categorylist"],#entrylist) .article{
container-name:premium-article;
container-type:inline-size;
}
@container premium-article (max-width:320px){
#body #main :is([class^="categorylist"],#entrylist) .article-title,#body #main :is([class^="categorylist"],#entrylist) .article-desc{
-webkit-line-clamp:3;
}
}
@media (max-width:767px){
#body #main #entrylist ul{
grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
}
}
@media (hover:hover){
#body #main :is([class^="categorylist"],#entrylist) .article:hover .article-inner,#body #main #relNavigate a:hover{
opacity:1;
}
}
#body #main #relNavigate a{
min-width:0;
gap:16px;
}
#body #main #relNavigate .relNavigate-thumb:empty{
display:none;
}
#body #main #relNavigate .relNavigate-body{
min-width:0;
flex:1;
display:block;
line-height:1.6;
}
#body #main #relNavigate .relNavigate-caption{
display:block;
margin-bottom:6px;
font-size:1.3rem;
line-height:1.5;
color:var(--clr-accent,#134067);
}
#body #main #relNavigate .relNavigate-caption::before{
content:"←";
margin-right:6px;
}
#body #main #relNavigate .relNavigate-next .relNavigate-caption::before{
content:"→";
}
#body #main #relNavigate .relNavigate-title{
-webkit-line-clamp:2;
font-size:1.6rem;
font-weight:600;
line-height:1.6;
}
#body .profile .profile-desc{
font-size:1.5rem;
line-height:1.8;
}
#body .profile .profile-title{
line-height:1.5;
}
@container (width < 640px){
#body .profile .profile-img img{
width:128px;
height:128px;
max-width:100%;
object-fit:cover;
}
}
#body #main #searchresult .article-desc{
font-size:1.5rem;
line-height:1.75;
opacity:1;
}
@media (hover:hover){
#body #main #searchresult .article:hover .article-inner{
opacity:1;
}
}
#body #main #whatsnew .whatsnew_ul{
container-name:premium-updates;
container-type:inline-size;
}
#body #main .blog{
container-name:premium-blog-item;
}
@container premium-updates (width < 640px){
#body #main #whatsnew .whatsnew_ul > li{
flex-direction:column;
gap:12px;
}
#body #main #whatsnew .whatsnew-time{
gap:12px;
}
#body #main #whatsnew .whatsnew-txt{
width:100%;
min-width:0;
-webkit-line-clamp:2;
}
}
@container premium-blog-item (width < 640px){
#body #main .blog .blog-body{
flex-direction:column;
gap:12px;
}
#body #main .blog .blog-info{
gap:12px;
}
#body #main .blog .blog-title{
width:100%;
min-width:0;
-webkit-line-clamp:2;
}
}
@media (min-width:1025px){
#body[data-headerimg-title="false"] #contents #main-header #headerimg .headerimg-title{
display:block !important;
position:absolute !important;
width:1px !important;
height:1px !important;
padding:0 !important;
margin:-1px !important;
overflow:hidden !important;
clip:rect(0,0,0,0) !important;
white-space:nowrap !important;
border:0 !important;
}
#body[data-headerimg-title="false"][data-headerimg-desc="false"][data-headerimg-meta="false"] #contents #main-header #headerimg .headerimg-txt{
display:none !important;
}
}
@media (min-width:1025px){
#body[data-premium-header="c"][data-headerimg-title="false"][data-headerimg-desc="false"][data-headerimg-meta="false"][data-headerimg-item="false"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]) #contents #main-header #headerimg{
min-height:0;
height:auto;
background:transparent;
}
#body[data-premium-header="c"][data-headerimg-title="false"][data-headerimg-desc="false"][data-headerimg-meta="false"][data-headerimg-item="false"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]) #contents #main-header #headerimg .headerimg-img{
position:static;
inset:auto;
width:100%;
height:auto;
}
#body[data-premium-header="c"][data-headerimg-title="false"][data-headerimg-desc="false"][data-headerimg-meta="false"][data-headerimg-item="false"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]) #contents #main-header #headerimg .headerimg-img :is(picture,a){
width:100%;
max-width:100%;
height:auto;
}
#body[data-premium-header="c"][data-headerimg-title="false"][data-headerimg-desc="false"][data-headerimg-meta="false"][data-headerimg-item="false"]:not([data-header-image="missing"]):not([data-headerimg-img="false"]) #contents #main-header #headerimg .headerimg-img img{
width:100% !important;
max-width:100% !important;
height:auto !important;
max-height:none;
object-fit:contain;
}
#body[data-premium-header="c"][data-headerimg-title="false"][data-headerimg-desc="false"][data-headerimg-meta="false"][data-headerimg-item="false"] #contents #main-header #headerimg .headerimg-inner{
display:none;
}
}
@media (max-width:1024px){
#body[data-premium-header="c"][data-headerimg-title-sp="false"][data-headerimg-desc-sp="false"][data-headerimg-meta-sp="false"][data-headerimg-item-sp="false"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]) #contents #main-header #headerimg{
min-height:0;
height:auto;
background:transparent;
}
#body[data-premium-header="c"][data-headerimg-title-sp="false"][data-headerimg-desc-sp="false"][data-headerimg-meta-sp="false"][data-headerimg-item-sp="false"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]) #contents #main-header #headerimg .headerimg-img{
position:static;
inset:auto;
width:100%;
height:auto;
}
#body[data-premium-header="c"][data-headerimg-title-sp="false"][data-headerimg-desc-sp="false"][data-headerimg-meta-sp="false"][data-headerimg-item-sp="false"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]) #contents #main-header #headerimg .headerimg-img :is(picture,a){
width:100%;
max-width:100%;
height:auto;
}
#body[data-premium-header="c"][data-headerimg-title-sp="false"][data-headerimg-desc-sp="false"][data-headerimg-meta-sp="false"][data-headerimg-item-sp="false"]:not([data-header-image="missing"]):not([data-headerimg-img-sp="false"]) #contents #main-header #headerimg .headerimg-img img{
width:100% !important;
max-width:100% !important;
height:auto !important;
max-height:none;
object-fit:contain;
}
#body[data-premium-header="c"][data-headerimg-title-sp="false"][data-headerimg-desc-sp="false"][data-headerimg-meta-sp="false"][data-headerimg-item-sp="false"] #contents #main-header #headerimg .headerimg-inner{
display:none;
}
}
@media (max-width:1024px){
#body[data-headerimg-title-sp="false"] #contents #main-header #headerimg .headerimg-title{
display:block !important;
position:absolute !important;
width:1px !important;
height:1px !important;
padding:0 !important;
margin:-1px !important;
overflow:hidden !important;
clip:rect(0,0,0,0) !important;
white-space:nowrap !important;
border:0 !important;
}
#body[data-headerimg-title-sp="false"][data-headerimg-desc-sp="false"][data-headerimg-meta-sp="false"] #contents #main-header #headerimg .headerimg-txt{
display:none !important;
}
}
#body #main .rankbox{
margin-block:32px;
}
#body #main .rankbox .rankbox-container{
border:1px solid var(--clr-border,#dce1e6);
border-top:3px solid var(--clr-accent,#134067);
border-radius:6px;
background:#fff;
padding:clamp(18px,3vw,30px);
gap:24px;
}
#body #main .rankbox .rank[data-rank]{
display:flex;
align-items:center;
gap:12px;
margin:0;
padding:0 0 18px;
border-bottom:1px solid var(--clr-border,#dce1e6);
color:var(--clr-body-txt,#303b45);
font-size:clamp(1.8rem,2.2vw,2.4rem);
line-height:1.5;
}
#body #main .rankbox .rank[data-rank]::before{
content:attr(data-rank);
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 36px;
width:36px;
height:36px;
min-width:0;
margin:0;
padding:0;
float:none;
border:1px solid var(--clr-accent,#134067);
border-radius:4px;
background:var(--clr-base,#f5f7fb);
color:var(--clr-accent,#134067);
-webkit-text-fill-color:currentColor;
-webkit-background-clip:border-box;
background-clip:border-box;
font-size:1.5rem;
font-family:inherit;
font-variant-numeric:tabular-nums;
font-weight:600;
line-height:1;
}
#body #main .rankbox .rank[data-rank="1"]::before{
background:var(--clr-accent,#134067);
color:#fff;
}
#body #main .rankbox .rank[data-rank]::after{
display:none;
}
#body #main .rankbox .rank[data-rank] > a{
min-width:0;
flex:1;
overflow-wrap:anywhere;
}
#body #main .rankbox .rankbox-contents{
gap:24px;
}
#body #main .rankbox .rankbox-desc{
gap:20px;
}
#body #main .rankbox .rankbox-rate{
padding:14px 16px;
border:1px solid var(--clr-border,#dce1e6);
border-radius:4px;
background:var(--clr-base,#f5f7fb);
}
#body #main .rankbox .rankbox-rateoverall{
align-items:flex-start;
gap:6px;
}
#body #main .rankbox .rankbox-rateoverall > .rankbox-stitle{
font-size:1.3rem;
font-weight:600;
line-height:1.5;
}
#body #main .rankbox .rankbox-rateoverall .rate{
font-size:2.2rem;
}
#body #main .rankbox .rankbox-rate-num{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:6px;
}
#body #main .rankbox .rate-unit{
font-size:1.3rem;
line-height:1.5;
}
#body #main .rankbox .rankbox-price{
line-height:1.7;
}
#body #main .rankbox .rankbox-price b{
font-size:1.6em;
line-height:1.4;
}
#body #main .rankbox .rankbox-notes span{
padding:4px 8px;
border:1px solid var(--clr-border,#dce1e6);
border-radius:3px;
background:var(--clr-base,#f5f7fb);
color:var(--clr-body-txt,#303b45);
font-size:1.3rem;
line-height:1.6;
}
#body #main .rankbox .feature .feature-body,#body #main .rankbox .comment .comment-body{
line-height:1.8;
}
#body #main .rankbox .comment{
border:1px solid var(--clr-border,#dce1e6);
border-left:3px solid var(--clr-accent,#134067);
border-radius:4px;
background:var(--clr-base,#f5f7fb);
}
#body #main .rankbox .comment .comment-inner{
padding:clamp(16px,2.4vw,24px);
}
#body #main .rankbox .comment .comment-tit{
color:var(--clr-accent,#134067);
font-size:1.6rem;
line-height:1.6;
margin-bottom:10px;
}
#body #main .rankbox .rankbox-more{
grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));
gap:12px;
}
#body #main .rankbox .rankbox-more a{
border:1px solid var(--clr-accent,#134067);
border-radius:4px;
box-shadow:none;
font-size:1.6rem;
font-weight:600;
line-height:1.6;
padding:14px 18px;
opacity:1;
}
#body #main .rankbox .rankbox-more .detail a{
background:#fff;
color:var(--clr-accent,#134067);
}
#body #main .rankbox .rankbox-more .official a{
background:var(--clr-accent,#134067);
color:#fff;
}
#body #main .rankbox .rankbox-more a:focus-visible{
outline:2px solid var(--clr-accent,#134067);
outline-offset:3px;
}
@media (hover:hover){
#body #main .rankbox .rankbox-more .detail a:hover{
background:var(--clr-base,#f5f7fb);
}
#body #main .rankbox .rankbox-more .official a:hover{
filter:brightness(.94);
}
}
@media (min-width:1025px){
body#body[data-premium-header=image][data-headerimg-type=header][data-headerimg-title]:not([data-header-image=missing]):not([data-headerimg-img=false]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy){ display:grid; grid-template-columns:minmax(0,1fr); min-height:0; height:auto; }
body#body[data-premium-header=image][data-headerimg-type=header][data-headerimg-title]:not([data-header-image=missing]):not([data-headerimg-img=false]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-img{ position:relative; inset:auto; grid-area:1 / 1; align-self:stretch; width:100%; height:auto; min-height:0; }
body#body[data-premium-header=image][data-headerimg-type=header][data-headerimg-title]:not([data-header-image=missing]):not([data-headerimg-img=false]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-img :is(picture,a){ display:block; width:100%; height:100%; }
body#body[data-premium-header=image][data-headerimg-type=header][data-headerimg-title]:not([data-header-image=missing]):not([data-headerimg-img=false]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-img img{ display:block; width:100%; max-width:100%; max-height:none; height:var(--h-hdr-pc,auto) !important; min-height:var(--h-hdr-pc,100%); object-fit:cover; }
body#body[data-premium-header=image][data-headerimg-type=header][data-headerimg-title]:not([data-header-image=missing]):not([data-headerimg-img=false]):not(.s2-header-legacy):not([data-headerimg-title=false][data-headerimg-desc=false][data-headerimg-meta=false][data-headerimg-item=false]) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-inner{ grid-area:1 / 1; align-self:stretch; min-height:0; height:auto; }
}
@media (max-width:1024px){
body#body[data-premium-header=image][data-headerimg-type=header][data-headerimg-title-sp]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy){ display:grid; grid-template-columns:minmax(0,1fr); min-height:0; height:auto; }
body#body[data-premium-header=image][data-headerimg-type=header][data-headerimg-title-sp]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-img{ position:relative; inset:auto; grid-area:1 / 1; align-self:stretch; width:100%; height:auto; min-height:0; }
body#body[data-premium-header=image][data-headerimg-type=header][data-headerimg-title-sp]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-img :is(picture,a){ display:block; width:100%; height:100%; }
body#body[data-premium-header=image][data-headerimg-type=header][data-headerimg-title-sp]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]):not(.s2-header-legacy) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-img img{ display:block; width:100%; max-width:100%; max-height:none; height:var(--h-hdr-sp,auto) !important; min-height:var(--h-hdr-sp,100%); object-fit:cover; }
body#body[data-premium-header=image][data-headerimg-type=header][data-headerimg-title-sp]:not([data-header-image=missing]):not([data-headerimg-img-sp=false]):not([data-headerimg-title-sp=under]):not(.s2-header-legacy):not([data-headerimg-title-sp=false][data-headerimg-desc-sp=false][data-headerimg-meta-sp=false][data-headerimg-item-sp=false]) #main-header:not(.s2-header-legacy) #headerimg:not(.s2-header-legacy) .headerimg-inner{ grid-area:1 / 1; align-self:stretch; min-height:0; height:auto; }
}
.s2-estimate,.s2-navigator{
--s2ip-ink:var(--clr-main,#173d4b);
--s2ip-accent:var(--clr-accent,#134067);
--s2ip-text:var(--clr-body-txt,#333);
--s2ip-muted:var(--clr-body-txt,#555);
--s2ip-line:var(--clr-border,#ddd);
--s2ip-tint:linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)) var(--s2ip-accent);
box-sizing:border-box;
clear:both;
min-width:0;
max-width:100%;
margin:32px 0;
color:var(--s2ip-text);
font-size:var(--s2ip-font-size,16px);
line-height:1.75;
text-align:left;
overflow-wrap:anywhere;
}
.s2-estimate,.s2-navigator{ --s2-interactive-print-tag:div; }
.s2-estimate *,.s2-navigator *{ box-sizing:border-box; min-width:0; }
.s2-estimate [hidden],.s2-navigator [hidden],.s2-estimate[hidden],.s2-navigator[hidden]{ display:none !important; }
.s2-estimate.s2-estimate.s2-estimate :where(h2,h3,h4),.s2-navigator.s2-navigator.s2-navigator :where(h2,h3,h4){
position:static; clear:none; float:none;
width:auto; min-height:0; margin:0; padding:0;
border:0; border-radius:0; background:none; box-shadow:none;
color:var(--s2ip-ink); font-family:inherit;
font-weight:700; line-height:1.55; text-align:left;
text-shadow:none; letter-spacing:.02em;
word-break:normal; overflow-wrap:anywhere; text-wrap:balance;
}
.s2-estimate.s2-estimate.s2-estimate :where(h2,h3,h4)::before,.s2-estimate.s2-estimate.s2-estimate :where(h2,h3,h4)::after,.s2-navigator.s2-navigator.s2-navigator :where(h2,h3,h4)::before,.s2-navigator.s2-navigator.s2-navigator :where(h2,h3,h4)::after{ content:none; display:none; }
.s2-estimate ul,.s2-estimate ol,.s2-navigator ul,.s2-navigator ol{
margin:0; padding:0; border:0; background:none;
list-style:none; counter-reset:none;
}
.s2-estimate li,.s2-navigator li{
position:relative; margin:0; padding:0; border:0;
background:none; list-style:none; counter-increment:none;
}
.s2-estimate li::before,.s2-estimate li::after,.s2-navigator li::before,.s2-navigator li::after{ content:none; display:none; }
.s2-estimate fieldset,.s2-navigator fieldset{
min-inline-size:0; width:auto; margin:0; padding:0; border:0;
}
.s2-estimate button,.s2-navigator button,.s2-estimate .s2-estimate-consultation,.s2-navigator .s2-nav-cta{
appearance:none; display:inline-flex; align-items:center; justify-content:center;
gap:8px; min-height:44px; max-width:100%; margin:0;
padding:10.4px 17.6px; border:1px solid var(--s2ip-line); border-radius:6px;
background:#fff; box-shadow:none; color:var(--s2ip-ink);
font:inherit; font-weight:700; line-height:1.5;
text-align:center; text-decoration:none; white-space:normal;
cursor:pointer; transition:border-color .15s,background-color .15s;
}
.s2-estimate button:not(:disabled):hover,.s2-navigator button:not(:disabled):hover,.s2-estimate .s2-estimate-consultation:hover,.s2-navigator .s2-nav-cta:hover{
border-color:var(--s2ip-accent); background:var(--s2ip-tint); text-decoration:none;
}
.s2-estimate button:disabled,.s2-navigator button:disabled{
border-color:var(--s2ip-line); background:var(--clr-base,#f5f5f5); color:var(--s2ip-muted);
opacity:1; cursor:default;
}
.s2-estimate button:focus-visible,.s2-navigator button:focus-visible,.s2-estimate a:focus-visible,.s2-navigator a:focus-visible,.s2-estimate input:focus-visible,.s2-navigator input:focus-visible,.s2-estimate textarea:focus-visible,.s2-navigator textarea:focus-visible{
outline:3px solid var(--s2ip-accent); outline-offset:3px;
}
.s2-estimate input[type=radio],.s2-estimate input[type=checkbox],.s2-navigator input[type=radio]{
appearance:auto; flex:0 0 18px; position:static;
width:18px; height:18px; min-height:0; margin:4px 0 0; padding:0;
border:initial; border-radius:initial; box-shadow:none;
accent-color:var(--s2ip-accent); opacity:1;
}
.s2-estimate .s2-estimate-interactive{ display:flex; flex-direction:column; }
.s2-estimate .s2-estimate-intro{ order:-2; margin-bottom:24px; }
.s2-estimate.s2-estimate .s2-estimate-intro h2,.s2-navigator.s2-navigator .s2-nav-title{ font-size:22px; }
.s2-navigator.s2-navigator .s2-nav-title{ font-size:20px; }
.s2-estimate.s2-estimate .s2-estimate-intro h2{ padding-top:12.8px; border-top:3px solid var(--s2ip-accent); }
.s2-estimate .s2-estimate-description,.s2-navigator .s2-nav-description{ margin-top:12px; color:var(--s2ip-muted); white-space:pre-line; }
.s2-estimate .s2-estimate-calculator{
display:flex; flex-wrap:wrap; align-items:flex-start; gap:24px;
}
.s2-estimate .s2-estimate-configure{
flex:2 1 416px; max-width:100%; padding:20px;
border:1px solid var(--s2ip-line); border-radius:10px; background:#fff;
}
.s2-estimate .s2-estimate-field + .s2-estimate-field{
margin-top:24px; padding-top:24px; border-top:1px solid var(--s2ip-line);
}
.s2-estimate .s2-estimate-section-head{ display:flex; align-items:center; gap:10.4px; margin-bottom:16px; }
.s2-estimate .s2-estimate-step{
flex:0 0 32px; display:inline-flex; align-items:center; justify-content:center;
width:32px; height:32px; border-radius:4px; background:var(--s2ip-tint);
color:var(--s2ip-accent); font-size:12.8px; font-weight:700;
font-variant-numeric:tabular-nums;
}
.s2-estimate.s2-estimate .s2-estimate-section-title{ font-size:16.8px; }
.s2-estimate .s2-estimate-service-grid{
display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,176px),1fr)); gap:11.2px;
}
.s2-estimate .s2-estimate-service-card{
display:grid; grid-template-columns:minmax(0,1fr) 18px;
align-content:start; gap:8px; height:100%; padding:16px;
border:1px solid var(--s2ip-line); border-radius:7px; background:#fff;
cursor:pointer; transition:background-color .15s,border-color .15s;
}
.s2-estimate .s2-estimate-service-card input{ grid-column:2; grid-row:1; }
.s2-estimate .s2-estimate-service-title{ grid-column:1; grid-row:1; font-weight:700; color:var(--s2ip-ink); }
.s2-estimate .s2-estimate-service-sub{ grid-column:1 / -1; font-size:13.6px; color:var(--s2ip-muted); white-space:pre-line; }
.s2-estimate .s2-estimate-service-price{ grid-column:1 / -1; margin-top:4px; color:var(--s2ip-accent); font-size:14.4px; font-weight:700; }
.s2-estimate .s2-estimate-service-card:hover,.s2-estimate .s2-estimate-option:hover,.s2-navigator .s2-nav-choice:hover{ border-color:var(--s2ip-accent); }
.s2-estimate .s2-estimate-choice.is-selected,.s2-navigator .s2-nav-choice.is-selected{
border-color:var(--s2ip-accent); background:var(--s2ip-tint);
box-shadow:inset 0 0 0 1px var(--s2ip-accent);
}
.s2-estimate .s2-estimate-service-description{ margin-top:12.8px; color:var(--s2ip-muted); font-size:14.4px; white-space:pre-line; }
.s2-estimate .s2-estimate-quantity-row{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
.s2-estimate .s2-estimate-quantity-copy{ flex:1 1 192px; }
.s2-estimate .s2-estimate-quantity-title{ font-weight:700; }
.s2-estimate .s2-estimate-quantity-caption{ margin-top:5.6px; color:var(--s2ip-muted); font-size:13.6px; white-space:pre-line; }
.s2-estimate .s2-estimate-stepper{ display:flex; flex:0 1 auto; align-items:stretch; max-width:100%; }
.s2-estimate .s2-estimate-stepper button{ flex:0 0 44px; width:44px; padding:8px; border-radius:0; font-size:19.2px; }
.s2-estimate .s2-estimate-stepper button:first-child{ border-radius:6px 0 0 6px; }
.s2-estimate .s2-estimate-stepper button:last-child{ border-radius:0 6px 6px 0; }
.s2-estimate .s2-estimate-stepper input{
width:80px; min-height:44px; max-width:96px; margin:0; padding:8px 4px;
border:1px solid var(--s2ip-line); border-right:0; border-left:0;
border-radius:0; background:#fff; color:var(--s2ip-ink);
font:inherit; font-size:16px; font-weight:700; line-height:1.5; text-align:center;
}
.s2-estimate .s2-estimate-options{ display:grid; gap:9.6px; }
.s2-estimate .s2-estimate-option{
display:flex; align-items:flex-start; gap:11.2px; padding:14.4px 16px;
border:1px solid var(--s2ip-line); border-radius:6px; background:#fff; cursor:pointer;
}
.s2-estimate .s2-estimate-option-copy{ display:flex; flex:1; flex-wrap:wrap; align-items:baseline; column-gap:16px; row-gap:3.2px; }
.s2-estimate .s2-estimate-option-title{ flex:1 1 160px; font-weight:700; }
.s2-estimate .s2-estimate-option-price{ flex:0 1 auto; color:var(--s2ip-accent); font-size:14.4px; font-weight:700; }
.s2-estimate .s2-estimate-option-description{ flex:1 1 100%; color:var(--s2ip-muted); font-size:13.6px; white-space:pre-line; }
.s2-estimate .s2-estimate-summary{
flex:1 1 304px; max-width:100%; overflow:hidden;
border:1px solid var(--s2ip-line); border-radius:10px; background:#fff;
}
.s2-estimate .s2-estimate-summary-top{ position:relative; padding:24px; background:linear-gradient(rgba(245,246,247,.9),rgba(245,246,247,.9)) var(--s2ip-accent); color:var(--s2ip-text); }
.s2-estimate .s2-estimate-summary-label{ margin-bottom:9.6px; font-size:14.4px; font-weight:700; }
.s2-estimate .s2-estimate-total{ display:block; color:var(--s2ip-ink); font-size:24px; font-weight:700; line-height:1.5; font-variant-numeric:tabular-nums; }
.s2-estimate .s2-estimate-total-tax{ margin-top:9.6px; font-size:12.8px; }
.s2-estimate .s2-estimate-summary-body{ padding:20px; }
.s2-estimate .s2-estimate-detail-title{ color:var(--s2ip-ink); font-weight:700; }
.s2-estimate .s2-estimate-calculation-meta{ margin:5.6px 0 12px; color:var(--s2ip-muted); font-size:12.8px; }
.s2-estimate .s2-estimate-line-items-table{ display:block; width:100%; margin:0; border:0; border-collapse:collapse; background:none; font-size:13.6px; }
.s2-estimate .s2-estimate-line-items-table tbody{ display:block; width:100%; }
.s2-estimate .s2-estimate-line-items-table tr{ display:block; padding:11.2px 0; border:0; border-bottom:1px solid var(--s2ip-line); background:none; }
.s2-estimate .s2-estimate-line-items-table th,.s2-estimate .s2-estimate-line-items-table td{ display:block; width:auto; margin:0; padding:0; border:0; background:none; color:var(--s2ip-text); text-align:left; vertical-align:top; }
.s2-estimate .s2-estimate-line-items-table th{ margin-bottom:3.2px; font-weight:700; }
.s2-estimate .s2-estimate-line-items-table td{ color:var(--s2ip-muted); font-variant-numeric:tabular-nums; }
.s2-estimate .s2-estimate-line-items-table td:last-child{ margin-top:3.2px; color:var(--s2ip-ink); font-weight:700; text-align:right; }
.s2-estimate .s2-estimate-subtotal{ margin-top:16px; font-weight:700; }
.s2-estimate .s2-estimate-tax-line{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 16px; margin-top:5.6px; font-size:13.6px; color:var(--s2ip-muted); }
.s2-estimate .s2-estimate-primary,.s2-navigator .s2-nav-next,.s2-navigator .s2-nav-confirm-button,.s2-estimate .s2-estimate-consultation,.s2-navigator .s2-nav-cta{
border-color:var(--s2ip-accent); background:var(--s2ip-accent); color:#fff;
}
.s2-estimate .s2-estimate-primary{ width:100%; margin-top:20px; }
.s2-estimate .s2-estimate-primary:not(:disabled):hover,.s2-navigator .s2-nav-next:not(:disabled):hover,.s2-navigator .s2-nav-confirm-button:not(:disabled):hover,.s2-estimate .s2-estimate-consultation:hover,.s2-navigator .s2-nav-cta:hover{ background:var(--s2ip-ink); color:#fff; }
.s2-estimate .s2-estimate-summary-reset,.s2-navigator .s2-nav-restart{ min-height:44px; padding:8px; border-color:transparent; background:transparent; color:var(--s2ip-muted); font-size:13.6px; text-decoration:underline; text-underline-offset:.2em; }
.s2-estimate .s2-estimate-summary-reset{ display:flex; margin:4.8px auto 0; }
.s2-estimate .s2-estimate-disclaimer,.s2-navigator .s2-nav-disclaimer{ margin-top:16px; color:var(--s2ip-muted); font-size:13.6px; white-space:pre-line; }
.s2-estimate .s2-estimate-mobile-summary{ order:-1; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:9.6px 16px; margin-bottom:16px; padding:13.6px 16px; border-left:3px solid var(--s2ip-accent); background:var(--s2ip-tint); }
.s2-estimate .s2-estimate-mobile-label{ color:var(--s2ip-muted); font-size:12.8px; }
.s2-estimate .s2-estimate-mobile-total{ color:var(--s2ip-ink); font-size:19.2px; font-variant-numeric:tabular-nums; }
.s2-estimate .s2-estimate-mobile-link{ display:inline-flex; align-items:center; min-height:44px; color:var(--s2ip-accent); font-size:13.6px; text-decoration:underline; text-underline-offset:.2em; }
.s2-estimate .s2-estimate-error,.s2-navigator .s2-nav-error{ margin:12px 0; padding:12px; border-left:3px solid #a43130; background:#fff2f0; color:#8a2927; font-size:14.4px; }
.s2-estimate .s2-estimate-stepper input.is-invalid{ border:2px solid #a43130; background:#fff8f7; }
.s2-estimate .s2-estimate-result.is-invalid .s2-estimate-summary-top{ background:#5a4650; color:#fff; }
.s2-estimate .s2-estimate-result.is-invalid .s2-estimate-total{ color:#fff; }
.s2-estimate .s2-estimate-uncalculated{ margin:12px 0; color:#8a2927; }
.s2-navigator .s2-nav-layout{ display:flex; flex-wrap:wrap; align-items:flex-start; gap:24px; }
.s2-navigator .s2-nav-aside{ flex:1 1 256px; padding:20px; border-top:3px solid var(--s2ip-accent); border-radius:0 0 8px 8px; background:var(--s2ip-tint); }
.s2-navigator.s2-navigator .s2-nav-aside-title{ margin-top:24px; margin-bottom:11.2px; font-size:13.6px; color:var(--s2ip-muted); }
.s2-navigator .s2-nav-journey{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,192px),1fr)); gap:8px; }
.s2-navigator .s2-nav-journey-step{ display:flex; align-items:flex-start; gap:8.8px; padding:8.8px 0; color:var(--s2ip-muted); font-size:13.6px; line-height:1.6; }
.s2-navigator .s2-nav-journey-number{ display:inline-flex; flex:0 0 26.4px; align-items:center; justify-content:center; width:26.4px; height:26.4px; border:1px solid var(--s2ip-line); border-radius:50%; background:#fff; color:var(--s2ip-accent); font-size:12.8px; font-variant-numeric:tabular-nums; }
.s2-navigator .s2-nav-journey-title{ padding-top:1.92px; }
.s2-navigator .s2-nav-journey-step.is-current{ color:var(--s2ip-ink); font-weight:700; }
.s2-navigator .s2-nav-journey-step.is-current .s2-nav-journey-number,.s2-navigator .s2-nav-journey-step.is-answered .s2-nav-journey-number{ border-color:var(--s2ip-accent); background:var(--s2ip-accent); color:#fff; }
.s2-navigator .s2-nav-quiz{ flex:2 1 432px; padding:20px; border:1px solid var(--s2ip-line); border-radius:10px; background:#fff; }
.s2-navigator .s2-nav-progress-top{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:8px 16px; margin-bottom:22.4px; padding-bottom:12.8px; border-bottom:2px solid var(--s2ip-line); }
.s2-navigator.s2-navigator .s2-nav-step-text{ color:var(--s2ip-accent); font-size:15.2px; }
.s2-navigator .s2-nav-progress{ font-size:12.8px; color:var(--s2ip-muted); }
.s2-navigator.s2-navigator .s2-nav-question{ font-size:18px; }
.s2-navigator .s2-nav-help{ margin-top:8px; margin-bottom:19.2px; color:var(--s2ip-muted); font-size:14.4px; white-space:pre-line; }
.s2-navigator .s2-nav-choices{ display:grid; gap:11.2px; }
.s2-navigator .s2-nav-choices legend{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.s2-navigator .s2-nav-choice{ display:grid; grid-template-columns:18px minmax(0,1fr); align-items:start; gap:4.8px 12.8px; padding:16px; border:1px solid var(--s2ip-line); border-radius:7px; background:#fff; cursor:pointer; }
.s2-navigator .s2-nav-choice input{ grid-column:1; grid-row:1 / 3; }
.s2-navigator .s2-nav-choice-label{ grid-column:2; color:var(--s2ip-ink); font-weight:700; }
.s2-navigator .s2-nav-choice-description{ grid-column:2; color:var(--s2ip-muted); font-size:13.6px; white-space:pre-line; }
.s2-navigator .s2-nav-actions{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10.4px; margin-top:22.4px; }
.s2-navigator .s2-nav-actions button{ flex:1 1 128px; }
.s2-navigator .s2-nav-next{ flex-grow:2; }
.s2-navigator .s2-nav-restart{ display:flex; margin:8px 0 0 auto; }
.s2-navigator .s2-nav-notice{ color:var(--s2ip-muted); font-size:13.6px; white-space:pre-line; }
.s2-navigator .s2-nav-notice:empty{ display:none; }
.s2-navigator .s2-nav-result-banner{ margin-bottom:16px; padding:19.2px; border-left:3px solid var(--s2ip-accent); background:var(--s2ip-tint); }
.s2-navigator.s2-navigator .s2-nav-result-title{ font-size:20px; }
.s2-navigator .s2-nav-result-summary{ margin-top:11.2px; white-space:pre-line; }
.s2-navigator .s2-nav-result-list{ display:grid; gap:8px; margin:19.2px 0; }
.s2-navigator .s2-nav-result-list li{ padding:8px 0 8px 13.6px; border-left:2px solid var(--s2ip-accent); }
.s2-navigator .s2-nav-reason-box{ margin-top:19.2px; padding-top:19.2px; border-top:1px solid var(--s2ip-line); }
.s2-navigator.s2-navigator .s2-nav-reason-title{ font-size:16px; }
.s2-navigator .s2-nav-answer-review{ margin:11.2px 0; }
.s2-navigator .s2-nav-answer-review dt{ margin-top:12.8px; color:var(--s2ip-muted); font-size:13.6px; }
.s2-navigator .s2-nav-answer-review dd{ margin:3.2px 0 12.8px; padding:0; color:var(--s2ip-ink); white-space:pre-line; }
.s2-navigator .s2-nav-result-reason{ margin-top:16px; color:var(--s2ip-muted); white-space:pre-line; }
.s2-estimate .s2-estimate-modal,.s2-navigator .s2-nav-confirm{
width:calc(100% - 32px); max-width:672px; max-height:calc(100% - 32px);
margin:auto; padding:0; border:1px solid var(--s2ip-line); border-radius:10px;
background:#fff; box-shadow:0 16px 64px #0000001f; color:var(--s2ip-text);
font:inherit; line-height:1.7; text-align:left; overflow:auto;
}
.s2-estimate .s2-estimate-modal:not([open]),.s2-navigator .s2-nav-confirm:not([open]){ display:none; }
.s2-estimate .s2-estimate-modal::backdrop,.s2-navigator .s2-nav-confirm::backdrop{ background:#00000066; }
.s2-estimate .s2-estimate-modal-top,.s2-navigator .s2-nav-modal-top{ position:sticky; top:0; z-index:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; padding:16px 20px; border-bottom:1px solid var(--s2ip-line); background:var(--s2ip-tint); }
.s2-estimate.s2-estimate .s2-estimate-modal-top h3,.s2-navigator.s2-navigator .s2-nav-modal-title{ flex:1 1 192px; font-size:17.6px; }
.s2-estimate .s2-estimate-modal-body,.s2-navigator .s2-nav-modal-body{ padding:20px; }
.s2-estimate .s2-estimate-modal-note,.s2-navigator .s2-nav-modal-note{ margin-bottom:12.8px; font-size:13.6px; color:var(--s2ip-muted); }
.s2-estimate .s2-estimate-review textarea,.s2-navigator .s2-nav-confirm-text{ display:block; width:100%; max-width:100%; min-height:224px; margin:0; padding:13.6px; border:1px solid var(--s2ip-line); border-radius:5px; background:#fff; color:var(--s2ip-text); font:inherit; font-size:14.4px; line-height:1.7; resize:vertical; }
.s2-estimate .s2-estimate-copy-status,.s2-navigator .s2-nav-copy-status{ padding:0 20px; font-size:14.4px; color:var(--s2ip-accent); }
.s2-estimate .s2-estimate-copy-status:empty,.s2-navigator .s2-nav-copy-status:empty{ display:none; }
.s2-estimate .s2-estimate-modal-actions,.s2-navigator .s2-nav-modal-actions{ display:flex; flex-wrap:wrap; gap:10.4px; padding:16px 20px 20px; }
.s2-estimate .s2-estimate-modal-actions > *,.s2-navigator .s2-nav-modal-actions > *{ flex:1 1 112px; }
.s2-estimate .s2-estimate-inline-confirm,.s2-navigator .s2-nav-confirm.s2-nav-inline-confirm{ position:static; width:100%; max-width:none; max-height:none; margin:24px 0 0; border:1px solid var(--s2ip-line); border-radius:8px; background:#fff; box-shadow:none; }
.s2-estimate .s2-estimate-fallback,.s2-navigator .s2-nav-fallback{ padding:20px; border:1px solid var(--s2ip-line); border-top:3px solid var(--s2ip-accent); border-radius:8px; background:#fff; }
.s2-estimate.s2-estimate .s2-estimate-fallback h2,.s2-navigator.s2-navigator .s2-nav-fallback h2{ margin-bottom:12.8px; font-size:22px; }
.s2-estimate.s2-estimate .s2-estimate-fallback h3,.s2-navigator.s2-navigator .s2-nav-fallback h3{ margin:16px 0 12px; font-size:18.4px; }
.s2-estimate .s2-estimate-static-services,.s2-navigator .s2-nav-fallback{ gap:16px; }
.s2-estimate .s2-estimate-static-service,.s2-navigator .s2-nav-fallback article{ margin-top:16px; padding:16px 0; border-top:1px solid var(--s2ip-line); }
.s2-estimate .s2-estimate-static-options{ margin-top:10.4px; }
.s2-estimate .s2-estimate-static-option{ margin-top:4.8px; padding-left:12px; border-left:2px solid var(--s2ip-line); font-size:14.4px; }
.s2-estimate .s2-estimate-reference-note{ margin-top:16px; color:var(--s2ip-muted); font-size:14.4px; }
.s2-navigator.s2-navigator .s2-nav-fallback h4{ margin-bottom:8px; font-size:17.6px; }
.s2-navigator .s2-nav-fallback .s2-nav-cta,.s2-estimate .s2-estimate-fallback .s2-estimate-consultation{ margin-top:12.8px; }
@supports (container-type:inline-size){
.s2-estimate{ container-type:inline-size; container-name:s2-estimate; }
.s2-navigator{ container-type:inline-size; container-name:s2-navigator; }
}
@container s2-estimate (min-width:768px){
.s2-estimate .s2-estimate-calculator{ flex-wrap:nowrap; }
.s2-estimate .s2-estimate-configure{ flex:1 1 60%; padding:25.6px; }
.s2-estimate .s2-estimate-summary{ flex:0 1 38%; }
.s2-estimate.s2-estimate .s2-estimate-intro h2{ font-size:24px; }
.s2-estimate .s2-estimate-total{ font-size:24px; }
.s2-estimate .s2-estimate-mobile-summary{ display:none; }
}
@container s2-navigator (min-width:768px){
.s2-navigator .s2-nav-layout{ flex-wrap:nowrap; gap:32px; }
.s2-navigator .s2-nav-aside{ flex:0 1 30%; padding:24px; }
.s2-navigator .s2-nav-quiz{ flex:1 1 66%; padding:28px; }
.s2-navigator.s2-navigator .s2-nav-title{ font-size:20px; }
}
@container s2-estimate (max-width:448px){
.s2-estimate .s2-estimate-configure,.s2-estimate .s2-estimate-summary-body{ padding:16px; }
}
@container s2-navigator (max-width:448px){
.s2-navigator .s2-nav-aside,.s2-navigator .s2-nav-quiz{ padding:16px; }
}
@media (prefers-reduced-motion:reduce){
.s2-estimate *,.s2-navigator *{ transition:none; scroll-behavior:auto; }
}
@media print{
html.s2-interactive-printing,html.s2-interactive-printing body.s2-interactive-printing{
display:block !important; width:auto !important; height:auto !important;
min-height:0 !important; margin:0 !important; padding:0 !important;
overflow:visible !important; background:#fff !important; color:#000 !important;
}
body.s2-interactive-printing > :not(:is(section,div).s2-interactive-print-document[data-s2-print-document]){ display:none !important; }
body.s2-interactive-printing > :is(section,div).s2-interactive-print-document[data-s2-print-document][hidden]{
display:block !important; position:static !important; float:none !important;
width:auto !important; height:auto !important; margin:0 !important;
padding:0 !important; border:0 !important; background:#fff !important;
color:#000 !important; visibility:visible !important; overflow:visible !important;
font-size:11pt !important; line-height:1.6 !important;
}
body.s2-interactive-printing > :is(section,div).s2-interactive-print-document[data-s2-print-document] pre{
display:block !important; position:static !important; width:auto !important;
margin:0 !important; padding:0 !important; border:0 !important;
background:none !important; color:#000 !important; font:inherit !important;
white-space:pre-wrap !important; overflow-wrap:anywhere !important;
}
body.s2-interactive-printing .s2-estimate-modal,body.s2-interactive-printing .s2-nav-confirm{ display:none !important; }
body.s2-interactive-printing .s2-estimate-modal::backdrop,body.s2-interactive-printing .s2-nav-confirm::backdrop{ display:none !important; background:transparent !important; }
}
.s2-estimate .s2-interactive-mail,.s2-navigator .s2-interactive-mail{
margin-top:24px; padding:24px;
border:1px solid var(--s2ip-line); border-top:3px solid var(--s2ip-accent);
border-radius:8px; background:#fff;
}
.s2-estimate.s2-estimate .s2-interactive-mail-title,.s2-navigator.s2-navigator .s2-interactive-mail-title{ margin:0 0 10px; font-size:22px; }
.s2-estimate .s2-interactive-mail-description,.s2-navigator .s2-interactive-mail-description{ margin-bottom:24px; color:var(--s2ip-muted); white-space:pre-line; }
.s2-estimate .s2-interactive-mail-form,.s2-navigator .s2-interactive-mail-form{ display:block; width:100%; margin:0; padding:0; border:0; background:none; }
.s2-estimate .s2-interactive-mail-fields,.s2-navigator .s2-interactive-mail-fields{ display:flex; flex-wrap:wrap; gap:24px; }
.s2-estimate .s2-interactive-mail-field,.s2-navigator .s2-interactive-mail-field{ flex:1 1 240px; max-width:100%; }
.s2-estimate .s2-interactive-mail-field[data-s2-mail-field="message"],.s2-estimate .s2-interactive-mail-field[data-s2-mail-field="summary"],.s2-navigator .s2-interactive-mail-field[data-s2-mail-field="message"],.s2-navigator .s2-interactive-mail-field[data-s2-mail-field="summary"]{ flex-basis:100%; }
.s2-estimate .s2-interactive-mail-label,.s2-navigator .s2-interactive-mail-label{ display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 10px; margin:0 0 8px; padding:0; color:var(--s2ip-ink); font-weight:700; line-height:1.6; }
.s2-estimate .s2-interactive-mail-required,.s2-navigator .s2-interactive-mail-required{ display:inline-block; padding:1px 7px; border:1px solid #e4c8bb; border-radius:3px; background:#fff7f2; color:#88452e; font-size:12px; font-weight:600; line-height:1.7; }
.s2-estimate .s2-interactive-mail-input,.s2-estimate .s2-interactive-mail-textarea,.s2-navigator .s2-interactive-mail-input,.s2-navigator .s2-interactive-mail-textarea{
appearance:none; display:block; width:100%; max-width:100%; min-height:48px;
margin:0; padding:11px 12px; border:1px solid var(--s2ip-line); border-radius:5px;
background:#fff; box-shadow:none; color:var(--s2ip-text);
font:inherit; font-size:16px; font-weight:400; line-height:1.6;
text-align:left; letter-spacing:normal;
}
.s2-estimate .s2-interactive-mail-textarea,.s2-navigator .s2-interactive-mail-textarea{ min-height:144px; resize:vertical; white-space:pre-wrap; overflow-wrap:anywhere; }
.s2-estimate .s2-interactive-mail-input::placeholder,.s2-estimate .s2-interactive-mail-textarea::placeholder,.s2-navigator .s2-interactive-mail-input::placeholder,.s2-navigator .s2-interactive-mail-textarea::placeholder{ color:var(--s2ip-muted); opacity:1; }
.s2-estimate .s2-interactive-mail-summary[readonly],.s2-navigator .s2-interactive-mail-summary[readonly]{ background:var(--s2ip-tint); }
.s2-estimate .s2-interactive-mail-input[aria-invalid="true"],.s2-estimate .s2-interactive-mail-textarea[aria-invalid="true"],.s2-navigator .s2-interactive-mail-input[aria-invalid="true"],.s2-navigator .s2-interactive-mail-textarea[aria-invalid="true"]{ border:2px solid #a43b36; padding:10px 11px; background:#fffafa; }
.s2-estimate .s2-interactive-mail-hint,.s2-navigator .s2-interactive-mail-hint{ margin-top:7px; padding:0; border:0; background:none; color:var(--s2ip-muted); font-size:13.6px; line-height:1.7; white-space:pre-line; }
.s2-estimate .s2-interactive-mail-error,.s2-navigator .s2-interactive-mail-error{ margin-top:7px; color:#9c302d; font-size:14px; font-weight:600; line-height:1.7; white-space:pre-line; }
.s2-estimate .s2-interactive-mail-actions,.s2-navigator .s2-interactive-mail-actions{ display:flex; flex-wrap:wrap; justify-content:flex-start; gap:12px; margin-top:24px; }
.s2-estimate .s2-interactive-mail-submit,.s2-navigator .s2-interactive-mail-submit{ flex:0 1 auto; min-width:min(100%,240px); min-height:48px; padding:12px 24px; border-color:var(--s2ip-accent); background:var(--s2ip-accent); color:#fff; }
.s2-estimate .s2-interactive-mail-submit:not(:disabled):hover,.s2-navigator .s2-interactive-mail-submit:not(:disabled):hover{ border-color:var(--s2ip-ink); background:var(--s2ip-ink); color:#fff; }
.s2-estimate .s2-interactive-mail-input:focus-visible,.s2-estimate .s2-interactive-mail-textarea:focus-visible,.s2-navigator .s2-interactive-mail-input:focus-visible,.s2-navigator .s2-interactive-mail-textarea:focus-visible{ outline:3px solid var(--s2ip-accent); outline-offset:3px; }
.s2-estimate .s2-interactive-mail-input:disabled,.s2-estimate .s2-interactive-mail-textarea:disabled,.s2-estimate .s2-interactive-mail-submit:disabled,.s2-navigator .s2-interactive-mail-input:disabled,.s2-navigator .s2-interactive-mail-textarea:disabled,.s2-navigator .s2-interactive-mail-submit:disabled{ border-color:var(--s2ip-line); background:var(--clr-base,#f5f5f5); color:var(--s2ip-muted); opacity:1; -webkit-text-fill-color:var(--s2ip-muted); cursor:not-allowed; }
.s2-estimate .s2-interactive-mail-status,.s2-navigator .s2-interactive-mail-status{ margin-top:16px; padding:12px 16px; border:1px solid var(--s2ip-line); border-left-width:3px; border-radius:4px; background:var(--s2ip-tint); color:var(--s2ip-text); font-size:14.4px; line-height:1.75; white-space:pre-line; }
.s2-estimate .s2-interactive-mail-status:empty,.s2-estimate .s2-interactive-mail-error:empty,.s2-navigator .s2-interactive-mail-status:empty,.s2-navigator .s2-interactive-mail-error:empty{ display:none; }
.s2-estimate .s2-interactive-mail[data-s2-mail-state="invalid"] .s2-interactive-mail-status,.s2-estimate .s2-interactive-mail[data-s2-mail-state="error"] .s2-interactive-mail-status,.s2-navigator .s2-interactive-mail[data-s2-mail-state="invalid"] .s2-interactive-mail-status,.s2-navigator .s2-interactive-mail[data-s2-mail-state="error"] .s2-interactive-mail-status{ border-color:#ddb9b5; border-left-color:#a43b36; background:#fff6f5; color:#8b302b; }
.s2-estimate .s2-interactive-mail[data-s2-mail-state="success"] .s2-interactive-mail-status,.s2-navigator .s2-interactive-mail[data-s2-mail-state="success"] .s2-interactive-mail-status{ border-color:#b5cfc5; border-left-color:#2d6956; background:#f1f8f4; color:#245c49; }
.s2-estimate .s2-interactive-mail[data-s2-mail-state="sending"] .s2-interactive-mail-status,.s2-navigator .s2-interactive-mail[data-s2-mail-state="sending"] .s2-interactive-mail-status{ border-left-color:var(--s2ip-accent); }
@container s2-estimate (max-width:448px){ .s2-estimate .s2-interactive-mail{ padding:20px 16px; } }
@container s2-navigator (max-width:448px){ .s2-navigator .s2-interactive-mail{ padding:20px 16px; } }
.s2-estimate .s2-interactive-icon,.s2-navigator .s2-interactive-icon{ display:block; flex:none; width:var(--s2ip-icon-size,48px); height:var(--s2ip-icon-size,48px); max-width:100%; margin:0; padding:0; border:0; background:none; line-height:0; }
.s2-estimate.s2-estimate .s2-interactive-icon-image,.s2-navigator.s2-navigator .s2-interactive-icon-image{ display:block; float:none; width:100%; height:100%; max-width:100%; max-height:100%; margin:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; object-fit:contain; object-position:center; }
.s2-estimate .s2-estimate-service-card--with-icon > .s2-interactive-icon{ grid-column:1; grid-row:1; }
.s2-estimate .s2-estimate-service-card--with-icon > .s2-estimate-service-title{ grid-column:1 / -1; grid-row:2; }
.s2-estimate .s2-estimate-service-card--with-icon > .s2-estimate-service-sub{ grid-row:3; }
.s2-estimate .s2-estimate-service-card--with-icon > .s2-estimate-service-price{ grid-row:4; }
.s2-navigator .s2-nav-choice--with-icon{ grid-template-columns:18px 40px minmax(0,1fr); }
.s2-navigator .s2-nav-choice--with-icon > .s2-interactive-icon{ --s2ip-icon-size:40px; grid-column:2; grid-row:1 / 3; align-self:center; }
.s2-navigator .s2-nav-choice--with-icon > .s2-nav-choice-label{ grid-column:3; grid-row:1; }
.s2-navigator .s2-nav-choice--with-icon > .s2-nav-choice-description{ grid-column:3; grid-row:2; }
@media print{
body.s2-interactive-printing > :is(section,div).s2-interactive-print-document[data-s2-print-document] .s2-interactive-print-issuer{
display:block !important; position:static !important; float:none !important;
width:auto !important; height:auto !important; min-height:0 !important;
margin:24pt 0 0 !important; padding:12pt 0 0 !important;
border:0 !important; border-top:1pt solid #9ba7ad !important; border-radius:0 !important;
background:none !important; box-shadow:none !important; color:#111 !important;
font:inherit !important; text-align:left !important; overflow:visible !important;
break-inside:avoid; page-break-inside:avoid;
}
body.s2-interactive-printing [data-s2-print-document] .s2-interactive-print-issuer-title{
display:block !important; position:static !important; float:none !important;
width:auto !important; min-height:0 !important; margin:0 0 5pt !important; padding:0 !important;
border:0 !important; background:none !important; box-shadow:none !important;
color:#444 !important; font:inherit !important; font-size:9pt !important;
font-weight:700 !important; line-height:1.6 !important; text-align:left !important;
break-after:avoid; page-break-after:avoid;
}
body.s2-interactive-printing [data-s2-print-document] .s2-interactive-print-issuer-title::before,body.s2-interactive-printing [data-s2-print-document] .s2-interactive-print-issuer-title::after{ display:none !important; content:none !important; }
body.s2-interactive-printing [data-s2-print-document] .s2-interactive-print-issuer-name{
display:block; margin:0 0 8pt; padding:0; color:#111; font-size:13pt; font-weight:700;
white-space:pre-wrap; overflow-wrap:anywhere; break-after:avoid; page-break-after:avoid;
}
body.s2-interactive-printing [data-s2-print-document] .s2-interactive-print-issuer-fields{
display:block; margin:0; padding:0; border:0; background:none;
break-before:avoid; page-break-before:avoid;
}
body.s2-interactive-printing [data-s2-print-document] .s2-interactive-print-issuer-field{ display:block; margin:0 0 6pt; padding:0; border:0; background:none; }
body.s2-interactive-printing [data-s2-print-document] .s2-interactive-print-issuer-label{ display:block; float:none; width:auto; margin:0; padding:0; color:#444; font-size:9pt; font-weight:700; break-after:avoid; page-break-after:avoid; }
body.s2-interactive-printing [data-s2-print-document] .s2-interactive-print-issuer-value{ display:block; margin:0; padding:0; color:#111; font-size:10pt; white-space:pre-wrap; overflow-wrap:anywhere; }
}
body .cta-footer02 .cta-title .subtext{
font-size:clamp(2.4rem,6.4vw,3.2rem);
line-height:1.45;
word-break:normal;
overflow-wrap:anywhere;
text-wrap:balance;
}
@media (min-width:1025px){
body .cta-footer02 .cta-title .subtext{
font-size:clamp(3.6rem,4vw,6rem);
}
}
@media (min-width:1025px){
#body .cardList__title,#body .stepList__title{
flex:0 0 auto;
min-height:var(--s2-premium-title-height,3em);
}
#body .stepList__body{ align-self:stretch; min-width:0; }
#body .stepList__header{
min-height:var(--s2-premium-step-header-height,0px);
}
}
#body #header .cta-header > .tel01{ background-color:transparent; }
#body #header .cta-header .tel-desc{ opacity:1; }
@media (min-width:1025px){
#body[data-premium-header="c"][data-column="col1"][data-main="wide"][data-headerimg-img="true"]:not([data-header="fixed"]) #main-header{ padding-top:0; }
}
@media (max-width:1024px){
#body[data-premium-header="c"][data-column="col1"][data-main="wide"][data-headerimg-img-sp="true"]:not([data-header="fixed"]) #main-header{ padding-top:0; }
}
#body[data-column="col1"][data-main="wide"] #main section > [class="txt-body"]{
box-shadow:0 0 0 clamp(10px,2vw,24px) var(--clr-txtbody-bg,transparent);
}
#body[data-column="col1"][data-main="wide"][data-color*="clr-txtbody-bg"] #main section > [class="txt-body"]{ padding:0; }
#body[data-column="col1"][data-main="wide"] #main > section[id^="text"][id$="-section"].blockcolor-none + section[id^="text"][id$="-section"].blockcolor-none{
padding-top:16px;
}
.s2-service-story{
--s2ss-css-version:1;
--s2ss-ink:var(--clr-main,#263d35);
--s2ss-accent:var(--clr-accent,#a35438);
--s2ss-text:var(--clr-body-txt,#36463c);
--s2ss-line:var(--clr-border,#d8ded6);
--s2ss-surface:var(--clr-txtbody-bg,var(--clr-body-bg,#fff));
--s2ss-soft:linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)) var(--s2ss-accent);
--s2ss-sticky-top:28px;
box-sizing:border-box;clear:both;max-width:100%;min-width:0;margin:32px 0;
color:var(--s2ss-text);font-family:inherit;font-size:15px;line-height:2;text-align:left;
overflow-wrap:anywhere;word-break:normal;
}
.s2-service-story *{box-sizing:border-box;min-width:0}
.s2-service-story[hidden],.s2-service-story [hidden]{display:none!important}
.s2-service-story.s2-service-story.s2-service-story :where(h2,h3){position:static;float:none;clear:none;width:auto;height:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;color:var(--s2ss-ink);font-family:inherit;font-weight:600;letter-spacing:.03em;line-height:1.7;text-align:left;text-shadow:none;overflow-wrap:anywhere;word-break:normal}
.s2-service-story.s2-service-story.s2-service-story :where(h2,h3)::before,.s2-service-story.s2-service-story.s2-service-story :where(h2,h3)::after{content:none;display:none}
.s2-service-story.s2-service-story.s2-service-story .s2-story-title{font-size:30px;margin:0 0 16px}
.s2-service-story .s2-story-intro{font-size:15px;line-height:2;margin:0 0 36px;color:var(--s2ss-text)}
.s2-service-story .s2-story-layout{display:block;width:100%;position:relative;overflow:visible}
.s2-service-story .s2-story-visual{display:none}
.s2-service-story.s2-service-story .s2-story-items,.s2-service-story.s2-service-story .s2-story-points{list-style:none;margin:0;padding:0;background:none;border:0;counter-reset:none}
.s2-service-story.s2-service-story .s2-story-item{position:relative;display:block;float:none;clear:none;max-width:720px;margin:0 auto;padding:0 0 48px;border:0;background:none;box-shadow:none;list-style:none;scroll-margin-top:calc(var(--s2ss-runtime-top,var(--s2ss-sticky-top)) + 16px)}
.s2-service-story.s2-service-story .s2-story-item::before,.s2-service-story.s2-service-story .s2-story-item::after{content:none;display:none}
.s2-service-story .s2-story-item::marker,.s2-service-story .s2-story-points>li::marker{content:""}
.s2-service-story.s2-service-story .s2-story-photo{position:relative;display:block;float:none;width:100%;aspect-ratio:4/3;overflow:hidden;margin:0 0 26px;padding:0;border:0;border-radius:0;box-shadow:none;background:var(--s2ss-soft)}
.s2-service-story.s2-service-story .s2-story-photo img,.s2-service-story.s2-service-story .s2-story-frame img{display:block;float:none;clear:none;width:100%;height:100%;max-width:100%;max-height:none;object-fit:cover;object-position:50% 50%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}
.s2-service-story .s2-story-placeholder{position:absolute;inset:0;display:grid;place-content:center;padding:24px;color:var(--s2ss-text);font-size:13px;text-align:center}
.s2-service-story .s2-story-kicker{display:flex;align-items:center;gap:16px;line-height:1.7;margin:0 0 20px;font-size:12px;color:var(--s2ss-text)}
.s2-service-story .s2-story-number{flex:none;font:italic 36px/1 Georgia,serif;letter-spacing:-.05em;color:var(--s2ss-accent)}
.s2-service-story.s2-service-story.s2-service-story .s2-story-item-title{font-size:27px;margin:0 0 20px}
.s2-service-story .s2-story-description{font-size:15px;line-height:2.05;margin:0;color:var(--s2ss-text)}
.s2-service-story.s2-service-story .s2-story-points{border-top:1px solid var(--s2ss-line);border-bottom:1px solid var(--s2ss-line);padding:18px 0;margin:22px 0 0;font-size:13px;line-height:2.1}
.s2-service-story.s2-service-story .s2-story-points>li{position:relative;display:block;list-style:none;margin:0;padding:0 0 0 20px;background:none;border:0;float:none;clear:none}
.s2-service-story.s2-service-story .s2-story-points>li::before{content:"";position:absolute;display:block;left:2px;top:9px;width:5px;height:8px;border:solid var(--s2ss-accent);border-width:0 1.5px 1.5px 0;background:none;transform:rotate(45deg);border-radius:0;box-shadow:none}
.s2-service-story.s2-service-story .s2-story-points>li::after{display:none;content:none}
.s2-service-story .s2-story-note{font-size:12px;line-height:1.8;margin:16px 0 0;padding-left:15px;border-left:2px solid var(--s2ss-line);color:var(--s2ss-text)}
.s2-service-story[data-s2-story-mode="wide"] .s2-story-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(40px,4vw,72px);align-items:start}
.s2-service-story[data-s2-story-mode="wide"] .s2-story-visual{display:block;position:sticky;top:var(--s2ss-runtime-top,var(--s2ss-sticky-top));padding-top:20px}
.s2-service-story .s2-story-visual-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;font-size:12px;letter-spacing:.06em;line-height:1.5}
.s2-service-story .s2-story-count{white-space:nowrap;font:12px/1.5 Arial,sans-serif;letter-spacing:.05em}.s2-service-story .s2-story-current{font-size:18px;font-weight:500}
.s2-service-story .s2-story-stage{position:relative;aspect-ratio:4/3;max-height:var(--s2ss-photo-max,540px);overflow:hidden;background:var(--s2ss-soft)}
.s2-service-story .s2-story-frame{position:absolute;inset:0;opacity:0;z-index:0;transition:opacity .65s cubic-bezier(.2,.65,.3,1)}
.s2-service-story .s2-story-frame img{transform:scale(1.035);transition:transform 1.1s cubic-bezier(.2,.65,.3,1)}
.s2-service-story .s2-story-frame.is-current{opacity:1;z-index:1}.s2-service-story .s2-story-frame.is-current img{transform:scale(1)}
.s2-service-story .s2-story-photo-label{display:inline-block;position:relative;margin-top:12px;padding:0 0 0 22px;font-size:12px;line-height:1.8;color:var(--s2ss-text)}
.s2-service-story .s2-story-photo-label::before{position:absolute;left:0;top:.8em;width:12px;height:1px;background:var(--s2ss-accent);content:""}
.s2-service-story .s2-story-nav{display:flex;gap:12px;margin-top:22px;padding:0 0 8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.s2-service-story.s2-service-story .s2-story-nav a{display:flex;flex:1 0 72px;gap:8px;align-items:baseline;max-width:200px;min-height:40px;border:0;border-top:2px solid var(--s2ss-line);border-radius:0;background:none;box-shadow:none;padding:9px 2px 0;margin:0;color:var(--s2ss-text);font-size:11px;line-height:1.7;text-decoration:none;transition:color .3s,border-color .3s}
.s2-service-story .s2-story-nav b{font:16px/1.5 Georgia,serif;font-weight:400}.s2-service-story .s2-story-nav span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s2-service-story.s2-service-story .s2-story-nav a[aria-current="step"]{border-color:var(--s2ss-accent);color:var(--s2ss-accent)}
.s2-service-story .s2-story-nav a:focus-visible{outline:3px solid var(--s2ss-accent);outline-offset:-2px}
.s2-service-story[data-s2-story-mode="wide"] .s2-story-photo{display:none}
.s2-service-story[data-s2-story-mode="wide"] .s2-story-item{display:flex;align-items:center;max-width:none;min-height:clamp(500px,76vh,900px);margin:0;padding:72px 0 90px;border-top:1px solid var(--s2ss-line)}
.s2-service-story[data-s2-story-mode="wide"] .s2-story-item:first-child{border-top:0}.s2-service-story[data-s2-story-mode="wide"] .s2-story-item:last-child{padding-bottom:60px}
.s2-service-story .s2-story-body{width:100%}
.s2-service-story[data-s2-story-mode="stacked"] .s2-story-photo img{opacity:.78;transform:scale(1.025);transition:opacity .65s ease,transform .85s ease}
.s2-service-story[data-s2-story-mode="stacked"] .s2-story-item.is-seen .s2-story-photo img{opacity:1;transform:none}
@media(max-width:600px){.s2-service-story{margin:24px 0}.s2-service-story.s2-service-story.s2-service-story .s2-story-title{font-size:25px}.s2-service-story .s2-story-intro{font-size:14px;margin-bottom:28px}.s2-service-story.s2-service-story.s2-service-story .s2-story-item-title{font-size:22px;margin-bottom:18px}.s2-service-story .s2-story-description{font-size:15px;line-height:2}.s2-service-story .s2-story-kicker{font-size:11px;gap:13px;margin-bottom:16px}.s2-service-story .s2-story-number{font-size:32px}.s2-service-story.s2-service-story .s2-story-points{font-size:13px}.s2-service-story .s2-story-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.s2-service-story *{transition:none!important;animation:none!important}.s2-service-story .s2-story-photo img{opacity:1!important;transform:none!important}}
.s2-service-story[data-s2-story-motion="none"] *{transition:none!important;animation:none!important}.s2-service-story[data-s2-story-motion="none"] .s2-story-photo img{opacity:1!important;transform:none!important}
@media print{.s2-service-story{margin:0;font-size:10pt;color:#222}.s2-service-story .s2-story-layout{display:block!important}.s2-service-story .s2-story-visual{display:none!important}.s2-service-story.s2-service-story .s2-story-item{display:block!important;min-height:0!important;max-width:none;margin:0 0 8mm;padding:0!important;border:0!important;break-inside:avoid}.s2-service-story.s2-service-story .s2-story-photo{display:block!important;max-width:95mm;margin:0 0 4mm}.s2-service-story .s2-story-photo img{opacity:1!important;transform:none!important;transition:none!important}.s2-service-story.s2-service-story.s2-service-story .s2-story-item-title{font-size:15pt}.s2-service-story .s2-story-description{font-size:10pt}.s2-service-story .s2-story-number{font-size:22pt}.s2-service-story .s2-story-points,.s2-service-story .s2-story-note{font-size:9pt}}
.aboutBox__title > .subtext,.aboutBox__title > i{
display:block;
}
.aboutBox__title > i{
font-style:normal;
}
body[data-page=entry] .aboutBox__title > .subtext{
margin-bottom:clamp(12px,3.2vw,16px);
}
:where(.txt-body,.mainbox) img[align="left" i]{
float:left;
margin:0 16px 10px 0;
}
:where(.txt-body,.mainbox) img[align="right" i]{
float:right;
margin:0 0 10px 16px;
}
@media (max-width:767px){
:where(.txt-body,.mainbox) img:is([align="left" i],[align="right" i]){
max-width:50%;
}
}
:is(.user1-custom,.user2-custom) > .user-img{
width:80px;
max-width:100%;
aspect-ratio:1 / 1;
align-self:center;
overflow:hidden;
border-radius:50%;
}
:is(.user1-custom,.user2-custom) > .user-img img{
display:block;
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
}
:root{
--clr-headerimg-overlay:transparent;
}
.point:empty{height:32px}
.img-lb{display:contents;}.logo-horizon .logotext{display:none;}@media (min-width:1025px){[data-headerimg-title=false] .headerimg-title{display:block!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}}
@media (max-width:1024px){[data-headerimg-title-sp=false] .headerimg-title{display:block!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}}
.visually-hidden{display:block!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
#body #headerimg .headerimg-title:has(> i,> br){
display:block;
}
#body #headerimg .headerimg-title > i{
display:block;
font-size:max(12px,.44em);
font-style:normal;
font-weight:400;
line-height:1.4;
letter-spacing:.075em;
margin:0 0 .7em;
overflow-wrap:anywhere;
}
#body #headerimg .headerimg-title:has(> i,> br)::after{
margin-top:.45em;
}
.img-center{text-align:center;max-width:100%;height:auto;}
.img-center img{max-width:100%;height:auto;margin:8px auto}
span.img-center{display:block;text-align:center;}
table.rank-table td .img-center{text-align:left !important;}