/* insights */
.content-ttl::before {
    background: url(/img/insights/icon-pagettl.svg);
}

/* insights detail */
.content-col2{
    display: flex;
    margin-left: min(calc((64 / var(--pc-best-view)) * var(--vw-base)), calc((64 / var(--pc-best-view)) * var(--max-width)));
}

.category-area{
    flex: 0 0 min(calc((224 / var(--pc-best-view)) * var(--vw-base)), calc((224 / var(--pc-best-view)) * var(--max-width)));

    a {
        color: var(--color-dark-blue);
    }
}

.content-col3 {
    display: grid;
    justify-content: center;
    gap: min(calc((32 / var(--pc-best-view)) * var(--vw-base)), calc((32 / var(--pc-best-view)) * var(--max-width)));
    grid-template-columns: min(calc((239 / var(--pc-best-view)) * var(--vw-base)), calc((239 / var(--pc-best-view)) * var(--max-width))) 48em min(calc((239 / var(--pc-best-view)) * var(--vw-base)), calc((239 / var(--pc-best-view)) * var(--max-width)));
}
@media screen and (max-width: 768px) {
    .content-col3 {
        grid-template-columns: 1fr;
    }
}


.category-name01 {
  font-size: clamp(12px, (13 / var(--pc-best-view)) * var(--vw-base), 59px);
  margin-bottom: min(calc((32 / var(--pc-best-view)) * var(--vw-base)), calc((32 / var(--pc-best-view)) * var(--max-width)));
  font-weight: 400;
  display: block;
}
.category-name02{font-size: var(--font-size-xl-clamp);color:var(--color-blue);margin-bottom: min(calc((20 / var(--pc-best-view)) * var(--vw-base)), calc((20 / var(--pc-best-view)) * var(--max-width)));}
.category-date{font-size:var(--font-size-xs-clamp);color:rgba(13, 15, 29, 0.5);font-weight: 400;}

.article-ttl{font-size: clamp(42px, (44 / var(--pc-best-view)) * var(--vw-base), 46px);font-weight: 300;letter-spacing: 0;}

.writer-index{display: flex;justify-content: space-between;align-items: center;
    margin: min(calc((56 / var(--pc-best-view)) * var(--vw-base)), calc((56 / var(--pc-best-view)) * var(--max-width))) 0 min(calc((24 / var(--pc-best-view)) * var(--vw-base)), calc((24 / var(--pc-best-view)) * var(--max-width)));
}
.writer-thum img{
    width: min(calc((40 / var(--pc-best-view)) * var(--vw-base)), calc((40 / var(--pc-best-view)) * var(--max-width)));
    height: min(calc((40 / var(--pc-best-view)) * var(--vw-base)), calc((40 / var(--pc-best-view)) * var(--max-width)));
    border-radius: 50%;
}
.writer-index-item {
  display: flex;
  align-items: center;
  color: var(--color-dark-blue);
}

.write-sns{display: flex;align-items: center;gap:0 min(calc((20 / var(--pc-best-view)) * var(--vw-base)), calc((20 / var(--pc-best-view)) * var(--max-width)));}
.write-sns img{
    width: min(calc((24 / var(--pc-best-view)) * var(--vw-base)), calc((24 / var(--pc-best-view)) * var(--max-width)));
    height: min(calc((24 / var(--pc-best-view)) * var(--vw-base)), calc((24 / var(--pc-best-view)) * var(--max-width)));
}

.box-bg {
    background: var(--color-ice-gray);
    padding: min(calc((40 / var(--pc-best-view)) * var(--vw-base)), calc((40 / var(--pc-best-view)) * var(--max-width))) min(calc((42 / var(--pc-best-view)) * var(--vw-base)), calc((42 / var(--pc-best-view)) * var(--max-width))) min(calc((38 / var(--pc-best-view)) * var(--vw-base)), calc((38 / var(--pc-best-view)) * var(--max-width))) min(calc((40 / var(--pc-best-view)) * var(--vw-base)), calc((40 / var(--pc-best-view)) * var(--max-width)));
}
.box-frame {
    border: 1px solid var(--color-blue-gray);
    padding: min(calc((40 / var(--pc-best-view)) * var(--vw-base)), calc((40 / var(--pc-best-view)) * var(--max-width))) min(calc((42 / var(--pc-best-view)) * var(--vw-base)), calc((42 / var(--pc-best-view)) * var(--max-width))) min(calc((38 / var(--pc-best-view)) * var(--vw-base)), calc((38 / var(--pc-best-view)) * var(--max-width))) min(calc((40 / var(--pc-best-view)) * var(--vw-base)), calc((40 / var(--pc-best-view)) * var(--max-width)));
}
.box-frame.dark {
    border: 1px solid var(--color-blue);
}
.box-quote {
    background: var(--color-ice-gray);
    padding: min(calc((40 / var(--pc-best-view)) * var(--vw-base)), calc((40 / var(--pc-best-view)) * var(--max-width))) min(calc((42 / var(--pc-best-view)) * var(--vw-base)), calc((42 / var(--pc-best-view)) * var(--max-width))) min(calc((38 / var(--pc-best-view)) * var(--vw-base)), calc((38 / var(--pc-best-view)) * var(--max-width))) min(calc((40 / var(--pc-best-view)) * var(--vw-base)), calc((40 / var(--pc-best-view)) * var(--max-width)));
}
.box-quote p {
    border-left: 4px solid var(--color-gray);
    padding-left: min(calc((24 / var(--pc-best-view)) * var(--vw-base)), calc((24 / var(--pc-best-view)) * var(--max-width)));
}
.box-cornerttl{
    border: 1px solid var(--color-blue);
    padding: min(calc((50 / var(--pc-best-view)) * var(--vw-base)), calc((50 / var(--pc-best-view)) * var(--max-width))) min(calc((38 / var(--pc-best-view)) * var(--vw-base)), calc((38 / var(--pc-best-view)) * var(--max-width))) min(calc((32 / var(--pc-best-view)) * var(--vw-base)), calc((32 / var(--pc-best-view)) * var(--max-width))) min(calc((40 / var(--pc-best-view)) * var(--vw-base)), calc((40 / var(--pc-best-view)) * var(--max-width)));
    position: relative;
}
.boxttl {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color-dark-blue);
    color: var(--color-ice-gray);
    display: inline-block;
    min-width: min(calc((224 / var(--pc-best-view)) * var(--vw-base)), calc((224 / var(--pc-best-view)) * var(--max-width)));
    font-size: var(--font-size-lg-clamp);
    padding: min(calc((2 / var(--pc-best-view)) * var(--vw-base)), calc((2 / var(--pc-best-view)) * var(--max-width))) min(calc((8 / var(--pc-best-view)) * var(--vw-base)), calc((8 / var(--pc-best-view)) * var(--max-width))) min(calc((4 / var(--pc-best-view)) * var(--vw-base)), calc((4 / var(--pc-best-view)) * var(--max-width))) min(calc((16 / var(--pc-best-view)) * var(--vw-base)), calc((16 / var(--pc-best-view)) * var(--max-width)));
    font-weight: 400;
}

.index-ttl {
    font-size: clamp(20px, calc((22 / var(--pc-best-view)) * var(--vw-base)), 24px);
    position: relative;
    margin-bottom: min(calc((22 / var(--pc-best-view)) * var(--vw-base)), calc((22 / var(--pc-best-view)) * var(--max-width)));
}
.index-ttl::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    padding: 0;
    background: linear-gradient(90deg, var(--color-blue) 0%, var(--color-blue) 2px, var(--color-blue-gray) 2px, var(--color-blue-gray) 100%);
    bottom: min(calc((-8 / var(--pc-best-view)) * var(--vw-base)), calc((-8 / var(--pc-best-view)) * var(--max-width)));
    left: 0;
}

ol.decimal,
ul.disc {
    margin-left: 1.5em;
}
ol.decimal {
    list-style-type: decimal;
}
ul.disc {
    list-style-type: disc;
}
ol.decimal li,
ul.disc li {
    padding-left: 0.5em;
}
ol.decimal.big li::marker {
    font-size: 110%;
    font-weight: 400;
}
ol.decimal li::marker{
    color: var(--color-blue);
    font-weight: 400; 
}
ul.disc li::marker {
    color: var(--color-blue);
}
ol.decimal li+li,
ul.disc li+li {
    margin-top: min(calc((5 / var(--pc-best-view)) * var(--vw-base)), calc((5 / var(--pc-best-view)) * var(--max-width)));
}
ol.decimal li>p {
    margin-top: min(calc((8 / var(--pc-best-view)) * var(--vw-base)), calc((8 / var(--pc-best-view)) * var(--max-width)));
}

.hyphen::before {
    content: '-';
    display: inline-block;
  margin-right: min(calc((8 / var(--pc-best-view)) * var(--vw-base)), calc((8 / var(--pc-best-view)) * var(--max-width)));
}

.article-txt p+p {
    margin-top: min(calc((20 / var(--pc-best-view)) * var(--vw-base)), calc((20 / var(--pc-best-view)) * var(--max-width)));
}

.box-flex {
    display: flex;
    flex-wrap: wrap;
}
.box-flex.col2 {
    gap: min(calc((48 / var(--pc-best-view)) * var(--vw-base)), calc((48 / var(--pc-best-view)) * var(--max-width)));
}
.box-flex.col3 {
    gap: min(calc((24 / var(--pc-best-view)) * var(--vw-base)), calc((24 / var(--pc-best-view)) * var(--max-width)));
}
.box-flex .col2-1 {
    width: calc(50% - min(calc((24 / var(--pc-best-view)) * var(--vw-base)), calc((24 / var(--pc-best-view)) * var(--max-width)))); 
}
.box-flex .col3-1{
    width: calc(33% - min(calc((12 / var(--pc-best-view)) * var(--vw-base)), calc((12 / var(--pc-best-view)) * var(--max-width))));
}
.box-flex .col3-2{
    width: calc(66% - min(calc((12 / var(--pc-best-view)) * var(--vw-base)), calc((12 / var(--pc-best-view)) * var(--max-width))));
}
.box-flex .col-ph{
    width: calc(28% - min(calc((12 / var(--pc-best-view)) * var(--vw-base)), calc((12 / var(--pc-best-view)) * var(--max-width))));
}
.box-flex .col-txt{
    width: calc(72% - min(calc((12 / var(--pc-best-view)) * var(--vw-base)), calc((12 / var(--pc-best-view)) * var(--max-width))));
}

table.table,
table.table td,
table.table th {
    border: solid 1px var(--color-blue-gray);
    border-collapse: collapse;
}
table.table td,
table.table th {
    padding: min(calc((20 / var(--pc-best-view)) * var(--vw-base)), calc((20 / var(--pc-best-view)) * var(--max-width))) min(calc((20 / var(--pc-best-view)) * var(--vw-base)), calc((20 / var(--pc-best-view)) * var(--max-width))) min(calc((20 / var(--pc-best-view)) * var(--vw-base)), calc((20 / var(--pc-best-view)) * var(--max-width))) min(calc((30 / var(--pc-best-view)) * var(--vw-base)), calc((30 / var(--pc-best-view)) * var(--max-width)));
}
table.table th {
    color: var(--color-blue);
    background: var(--color-ice-gray);
    font-size: var(--font-size-lg-clamp);
    text-align: left;
	font-family: var(--font-family-bold);
}
table.table.w100 {
    width: 100%;
}

.img-caption{
    font-size: clamp(12px, (13 / var(--pc-best-view)) * var(--vw-base), 59px);
    margin-top: min(calc((10 / var(--pc-best-view)) * var(--vw-base)), calc((10 / var(--pc-best-view)) * var(--max-width)));
}

 a.txtlink {
    color: #0077FF;
    text-decoration: underline
}
a[target=_blank]:not(:has(img)) {
    margin-right: 0.5em;
}
a[target=_blank]:not(:has(img))::after {
    padding: 0 0 0 min(calc((8 / var(--pc-best-view)) * var(--vw-base)), calc((8 / var(--pc-best-view)) * var(--max-width)));
    display: inline-block;
    content: url('/common/img/icon_ext-link.svg');
}

.btn1{
    display: grid;
    place-content: center;
    background-color: var(--color-blue);
    border: 1px solid var(--color-blue);
    color: #D9DFFF;
    font-size: var(--font-size-base-clamp);
    width: min(calc((384 / var(--pc-best-view)) * var(--vw-base)), calc((384 / var(--pc-best-view)) * var(--max-width)));
    height: min(calc((56 / var(--pc-best-view)) * var(--vw-base)), calc((56 / var(--pc-best-view)) * var(--max-width)));
    border-radius: min(calc((4 / var(--pc-best-view)) * var(--vw-base)), calc((4 / var(--pc-best-view)) * var(--max-width)));
    position: relative;
    padding-right: min(calc((30 / var(--pc-best-view)) * var(--vw-base)), calc((30 / var(--pc-best-view)) * var(--max-width)));
    transition: all .5s ease-in;
    margin: auto;
}
.btn1::after {
    content: '';
    background: url(/common/img/btn-deco-01.svg) 0 0 / contain no-repeat;
    width: min(calc((27 / var(--pc-best-view)) * var(--vw-base)), calc((27 / var(--pc-best-view)) * var(--max-width)));
    height: min(calc((6 / var(--pc-best-view)) * var(--vw-base)), calc((6 / var(--pc-best-view)) * var(--max-width)));
    display: block;
    position: absolute;
    right: min(calc((24 / var(--pc-best-view)) * var(--vw-base)), calc((24 / var(--pc-best-view)) * var(--max-width)));
    top: 0;
    bottom: 0;
    margin:auto;
    transition: all .5s ease-in;
}
@media screen and (min-width: 769px) {
    .btn1:hover{
        background-color:transparent;
        color: var(--color-blue)
    }
    .btn1:hover::after{
        background: url(/common/img/btn-deco-02.svg) 0 0 / contain no-repeat;
    }
}
.btn2{
    display: grid;
    place-content: center;
    background-color: transparent;
    border: 1px solid var(--color-blue);
    color: var(--color-blue);
    font-size: var(--font-size-base-clamp);
    width: min(calc((384 / var(--pc-best-view)) * var(--vw-base)), calc((384 / var(--pc-best-view)) * var(--max-width)));
    height: min(calc((56 / var(--pc-best-view)) * var(--vw-base)), calc((56 / var(--pc-best-view)) * var(--max-width)));
    border-radius: min(calc((4 / var(--pc-best-view)) * var(--vw-base)), calc((4 / var(--pc-best-view)) * var(--max-width)));
    position: relative;
    padding-right: min(calc((30 / var(--pc-best-view)) * var(--vw-base)), calc((30 / var(--pc-best-view)) * var(--max-width)));
    transition: all .5s ease-in;
    margin: auto;
}
.btn2::after {
    content: '';
    background: url(/common/img/btn-deco-02.svg) 0 0 / contain no-repeat;
    width: min(calc((27 / var(--pc-best-view)) * var(--vw-base)), calc((27 / var(--pc-best-view)) * var(--max-width)));
    height: min(calc((6 / var(--pc-best-view)) * var(--vw-base)), calc((6 / var(--pc-best-view)) * var(--max-width)));
    display: block;
    position: absolute;
    right: min(calc((24 / var(--pc-best-view)) * var(--vw-base)), calc((24 / var(--pc-best-view)) * var(--max-width)));
    top: 0;
    bottom: 0;
    margin:auto;
    transition: all .5s ease-in;
}
@media screen and (min-width: 769px) {
    .btn2:hover{
        background-color:var(--color-blue);
        color: #D9DFFF;
    }
    .btn2:hover::after{
        background: url(/common/img/btn-deco-01.svg) 0 0 / contain no-repeat;
    }
}

@media screen and (max-width: 768px) {
    .content-col2{flex-direction: column;margin-left: 0;padding: 0 calc((6 / var(--sp-best-view)) * var(--vw-base));}
    .category-area {flex: inherit;position: relative;margin-bottom:calc((34 / var(--sp-best-view)) * var(--vw-base)) ;}
    .category-name01{font-size: calc((11 / var(--sp-best-view)) * var(--vw-base)); margin-bottom:calc((8 / var(--sp-best-view)) * var(--vw-base));}
    .category-name02{font-size: calc((16 / var(--sp-best-view)) * var(--vw-base));margin-bottom: 0;}
    .category-date{font-size: calc((12 / var(--sp-best-view)) * var(--vw-base));position:absolute;right: 0;bottom: 0;}
    .article-ttl {font-size:calc((30 / var(--sp-best-view)) * var(--vw-base));line-height: 1.2;}
    .writer-index{flex-direction:column;margin: calc((41 / var(--sp-best-view)) * var(--vw-base)) 0 calc((25 / var(--sp-best-view)) * var(--vw-base));align-items: stretch;}
    .writer-thum img{width:calc((50 / var(--sp-best-view)) * var(--vw-base));height: calc((50 / var(--sp-best-view)) * var(--vw-base));}
    .writer-index-item:nth-child(1){border-top: 1px solid var(--color-blue-gray);border-bottom: 1px solid var(--color-blue-gray);padding: 1.6vw 0;}
    .write-sns{gap:0 calc((20 / var(--sp-best-view)) * var(--vw-base));margin:calc((25 / var(--sp-best-view)) * var(--vw-base)) 0 0 auto;}
    .write-sns img{width:calc((30 / var(--sp-best-view)) * var(--vw-base));height: calc((30 / var(--sp-best-view)) * var(--vw-base));}
    .box-bg,.box-frame,.box-quote  {
        padding: calc((30 / var(--sp-best-view)) * var(--vw-base));
    }
    ol.decimal li+li, ul.disc li+li {
        margin-top: calc((18 / var(--sp-best-view)) * var(--vw-base));
    }
    .index-ttl {
        font-size:calc((28 / var(--sp-best-view)) * var(--vw-base));
        margin-bottom: calc((33 / var(--sp-best-view)) * var(--vw-base));
    }
    .article-txt p+p {
        margin-top: calc((28 / var(--sp-best-view)) * var(--vw-base));
    }
    .box-flex {
        flex-direction: column;
    }
    .box-flex.col2 {
        gap: calc((35 / var(--sp-best-view)) * var(--vw-base));
    }
    .box-flex.col3 {
        gap: calc((25 / var(--sp-best-view)) * var(--vw-base));
    }
    .box-flex .col2-1,.box-flex .col3-1,.box-flex .col3-2,.box-flex .col-ph,.box-flex .col-txt {
        width:100%; 
    }
    .img-caption {
        font-size:calc((12 / var(--sp-best-view)) * var(--vw-base));
        margin-top: calc((12 / var(--sp-best-view)) * var(--vw-base));
    }
    .btn1,.btn2  {
        width: 100%;
        height: calc((56 / var(--sp-best-view)) * var(--vw-base));
    }
    .btn1::after,.btn2::after {
        width: calc((26 / var(--sp-best-view)) * var(--vw-base));
        height: calc((6 / var(--sp-best-view)) * var(--vw-base));
        right: calc((30 / var(--sp-best-view)) * var(--vw-base));
    }
    .box-quote p {
        padding-left: calc((64 / var(--sp-best-view)) * var(--vw-base));
    }
    .box-cornerttl {padding:calc((70 / var(--sp-best-view)) * var(--vw-base)) calc((28 / var(--sp-best-view)) * var(--vw-base)) calc((28 / var(--sp-best-view)) * var(--vw-base)) calc((28 / var(--sp-best-view)) * var(--vw-base));}
    .boxttl {
        font-size:calc((23 / var(--sp-best-view)) * var(--vw-base)) ;
        padding: calc((2 / var(--sp-best-view)) * var(--vw-base)) calc((10 / var(--sp-best-view)) * var(--vw-base)) calc((5 / var(--sp-best-view)) * var(--vw-base)) calc((20 / var(--sp-best-view)) * var(--vw-base));
        min-width: calc((224 / var(--sp-best-view)) * var(--vw-base));
    }
    .table-scroll{ display: block;overflow-x: auto;overflow: auto;}
    .table-scroll table.table{margin-bottom: 8px;}
    .table-scroll table.table td,
    .table-scroll table.table th{white-space: nowrap;padding:calc((23 / var(--sp-best-view)) * var(--vw-base))}
    .table-scroll table.table td{font-size:calc((10 / var(--sp-best-view)) * var(--vw-base));}
    .table-scroll table.table th{font-size:calc((12 / var(--sp-best-view)) * var(--vw-base))}
    .table-scroll::-webkit-scrollbar {
        width:calc((5 / var(--sp-best-view)) * var(--vw-base)); 
        height: calc((5 / var(--sp-best-view)) * var(--vw-base)); 
    }

    .table-scroll::-webkit-scrollbar-track {
        background: var(--color-blue-gray); 
    }

    .table-scroll::-webkit-scrollbar-thumb {
        background: var(--color-blue); 
    }
} 

/* pickuplink */
.pickuplink-area {
    width: 100%;
    margin-top: min(calc((48 / var(--pc-best-view)) * var(--vw-base)), calc((48 / var(--pc-best-view)) * var(--max-width)));
    place-content: center;
    position: relative;
    border-top:1px solid var(--color-dark-blue) ;
    border-bottom:1px solid var(--color-dark-blue) ;
}
.pickuplink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 min(calc((32 / var(--pc-best-view)) * var(--vw-base)), calc((32 / var(--pc-best-view)) * var(--max-width)));
    margin-left: min(calc((50 / var(--pc-best-view)) * var(--vw-base)), calc((50 / var(--pc-best-view)) * var(--max-width)));
    position: relative;
    color: var(--color-dark-blue);
}
.pickuplink .txt {font-size: var(--font-size-lg-clamp);font-weight: 400;}
.pickuplink .txt .cate{color: var(--color-blue);font-weight:300;margin-bottom: min(calc((8 / var(--pc-best-view)) * var(--vw-base)), calc((8 / var(--pc-best-view)) * var(--max-width)));}
.pickuplink .ph{width: min(calc((176 / var(--pc-best-view)) * var(--vw-base)), calc((176 / var(--pc-best-view)) * var(--max-width)));flex-shrink: 0;}
.pickuplink > a.linkarea {
    color: var(--color-dark-blue);
    display: block;
    cursor: pointer;
    width: 23.728%;
    min-width: min(calc((224 / var(--pc-best-view)) * var(--vw-base)), calc((224 / var(--pc-best-view)) * var(--max-width)));
    flex-shrink: 0;
    position: relative;
    height: min(calc((173 / var(--pc-best-view)) * var(--vw-base)), calc((173 / var(--pc-best-view)) * var(--max-width)));
    transition: all .5s ease-in;
}
.pickuplink > a.linkarea::before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: "";
    width: 100%;
    height:100%;
    background: #b9cad530;
    clip-path:polygon(0 0, 100% 0, 100% 100%, 40% 100%);
    transition: all .5s ease-in;
}
.pickuplink > a.linkarea::after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: "";
    width: 100%;
    height:100%;
    background: var(-color-powder-blue-tra) url(/common/img/linkarea-deco-tra.png) 0 0 / auto 100% no-repeat;
    clip-path:polygon(40% 0, 100% 0, 100% 100%, 0 100%);
    transition: all .5s ease-in;
} 
.pickuplink > a.linkarea .linkline {
    margin: min(calc((86 / var(--pc-best-view)) * var(--vw-base)), calc((86 / var(--pc-best-view)) * var(--max-width))) 0 ;
    border-top: 1px solid var(--color-blue);
    width: min(calc((80 / var(--pc-best-view)) * var(--vw-base)), calc((80 / var(--pc-best-view)) * var(--max-width)));
    z-index: 1;
    transition: all .5s ease-in;
    position: relative;
}


@media screen and (min-width: 768px) {
    .pickuplink > a.linkarea:hover p.linkline{
        margin-left: min(calc((50 / var(--pc-best-view)) * var(--vw-base)), calc((50 / var(--pc-best-view)) * var(--max-width)));
    } 
    .pickuplink > a.linkarea:hover::before {
        background: rgba(185, 202, 213, 0.5);
    }
    .pickuplink > a.linkarea:hover::after {
        background: rgba(154, 187, 208, 0.3) url(/common/img/linkarea-deco.png) 0 0 / auto 100% no-repeat;
    }
}

@media screen and (max-width: 768px) {
    .pickuplink-area {
        height:auto;
        padding:calc((18 / var(--sp-best-view)) * var(--vw-base)) 0 ;
        margin-top: calc((77 / var(--sp-best-view)) * var(--vw-base));
    }
    .pickuplink {
        flex-wrap: wrap;
        gap: 0 calc((18 / var(--sp-best-view)) * var(--vw-base));
        margin-left:0;
        justify-content: center;
        align-items: flex-start;
    }
    .pickuplink .ph {
        width: 33%;
        min-width: calc((50 / var(--sp-best-view)) * var(--vw-base));
    }
    .pickuplink .txt {
        font-size: calc((14 / var(--sp-best-view)) * var(--vw-base));
        width: 60%;
    }
    .pickuplink .txt .cate {
        font-size: calc((18 / var(--sp-best-view)) * var(--vw-base));
        margin-bottom: calc((8 / var(--sp-best-view)) * var(--vw-base));
    }
    .pickuplink > a.linkarea {
        width: 100%;
        min-width: 100%;
        height: 1calc((33 / var(--sp-best-view)) * var(--vw-base));
        margin-top: calc((12 / var(--sp-best-view)) * var(--vw-base));
    }
    .pickuplink > a.linkarea .linkline {
        margin: 0 auto;
        width: calc((23 / var(--sp-best-view)) * var(--vw-base));
        transform: rotate(90deg);
        margin-top:calc((23 / var(--sp-best-view)) * var(--vw-base));
    }
    .pickuplink > a.linkarea::before {
        background: var(-color-powder-blue-tra);
        clip-path: polygon(0 60%, 100% 0, 100% 100%, 0 100%);
    }
    .pickuplink > a.linkarea::after {
        background: var(-color-powder-blue-tra);
        clip-path: polygon(0 0, 100% 60%, 100% 100%, 0 100%);
    }
}