/* -------------------------------base(mobile)↓-------------------------------------- */
/* top start */
.top{
    display: block;
    padding-top: calc(10 * var(--site-font-size-ratio));
}
.top>img{
    display: block;
    margin: auto;
    width: calc(335 * var(--site-font-size-ratio));
}
/* top end */

/* compare_table start */
.compare_table{
    margin: calc(calc(300 - 10 - 240) * var(--site-font-size-ratio)) auto 0;
    padding-bottom: calc(calc(316 + 841 - 1077 - 30) * var(--site-font-size-ratio));
    background-image: linear-gradient(to bottom,#ffffff 0 calc(16 * var(--site-font-size-ratio)),#F2F2F2 calc(16 * var(--site-font-size-ratio)) 100%);
}
.compare_table>span{
    display: block;
    width: fit-content;
    margin: auto;
    text-align: center;
    color: #ffffff;
    font-weight: 900;
    font-size: calc(16 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    background-color: #C8A153;
    padding: calc(calc(306.44 - 300) * var(--site-font-size-ratio)) calc(calc(105.98 - 88.82) * var(--site-font-size-ratio)) calc(calc(300 + 42.41 - 306.44 - 19) * var(--site-font-size-ratio));
    --peso-width: calc(28 * var(--site-font-size-ratio));
    --peso-height: calc(calc(42.41 - 30.06) * var(--site-font-size-ratio));
    clip-path: polygon(
        0% 0%,
        100% 0%,
        100% calc(100% - var(--peso-height)),
        calc(50% + calc(var(--peso-width) / 2)) calc(100% - var(--peso-height)),
        50% 100%,
        calc(50% - calc(var(--peso-width) / 2)) calc(100% - var(--peso-height)),
        0% calc(100% - var(--peso-height))
    );
}
.compare_table>p{
    margin-top: calc(calc(354.05 - 300 - 42.41) * var(--site-font-size-ratio));
    text-align: center;
    font-size: calc(26 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    font-weight: 900;
}
.compare_table>p>span{
    color: #C8A153;
    font-size: calc(34 * var(--site-font-size-ratio));
    background-image: linear-gradient(to bottom,transparent 0 75%,#FFF600 75% 100%);
}
.compare_table>p>span>span{
    font-size: calc(40 * var(--site-font-size-ratio));
}
.compare_table>div:has(table){
    margin-top: calc(calc(412 - 300 - 91.61) * var(--site-font-size-ratio));
    margin-left: calc(20 * var(--site-font-size-ratio));
    padding-bottom: calc(calc(1077 - 412 - 650) * var(--site-font-size-ratio));
    overflow-x: auto;
}
.compare_table>div:has(table)::-webkit-scrollbar{
    height: calc(30 * var(--site-font-size-ratio));
    background-color: #ffffff;
}
.compare_table>div:has(table)::-webkit-scrollbar-thumb{
    border: calc(calc(30 - 22) / 2 * var(--site-font-size-ratio)) solid transparent;
    background-color: #C0C0C0;
    border-radius: 9999px;
    background-clip: content-box;
}
.compare_table>div:has(table)>table{
    width: max-content;
    border-collapse: collapse;
}
.compare_table>div:has(table)>table th
,.compare_table>div:has(table)>table td{
    border: calc(1 * var(--site-font-size-ratio)) solid #4F4F4F;
    padding: calc(9 * var(--site-font-size-ratio)) calc(5 * var(--site-font-size-ratio));
}
.compare_table>div:has(table)>table th{
    width: calc(55 * var(--site-font-size-ratio));
    color: #ffffff;
    font-weight: 900;
    font-size: calc(13 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    background-color: #C8A153;
}
.compare_table>div:has(table)>table td{
    width: calc(184 * var(--site-font-size-ratio));
    font-weight: 900;
    font-size: calc(14 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    line-height: 140%;
    text-align: center;
}
.compare_table>div:has(table)>table td:nth-of-type(1){
    background-color: #fffb99;
    border-left: calc(3 * var(--site-font-size-ratio)) solid #D00000;
    border-right: calc(3 * var(--site-font-size-ratio)) solid #D00000;
}
.compare_table>div:has(table)>table tr:first-of-type>td:nth-of-type(1){
    border-top: calc(3 * var(--site-font-size-ratio)) solid #D00000;
}
.compare_table>div:has(table)>table tr:last-of-type>td:nth-of-type(1){
    border-bottom: calc(3 * var(--site-font-size-ratio)) solid #D00000;
}
.compare_table>div:has(table)>table tr:nth-of-type(2)>td{
    /* color: #C8A153;
    text-align: left; */
}
.compare_table>div:has(table)>table tr:nth-of-type(3)>td{
    /* font-size: calc(18 * var(--site-font-size-ratio)); */
}
.compare_table>div:has(table)>table tr:nth-of-type(2)>td>span:nth-of-type(1){
    /* display: block;
    margin-top: calc(calc(253.4 - 188 - 60) * var(--site-font-size-ratio));
    text-align: center;
    font-weight: 400;
    font-size: calc(12 * var(--site-font-size-ratio));
    line-height: initial;
    color: #5D5D5D; */
}
.compare_table>div:has(table)>table tr:nth-of-type(2)>td>span:nth-of-type(2){
    /* display: block;
    text-align: center;
    font-size: calc(16 * var(--site-font-size-ratio));
    font-weight: 800;
    letter-spacing: 0.2em; */
}
.compare_table>div:has(table)>table td>a:has(img[src^='/file/']){
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: calc(calc(35.4 - 28.8) * var(--site-font-size-ratio));
    font-size: calc(14 * var(--site-font-size-ratio));
    color: #0062FF;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-decoration: none;
}
.compare_table>div:has(table)>table td>a:has(img[src^='/file/'])::before{
    content: "";
    display: block;
    width: calc(32.8 * var(--site-font-size-ratio));
    height: calc(28.8 * var(--site-font-size-ratio));
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.compare_table>div:has(table)>table td:nth-of-type(1)>a:has(img[src^='/file/'])::before{
    background-image: url(../images/company/ranking1.png);
}
.compare_table>div:has(table)>table td:nth-of-type(2)>a:has(img[src^='/file/'])::before{
    background-image: url(../images/company/ranking2.png);
}
.compare_table>div:has(table)>table td:nth-of-type(3)>a:has(img[src^='/file/'])::before{
    background-image: url(../images/company/ranking3.png);
}
.compare_table>div:has(table)>table td>a>img[src^='/file/']{
    display: block;
    margin: auto;
    width: calc(113 * var(--site-font-size-ratio));
}
.compare_table>div:has(table)>table td>img[src^='/images/company/']{
    display: block;
    margin: 0 auto calc(calc(400.4 - 361.4 - 34) * var(--site-font-size-ratio));
    width: calc(34 * var(--site-font-size-ratio));
}
.compare_table>div:has(table)>table td>a[href*='/jump/']{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(calc(123 - 37 - 84) * var(--site-font-size-ratio));
    margin: auto;
    width: calc(148 * var(--site-font-size-ratio));
    height: calc(48 * var(--site-font-size-ratio));
    font-size: calc(16 * var(--site-font-size-ratio));
    font-weight: 900;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 0.05em;
    border-radius: calc(10 * var(--site-font-size-ratio));
    border: calc(2 * var(--site-font-size-ratio)) solid #ffffff;
    box-shadow: 0 calc(6 * var(--site-font-size-ratio)) calc(8 * var(--site-font-size-ratio)) 0 #00000015;
    background-image: linear-gradient(to bottom,#FF1F1F,#B70000);
}
.compare_table>div:has(table)>table td>a[href*='/jump/']::after{
    content: "";
    display: block;
    width: calc(9 * var(--site-font-size-ratio));
    height: calc(11 * var(--site-font-size-ratio));
    background-color: #ffffff;
    clip-path: polygon(0% 0%,100% 50%,0% 100%);
}
/* compare_table end */

/* items start */
.items{
    margin: calc(calc(1986 - 1568 - 368) * var(--site-font-size-ratio)) auto 0;
    width: calc(335 * var(--site-font-size-ratio));
}
.items>span{
    display: block;
    width: fit-content;
    margin: auto;
    position: relative;
    font-size: calc(26 * var(--site-font-size-ratio));
    font-weight: 900;
    letter-spacing: 0.05em;
    background-image: linear-gradient(to bottom,transparent 0 75%,#FFF600 75% 100%);
}
.items>span::before
,.items>span::after
{
    content: "";
    display: block;
    width: calc(29.27 * var(--site-font-size-ratio));
    height: calc(26.61 * var(--site-font-size-ratio));
    background-image: url(../images/items/peso.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
}
.items>span::before{
    left: 0;
    transform: translateX(calc(-100% - calc(calc(91.9 - 53 - 29.27) * var(--site-font-size-ratio))));
}
.items>span::after{
    right: 0;
    transform: rotateY(180deg) translateX(calc(-100% - calc(calc(91.9 - 53 - 29.27) * var(--site-font-size-ratio))));
}
.items>span>span{
    color: #C8A153;
}
.items>ul{
    display: flex;
    flex-wrap: wrap;
    gap: calc(10 * var(--site-font-size-ratio));
    margin-top: calc(calc(2039.96 - 1986 - 35.96) * var(--site-font-size-ratio));
}
.items>ul>li{
    width: calc(105 * var(--site-font-size-ratio));
    background-color: #FFF7E8;
    border-radius: calc(7.57 * var(--site-font-size-ratio));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: calc(calc(91.75 - 17.03 - 69.05) * var(--site-font-size-ratio));
    font-size: calc(17.03 * var(--site-font-size-ratio));
    font-weight: 600;
    padding: calc(17.03 * var(--site-font-size-ratio)) 0 calc(calc(137.16 - 91.75 - 21) * var(--site-font-size-ratio));
}
.items>ul>li>img{
    width: calc(74.73 * var(--site-font-size-ratio));
}
/* items end */

/* ranks start */
.ranks{
    margin: calc(calc(2523 - 2039.96 - 433) * var(--site-font-size-ratio)) auto 0;
    width: calc(335 * var(--site-font-size-ratio));
    display: flex;
    flex-direction: column;
    gap: calc(30 * var(--site-font-size-ratio));
}
.ranks>div{
    padding-bottom: calc(calc(2662 - 2562 - 60) * var(--site-font-size-ratio));
    border: calc(3 * var(--site-font-size-ratio)) solid #C8A153;
    background-color: #FFF7E8;
}
.ranks>div>span:first-child{
    color: #ffffff;
    font-weight: 900;
    font-size: calc(22 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    line-height: initial;
    background-color: #C8A153;
    display: flex;
    align-items: center;
    padding: calc(15 * var(--site-font-size-ratio)) calc(14.51 * var(--site-font-size-ratio));
}
.ranks>div>span:first-child::before{
    content: "";
    display: block;
    width: calc(39.72 * var(--site-font-size-ratio));
    height: calc(34.88 * var(--site-font-size-ratio));
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.ranks>div:nth-of-type(3)~div>span:first-child::before{
    content: none;
}
.ranks>div:nth-of-type(1)>span:first-child::before{
    background-image: url(../images/company/ranking1-v2.png);
}
.ranks>div:nth-of-type(2)>span:first-child::before{
    background-image: url(../images/company/ranking2.png);
}
.ranks>div:nth-of-type(3)>span:first-child::before{
    background-image: url(../images/company/ranking3.png);
}
.ranks>div>*:first-child~*{
    width: calc(300 * var(--site-font-size-ratio));
}
.ranks>div>p{
    font-weight: 900;
    font-size: calc(22 * var(--site-font-size-ratio));
    line-height: 160%;
    letter-spacing: 0.05em;
    margin: calc(calc(65 - 55) * var(--site-font-size-ratio)) auto 0;
}
.ranks>div>p>span{
    color: #C8A153;
}
.ranks>div>img{
    display: block;
    margin: calc(calc(177 - 65 - 102) * var(--site-font-size-ratio)) auto 0;
}
.ranks>div>dl{
    margin: calc(calc(344 - 177 - 152) * var(--site-font-size-ratio)) auto 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: calc(2 * var(--site-font-size-ratio));
}
.ranks>div>dl>dt{
    width: calc(91 * var(--site-font-size-ratio));
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    color: #ffffff;
    font-size: calc(18 * var(--site-font-size-ratio));
    text-align: center;
    line-height: initial;
    letter-spacing: 0.05em;
    background-color: #C8A153;
}
.ranks>div>dl>dd{
    width: calc(100% - calc(91 * var(--site-font-size-ratio)));
    background-color: #ffffff;
    font-size: calc(16 * var(--site-font-size-ratio));
    line-height: initial;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: center;
    padding: calc(12 * var(--site-font-size-ratio)) calc(calc(103 - 91) * var(--site-font-size-ratio));
}
.ranks>div>dl>dd>div:has(img[src='/images/company/star.svg']){
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* .ranks>div>dl>dd:first-of-type{
    font-size: calc(14 * var(--site-font-size-ratio));
    line-height: 140%;
    text-align: left;
}
.ranks>div>dl>dd:first-of-type>span{
    color: #C8A153;
} */
/* .ranks>div>dl>dd:nth-of-type(2){
    font-size: calc(14 * var(--site-font-size-ratio));
    line-height: 140%;
    text-align: center;
}
.ranks>div>dl>dd:nth-of-type(2)>span{
    display: block;
    margin-top: calc(6 * var(--site-font-size-ratio));
    color: #C8A153;
    font-size: calc(22 * var(--site-font-size-ratio));
    letter-spacing: 0.2em;
} */
.ranks>div>dl>dd>img[src^='/images/company/']{
    display: block;
    width: calc(34 * var(--site-font-size-ratio));
    margin: 0 auto calc(calc(47 - 8 - 34) * var(--site-font-size-ratio));
}
.ranks>div>a[href*='/jump/']{
    margin: calc(calc(831 - 344 - 467) * var(--site-font-size-ratio)) auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(295 * var(--site-font-size-ratio));
    height: calc(60 * var(--site-font-size-ratio));
    border-radius: calc(10 * var(--site-font-size-ratio));
    font-weight: 900;
    font-size: calc(20 * var(--site-font-size-ratio));
    color: #ffffff;
    text-decoration: none;
    line-height: initial;
    letter-spacing: 0.05em;
    border: calc(2 * var(--site-font-size-ratio)) solid #ffffff;
    box-shadow: 0 calc(6 * var(--site-font-size-ratio)) calc(8 * var(--site-font-size-ratio)) 0 #00000015;
    background-image: linear-gradient(to bottom,#FF1F1F,#B70000);
    position: relative;
}
.ranks>div>a[href*='/jump/']::after{
    content: '▶';
    font-size: calc(16 * var(--site-font-size-ratio));
    position: absolute;
    top: 50%;
    right: calc(calc(295 + 20 - 275 - 20) * var(--site-font-size-ratio));
    transform: translateY(-50%);
}
.ranks>div>ul{
    display: flex;
    flex-direction: column;
    gap: calc(10 * var(--site-font-size-ratio));
    margin: calc(calc(941 - 831 - 60) * var(--site-font-size-ratio)) auto 0;
    padding: calc(calc(977 - 941) * var(--site-font-size-ratio)) calc(calc(34 - 21) * var(--site-font-size-ratio)) calc(calc(941 + 320 - 977 - 263) * var(--site-font-size-ratio));
    border: calc(2 * var(--site-font-size-ratio)) solid #D00000;
    position: relative;
    background-color: #ffffff;
}
.ranks>div>ul::before{
    content: "おすすめポイント";
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(248 * var(--site-font-size-ratio));
    height: calc(46 * var(--site-font-size-ratio));
    border: calc(3 * var(--site-font-size-ratio)) solid #ffffff;
    background-color: #5D5D5D;
    color: #ffffff;
    font-size: calc(18 * var(--site-font-size-ratio));
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: initial;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ranks>div>ul>li{
    font-size: calc(18 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    line-height: 150%;
    font-weight: 900;
    padding-left: calc(28 * var(--site-font-size-ratio));
    background-image: url(../images/company/check.svg);
    background-size: calc(20 * var(--site-font-size-ratio));
    background-position: top calc(8 * var(--site-font-size-ratio)) left 0;
    background-repeat: no-repeat;
}
.ranks>div>div.content{
    margin: calc(calc(1281 - 921 - 340) * var(--site-font-size-ratio)) auto 0;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: 0.05em;
}
.ranks>div>div.coupon{
    margin: calc(calc(1691 - 1281 - 390) * var(--site-font-size-ratio)) auto 0;
    padding-bottom: calc(calc(1691 + 436 - 1972 - 135) * var(--site-font-size-ratio));
    line-height: 160%;
    letter-spacing: 0.05em;
    border: calc(2 * var(--site-font-size-ratio)) solid #313A81;
    border-radius: calc(12 * var(--site-font-size-ratio));
    overflow: hidden;
    background-color: #F0E8AF;
}
.ranks>div>div.coupon>span{
    display: block;
    background-color: #313A81;
    text-align: center;
    color: #ffffff;
    font-weight: 900;
    font-size: calc(18 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    line-height: 160%;
    padding: calc(calc(1697 - 1691) * var(--site-font-size-ratio)) 0;
}
.ranks>div>div.coupon>p{
    width: calc(254 * var(--site-font-size-ratio));
    margin: calc(calc(1771 - 1691 - 70) * var(--site-font-size-ratio)) auto 0;
    font-weight: 500;
    font-size: calc(16 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    line-height: 160%;
}
.ranks>div>div.coupon>p>span{
    font-size: calc(20 * var(--site-font-size-ratio));
    font-weight: 900;
    color: #D00000;
}
.ranks>div>div.coupon>img{
    display: block;
    width: calc(254 * var(--site-font-size-ratio));
    margin: calc(10 * var(--site-font-size-ratio)) auto 0;
}
.ranks>div>div.splide{
    width: calc(295 * var(--site-font-size-ratio));
    margin: calc(calc(2147 - 1691 - 436) * var(--site-font-size-ratio)) auto 0;
    padding: calc(calc(2176 - 2147) * var(--site-font-size-ratio)) calc(calc(35 - 20) * var(--site-font-size-ratio)) calc(calc(2147 + 395 - 2208 - 310) * var(--site-font-size-ratio));
    background-color: #C8A153;
    position: relative;
}
.ranks>div>div.splide>span{
    display: block;
    width: fit-content;
    margin: auto;
    color: #ffffff;
    font-weight: 900;
    font-size: calc(18 * var(--site-font-size-ratio));
    line-height: initial;
    letter-spacing: 0.05em;
    padding: 0 calc(25 * var(--site-font-size-ratio));
    background-image: linear-gradient(to right,#ffffff,#ffffff),linear-gradient(to right,#ffffff,#ffffff);
    background-size: calc(20 * var(--site-font-size-ratio)) calc(2 * var(--site-font-size-ratio));
    background-position: top 50% left 0,top 50% right 0;
    background-repeat: no-repeat;
}
.ranks>div>div.splide>.splide__arrows{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(calc(291 + 34 - 10) * var(--site-font-size-ratio));
    z-index: 1;
    display: flex;
    justify-content: space-between;
}
.ranks>div>div.splide>.splide__arrows>button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(34 * var(--site-font-size-ratio));
    height: calc(34 * var(--site-font-size-ratio));
    border-radius: 50%;
    background-color: #5D5D5D;
    border: none;
}
.ranks>div>div.splide>.splide__arrows>button::before{
    content: "";
    display: block;
    width: calc(8.88 * var(--site-font-size-ratio));
    height: calc(10.88 * var(--site-font-size-ratio));
    background-color: #ffffff;
    clip-path: polygon(0% 0%,100% 50%,0% 100%);
}
.ranks>div>div.splide>.splide__arrows>button.splide__arrow--prev::before{
    transform: rotateY(180deg);
}
.ranks>div>div.splide>.splide__arrows>button>svg{
    display: none;
}
.ranks>div>div.splide>div.splide__track{
    margin: calc(calc(2208 - 2176 - 22) * var(--site-font-size-ratio)) auto 0;
    padding-bottom: calc(8 * var(--site-font-size-ratio));
}
.ranks>div>div.splide>div.splide__track>.splide__list>.splide__slide{
    padding: calc(calc(2218 - 2208) * var(--site-font-size-ratio)) calc(calc(51 - 35) * var(--site-font-size-ratio)) calc(20 * var(--site-font-size-ratio));
    background-color: #ffffff;
    box-shadow: 0 calc(4 * var(--site-font-size-ratio)) calc(8 * var(--site-font-size-ratio)) 0 #00000025;
    display: grid;
    grid-template-areas:
        "splide-img splide-span"
        "splide-img splide-div"
        "splide-p splide-p";
    grid-template-columns: calc(84 * var(--site-font-size-ratio)) 1fr;
    column-gap: calc(calc(145 - 51 - 84) * var(--site-font-size-ratio));
}
.ranks>div>div.splide>div.splide__track>.splide__list>.splide__slide>img{
    grid-area: splide-img;
    width: 100%;
    border-radius: 50%;
}
.ranks>div>div.splide>div.splide__track>.splide__list>.splide__slide>span{
    grid-area: splide-span;
    align-self: end;
    font-weight: 900;
    font-size: calc(18 * var(--site-font-size-ratio));
    line-height: initial;
    letter-spacing: 0.05em;
}
.ranks>div>div.splide>div.splide__track>.splide__list>.splide__slide>div{
    grid-area: splide-div;
    display: flex;
    flex-direction: row;
    gap: calc(3.52 * var(--site-font-size-ratio));
}
.ranks>div>div.splide>div.splide__track>.splide__list>.splide__slide>div>img{
    width: calc(24.65 * var(--site-font-size-ratio));
}
.ranks>div>div.splide>div.splide__track>.splide__list>.splide__slide>p{
    grid-area: splide-p;
    margin-top: calc(calc(2308 - 2218 - 84) * var(--site-font-size-ratio));
    font-weight: 500;
    font-size: calc(14 * var(--site-font-size-ratio));
    line-height: 160%;
    letter-spacing: 0.05em;
}
/* ranks end */

/* compare2 start */
.compare2{
    margin-top: calc(calc(10619 - 2523 - 8046) * var(--site-font-size-ratio));
    padding-top: calc(calc(10669 - 10619) * var(--site-font-size-ratio));
    padding-bottom: calc(calc(10619 + 579 - 11118 - 30) * var(--site-font-size-ratio));
    padding-left: calc(20 * var(--site-font-size-ratio));
    background-color: #C8A153;
}
.compare2>p{
    width: fit-content;
    margin: auto;
    text-align: center;
    line-height: 160%;
    letter-spacing: 0.05em;
    font-weight: 900;
    position: relative;
}
.compare2>p::before
,.compare2>p::after{
    content: "";
    display: block;
    width: calc(29.81 * var(--site-font-size-ratio));
    height: calc(27.1 * var(--site-font-size-ratio));
    background-image: url(../images/company/compare2-caption.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
}
.compare2>p::before{
    bottom: 0;
    left: 0;
    transform: translateX(calc(-100% - calc(calc(55.94 - 20 - 29.81) * var(--site-font-size-ratio))));
}
.compare2>p::after{
    bottom: 0;
    right: 0;
    transform: rotateY(180deg) translateX(calc(-100% - calc(calc(55.94 - 20 - 29.81) * var(--site-font-size-ratio))));
}
.compare2>p>span:nth-of-type(1){
    font-size: calc(24.62 * var(--site-font-size-ratio));
    color: #FFF600;
}
.compare2>p>span:nth-of-type(1)>span{
    font-size: calc(27.36 * var(--site-font-size-ratio));
}
.compare2>p>span:nth-of-type(2){
    font-size: calc(21.89 * var(--site-font-size-ratio));
    color: #ffffff;
}
.compare2>p>span:nth-of-type(2)~span{
    font-size: calc(24 * var(--site-font-size-ratio));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(39.47 * var(--site-font-size-ratio));
    height: calc(39.47 * var(--site-font-size-ratio));
    background-color: #FFF7E8;
    box-shadow: 0 calc(2.36 * var(--site-font-size-ratio)) calc(4.71 * var(--site-font-size-ratio)) 0 #00000015;
    margin-left: calc(2 * var(--site-font-size-ratio));
    border: calc(1.77 * var(--site-font-size-ratio)) solid #C8A153;
}
.compare2>p>span:nth-of-type(4)~span{
    color: #C8A153;
}
.compare2>div:has(table){
    overflow: auto;
    margin-top: calc(calc(10733 - 10669 - 44) * var(--site-font-size-ratio));
    padding-bottom: calc(calc(11118 - 10733 - 370) * var(--site-font-size-ratio));
}
.compare2>div:has(table)::-webkit-scrollbar{
    height: calc(30 * var(--site-font-size-ratio));
    background-color: #ffffff;
}
.compare2>div:has(table)::-webkit-scrollbar-thumb{
    border: calc(calc(30 - 22) / 2 * var(--site-font-size-ratio)) solid transparent;
    background-color: #C0C0C0;
    border-radius: 9999px;
    background-clip: content-box;
}
.compare2>div:has(table)>table{
    width: max-content;
    border-collapse: collapse;
}
.compare2>div:has(table)>table>thead>tr>th{
    background-color: #868686;
    padding: calc(12 * var(--site-font-size-ratio)) 0;
    font-size: calc(14 * var(--site-font-size-ratio));
    color: #ffffff;
    font-weight: 900;
    letter-spacing: 0.05em;
}
.compare2>div:has(table)>table>thead>tr>th:first-child{
    width: calc(160 * var(--site-font-size-ratio));
}
.compare2>div:has(table)>table>thead>tr>th:first-child~th{
    border-left: calc(1 * var(--site-font-size-ratio)) solid #ffffff;
    width: calc(92 * var(--site-font-size-ratio));
}
.compare2>div:has(table)>table>tbody>tr>td{
    border: calc(1 * var(--site-font-size-ratio)) solid #B6B6B6;
    padding: calc(17 * var(--site-font-size-ratio)) calc(5 * var(--site-font-size-ratio));
    font-weight: 500;
    font-size: calc(16 * var(--site-font-size-ratio));
    letter-spacing: 0.05em;
    text-align: center;
}
.compare2>div:has(table)>table>tbody>tr:first-of-type>td{
    background-color: #FFFB99;
}
.compare2>div:has(table)>table>tbody>tr:first-of-type~tr>td{
    background-color: #ffffff;
}
.compare2>div:has(table)>table>tbody>tr>td>a{
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: calc(calc(81 - 17 - 60) * var(--site-font-size-ratio));
    text-decoration: none;
    color: #ffffff;
    font-weight: 900;
    color: #0062FF;
}
.compare2>div:has(table)>table>tbody>tr>td>a>img[src^='/file/']{
    display: block;
    margin: auto;
    width: calc(133 * var(--site-font-size-ratio));
}
.compare2>div:has(table)>table>tbody>tr>td>a>img[src^='/images/company/']{
    display: block;
    margin: auto;
    width: calc(80 * var(--site-font-size-ratio));
}
.compare2>div:has(table)>table>tbody>tr>td>img[src^='/images/company/']{
    display: block;
    margin: 0 auto calc(calc(67 - 26 - 34) * var(--site-font-size-ratio));
    width: calc(34 * var(--site-font-size-ratio));
}
/* compare2 end */

/* reccomendation start */
.reccomendation{
    margin: calc(calc(11248 - 10619 - 579) * var(--site-font-size-ratio)) auto 0;
    width: calc(335 * var(--site-font-size-ratio));
    background-image: linear-gradient(to bottom,transparent 0 calc(30 * var(--site-font-size-ratio)),#FFF7E8 0 calc(30 * var(--site-font-size-ratio)));
    padding: 0 calc(19 * var(--site-font-size-ratio)) calc(calc(1009 - 919 - 60) * var(--site-font-size-ratio));
}
.reccomendation>div{
    background-color: #C8A153;
    border-radius: calc(12 * var(--site-font-size-ratio));
    font-size: calc(20 * var(--site-font-size-ratio));
    line-height: initial;
    letter-spacing: 0.05em;
    font-weight: 900;
    text-align: center;
    color: #ffffff;
    word-break: keep-all;
    padding: calc(16 * var(--site-font-size-ratio)) calc(calc(35 - 10) * var(--site-font-size-ratio));
    box-shadow: 0 calc(4 * var(--site-font-size-ratio)) calc(8 * var(--site-font-size-ratio)) 0 #00000015;
}
.reccomendation>div::first-line{
    font-size: calc(18 * var(--site-font-size-ratio));
}
.reccomendation>span{
    display: block;
    margin-top: calc(calc(102 - 82) * var(--site-font-size-ratio));
    font-size: calc(26 * var(--site-font-size-ratio));
    font-weight: 900;
    letter-spacing: 0.05em;
    color: #C8A153;
    border-bottom: calc(2 * var(--site-font-size-ratio)) solid #C8A153;
    padding-bottom: calc(calc(143 - 102 - 31) * var(--site-font-size-ratio));
}
.reccomendation>p{
    margin-top: calc(calc(153 - 143 - 2) * var(--site-font-size-ratio));
    font-size: calc(22 * var(--site-font-size-ratio));
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: 160%;
}
.reccomendation>p>span{
    color: #C8A153;
}
.reccomendation>img{
    width: 100%;
    margin-top: calc(calc(265 - 153 - 102) * var(--site-font-size-ratio));
}
.reccomendation>dl{
    margin-top: calc(calc(432 - 265 - 152) * var(--site-font-size-ratio));
    display: flex;
    flex-wrap: wrap;
    row-gap: calc(2 * var(--site-font-size-ratio));
}
.reccomendation>dl>dt{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #C8A153;
    color: #ffffff;
    font-weight: 900;
    letter-spacing: 0.05em;
    font-size: calc(16 * var(--site-font-size-ratio));
    width: calc(91 * var(--site-font-size-ratio));
}
.reccomendation>dl>dd{
    background-color: #ffffff;
    font-weight: 900;
    letter-spacing: 0.05em;
    font-size: calc(16 * var(--site-font-size-ratio));
    text-align: center;
    width: calc(100% - calc(91 * var(--site-font-size-ratio)));
    padding: calc(12 * var(--site-font-size-ratio)) calc(calc(103 - 91) * var(--site-font-size-ratio));
}
.reccomendation>dl>dd:nth-of-type(1){
    font-size: calc(14 * var(--site-font-size-ratio));
}
.reccomendation>dl>dd:nth-of-type(2){
    font-size: calc(14 * var(--site-font-size-ratio));
    line-height: 140%;
    text-align: center;
    font-weight: 900;
}
.reccomendation>dl>dd:nth-of-type(2)>span{
    display: block;
    color: #C8A153;
    font-size: calc(28 * var(--site-font-size-ratio));
    letter-spacing: 0.2em;
    padding-top: calc(8 * var(--site-font-size-ratio));
}
.reccomendation>dl>dd>img[src^='/images/company/']{
    display: block;
    margin: calc(calc(47 - 8 - 34) * var(--site-font-size-ratio)) auto 0;
    width: calc(34 * var(--site-font-size-ratio));
}
.reccomendation>a[href*='/jump/']{
    margin: calc(calc(919 - 432 - 467) * var(--site-font-size-ratio)) auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(295 * var(--site-font-size-ratio));
    height: calc(60 * var(--site-font-size-ratio));
    border-radius: calc(10 * var(--site-font-size-ratio));
    font-weight: 900;
    font-size: calc(20 * var(--site-font-size-ratio));
    color: #ffffff;
    text-decoration: none;
    line-height: initial;
    letter-spacing: 0.05em;
    border: calc(2 * var(--site-font-size-ratio)) solid #ffffff;
    box-shadow: 0 calc(6 * var(--site-font-size-ratio)) calc(8 * var(--site-font-size-ratio)) 0 #00000015;
    background-image: linear-gradient(to bottom, #FF1F1F, #B70000);
    position: relative;
}
.reccomendation>a[href*='/jump/']::after{
    content: '▶';
    font-size: calc(16 * var(--site-font-size-ratio));
    position: absolute;
    top: 50%;
    right: calc(calc(295 + 20 - 275 - 20) * var(--site-font-size-ratio));
    transform: translateY(-50%);
}
/* reccomendation end */
/* -------------------------------base(mobile)↑-------------------------------------- */


/* -----------------desktop(include ipad)↓-------------------- */
@media screen and (min-width: 768px){
    /* top start */
    .top{
        padding-top: calc(40 * var(--site-font-size-ratio));
    }
    .top>img{
        width: calc(850 * var(--site-font-size-ratio));
    }
    /* top end */

    /* compare_table start */
    .compare_table{
        margin: calc(calc(470 - 40 - 380) * var(--site-font-size-ratio)) auto 0;
        padding-bottom: calc(calc(1601 - 665 - 836) * var(--site-font-size-ratio));
        background-image: linear-gradient(to bottom,#ffffff 0 calc(28 * var(--site-font-size-ratio)),#F2F2F2 calc(28 * var(--site-font-size-ratio)) 100%);
    }
    .compare_table>span{
        font-size: calc(32 * var(--site-font-size-ratio));
        padding: calc(calc(482 - 470) * var(--site-font-size-ratio)) calc(calc(105.98 - 88.82) * var(--site-font-size-ratio)) calc(calc(470 + 79 - 482 - 32) * var(--site-font-size-ratio));
        --peso-width: calc(61 * var(--site-font-size-ratio));
        --peso-height: calc(calc(79 - 56) * var(--site-font-size-ratio));
    }
    .compare_table>p{
        margin-top: calc(calc(565.1 - 470 - 79) * var(--site-font-size-ratio));
        font-size: calc(52 * var(--site-font-size-ratio));
    }
    .compare_table>p>span{
        font-size: calc(64 * var(--site-font-size-ratio));
    }
    .compare_table>p>span>span{
        font-size: calc(78 * var(--site-font-size-ratio));
    }
    .compare_table>div:has(table){
        margin: calc(calc(665 - 470 - 173.24) * var(--site-font-size-ratio)) auto 0;
        padding-bottom: 0;
    }
    .compare_table>div:has(table)>table{
        margin: auto;
    }
    .compare_table>div:has(table)>table th
    ,.compare_table>div:has(table)>table td{
        padding: calc(14 * var(--site-font-size-ratio)) calc(calc(215 + 220 - 411) * var(--site-font-size-ratio));
    }
    .compare_table>div:has(table)>table th{
        width: calc(191 * var(--site-font-size-ratio));
        font-size: calc(18 * var(--site-font-size-ratio));
    }
    .compare_table>div:has(table)>table td{
        width: calc(269 * var(--site-font-size-ratio));
        font-size: calc(18 * var(--site-font-size-ratio));
    }
    .compare_table>div:has(table)>table td:nth-of-type(1){
        border-left: calc(6 * var(--site-font-size-ratio)) solid #D00000;
        border-right: calc(6 * var(--site-font-size-ratio)) solid #D00000;
    }
    .compare_table>div:has(table)>table tr:first-of-type>td:nth-of-type(1){
        border-top: calc(6 * var(--site-font-size-ratio)) solid #D00000;
    }
    .compare_table>div:has(table)>table tr:last-of-type>td:nth-of-type(1){
        border-bottom: calc(6 * var(--site-font-size-ratio)) solid #D00000;
    }
    .compare_table>div:has(table)>table tr:nth-of-type(3)>td{
        /* font-size: calc(24 * var(--site-font-size-ratio)); */
    }
    .compare_table>div:has(table)>table tr:nth-of-type(2)>td>span:nth-of-type(1){
        /* margin-top: calc(calc(337 - 255 - 75) * var(--site-font-size-ratio));
        font-size: calc(16 * var(--site-font-size-ratio)); */
    }
    .compare_table>div:has(table)>table td>a:has(img[src^='/file/']){
        gap: calc(calc(43 - 36) * var(--site-font-size-ratio));
        font-size: calc(16 * var(--site-font-size-ratio));
    }
    .compare_table>div:has(table)>table td>a:has(img[src^='/file/'])::before{
        width: calc(41 * var(--site-font-size-ratio));
        height: calc(36 * var(--site-font-size-ratio));
    }
    .compare_table>div:has(table)>table td>a>img[src^='/file/']{
        width: calc(165 * var(--site-font-size-ratio));
    }
    .compare_table>div:has(table)>table td>img[src^='/images/company/']{
        margin: 0 auto calc(calc(503 - 464 - 34) * var(--site-font-size-ratio));
    }
    .compare_table>div:has(table)>table td>a[href*='/jump/']{
        gap: initial;
        width: calc(200 * var(--site-font-size-ratio));
        height: calc(50 * var(--site-font-size-ratio));
        font-size: calc(18 * var(--site-font-size-ratio));
        position: relative;
    }
    .compare_table>div:has(table)>table td>a[href*='/jump/']::after{
        position: absolute;
        top: 50%;
        right: calc(calc(200 - 179 - 11) * var(--site-font-size-ratio));
    }
    /* compare_table end */

    /* items start */
    .items{
        margin: calc(calc(2346 - 2016 - 271) * var(--site-font-size-ratio)) auto 0;
        width: calc(958 * var(--site-font-size-ratio));
    }
    .items>span{
        font-size: calc(42 * var(--site-font-size-ratio));
    }
    .items>span::before
    ,.items>span::after
    {
        width: calc(44 * var(--site-font-size-ratio));
        height: calc(40 * var(--site-font-size-ratio));
    }
    .items>span::before{
        transform: translateX(calc(-100% - calc(calc(567 - 504 - 44) * var(--site-font-size-ratio))));
    }
    .items>span::after{
        transform: rotateY(180deg) translateX(calc(-100% - calc(calc(567 - 504 - 44) * var(--site-font-size-ratio))));
    }
    .items>ul{
        margin-top: calc(calc(2430 - 2346 - 54) * var(--site-font-size-ratio));
    }
    .items>ul>li{
        width: calc(111 * var(--site-font-size-ratio));
        border-radius: calc(8 * var(--site-font-size-ratio));
        gap: calc(calc(97 - 18 - 73) * var(--site-font-size-ratio));
        font-size: calc(18 * var(--site-font-size-ratio));
        padding: calc(18 * var(--site-font-size-ratio)) 0 calc(calc(145 - 97 - 22) * var(--site-font-size-ratio));
    }
    .items>ul>li>img{
        width: calc(79 * var(--site-font-size-ratio));
    }
    /* items end */

    /* ranks start */
    .ranks{
        margin: calc(calc(2647 - 2430 - 145) * var(--site-font-size-ratio)) auto 0;
        width: calc(1000 * var(--site-font-size-ratio));
        gap: calc(60 * var(--site-font-size-ratio));
    }
    .ranks>div{
        padding-bottom: calc(calc(2725 - 1186 - 1499) * var(--site-font-size-ratio));
    }
    .ranks>div>span:first-child{
        font-size: calc(32 * var(--site-font-size-ratio));
        padding: calc(23 * var(--site-font-size-ratio)) calc(40 * var(--site-font-size-ratio));
        gap: calc(calc(116 - 40 - 56.75 ) * var(--site-font-size-ratio));
    }
    .ranks>div>span:first-child::before{
        width: calc(56.75 * var(--site-font-size-ratio));
        height: calc(49.83 * var(--site-font-size-ratio));
    }
    .ranks>div>*:first-child~*{
        width: calc(918 * var(--site-font-size-ratio));
    }
    .ranks>div>p{
        font-size: calc(42 * var(--site-font-size-ratio));
        margin: calc(calc(95 - 75) * var(--site-font-size-ratio)) auto 0;
    }
    .ranks>div>img{
        margin: calc(calc(237 - 95 - 102) * var(--site-font-size-ratio)) auto 0;
    }
    .ranks>div>dl{
        margin: calc(calc(732 - 237 - 468) * var(--site-font-size-ratio)) auto 0;
    }
    .ranks>div>dl>dt{
        width: calc(164 * var(--site-font-size-ratio));
        font-size: calc(24 * var(--site-font-size-ratio));
    }
    .ranks>div>dl>dd{
        width: calc(290 * var(--site-font-size-ratio));
        font-size: calc(20 * var(--site-font-size-ratio));
        padding: calc(13 * var(--site-font-size-ratio)) calc(calc(192 - 175) * var(--site-font-size-ratio));
    }
    /* .ranks>div>dl>dd:first-of-type{
        font-size: calc(20 * var(--site-font-size-ratio));
    } */
    /* .ranks>div>dl>dd:nth-of-type(2){
        font-size: calc(20 * var(--site-font-size-ratio));
    }
    .ranks>div>dl>dd:nth-of-type(2)>span{
        margin-top: calc(8 * var(--site-font-size-ratio));
        font-size: calc(36 * var(--site-font-size-ratio));
    } */
    .ranks>div>dl>dd>img[src^='/images/company/']{
        margin: 0 auto calc(calc(58 - 19 - 34) * var(--site-font-size-ratio));
    }
    .ranks>div>a[href*='/jump/']{
        margin: calc(calc(1066 - 732 - 304) * var(--site-font-size-ratio)) auto 0;
        width: calc(400 * var(--site-font-size-ratio));
        height: calc(70 * var(--site-font-size-ratio));
        font-size: calc(28 * var(--site-font-size-ratio));
    }
    .ranks>div>a[href*='/jump/']::after{
        font-size: calc(20 * var(--site-font-size-ratio));
        right: calc(calc(300 + 400 - 400 - 200) * var(--site-font-size-ratio));
    }
    .ranks>div>ul{
        gap: calc(16 * var(--site-font-size-ratio));
        margin: calc(calc(1206 - 1066 - 70) * var(--site-font-size-ratio)) auto 0;
        padding: calc(calc(1250 - 1206) * var(--site-font-size-ratio)) calc(calc(91 - 41) * var(--site-font-size-ratio)) calc(calc(1206 + 180 - 1250 - 113) * var(--site-font-size-ratio));
        border: calc(4 * var(--site-font-size-ratio)) solid #D00000;
    }
    .ranks>div>ul::before{
        width: calc(626 * var(--site-font-size-ratio));
        height: calc(50 * var(--site-font-size-ratio));
        font-size: calc(24 * var(--site-font-size-ratio));
    }
    .ranks>div>ul>li{
        font-size: calc(22 * var(--site-font-size-ratio));
        padding-left: calc(27.5 * var(--site-font-size-ratio));
        background-size: calc(27.5 * var(--site-font-size-ratio));
        background-position: top calc(6 * var(--site-font-size-ratio)) left 0;
    }
    .ranks>div>div.content{
        margin: calc(calc(1416 - 1206 - 180) * var(--site-font-size-ratio)) auto 0;
    }
    .ranks>div>div.coupon{
        width: calc(736 * var(--site-font-size-ratio));
        margin: calc(calc(1620 - 1416 - 174) * var(--site-font-size-ratio)) auto 0;
        padding-bottom: calc(calc(1620 + 545 - 1798 - 340) * var(--site-font-size-ratio));
        border: calc(4 * var(--site-font-size-ratio)) solid #313A81;
        border-radius: calc(20 * var(--site-font-size-ratio));
    }
    .ranks>div>div.coupon>span{
        font-size: calc(24 * var(--site-font-size-ratio));
        padding: calc(calc(1632 - 1620) * var(--site-font-size-ratio)) 0;
    }
    .ranks>div>div.coupon>p{
        width: calc(664 * var(--site-font-size-ratio));
        margin: calc(calc(1690 - 1620 - 50) * var(--site-font-size-ratio)) auto 0;
        font-size: calc(18 * var(--site-font-size-ratio));
    }
    .ranks>div>div.coupon>p>span{
        font-size: calc(24 * var(--site-font-size-ratio));
    }
    .ranks>div>div.coupon>img{
        width: calc(664 * var(--site-font-size-ratio));
        margin: calc(20 * var(--site-font-size-ratio)) auto 0;
    }
    .ranks>div>div.splide{
        width: calc(852 * var(--site-font-size-ratio));
        margin: calc(calc(2205 - 1186 - 979) * var(--site-font-size-ratio)) auto 0;
        padding: calc(calc(2234 - 2205) * var(--site-font-size-ratio)) calc(calc(132 - 74) * var(--site-font-size-ratio)) calc(calc(2205 + 380 - 2291 - 250) * var(--site-font-size-ratio));
    }
    .ranks>div>div.splide>span{
        font-size: calc(32 * var(--site-font-size-ratio));
        padding: 0 calc(100 * var(--site-font-size-ratio));
        background-size: calc(89.5 * var(--site-font-size-ratio)) calc(2 * var(--site-font-size-ratio));
    }
    .ranks>div>div.splide>.splide__arrows{
        width: calc(calc(910 + 50 - 41) * var(--site-font-size-ratio));
    }
    .ranks>div>div.splide>.splide__arrows>button{
        width: calc(50 * var(--site-font-size-ratio));
        height: calc(50 * var(--site-font-size-ratio));
        cursor: pointer;
    }
    .ranks>div>div.splide>.splide__arrows>button::before{
        width: calc(14 * var(--site-font-size-ratio));
        height: calc(16 * var(--site-font-size-ratio));
    }
    .ranks>div>div.splide>div.splide__track{
        margin: calc(calc(2291 - 2234 - 39) * var(--site-font-size-ratio)) auto 0;
    }
    .ranks>div>div.splide>div.splide__track>.splide__list>.splide__slide{
        padding: calc(calc(2311 - 2291) * var(--site-font-size-ratio)) calc(calc(167 - 132) * var(--site-font-size-ratio)) calc(30 * var(--site-font-size-ratio));
        column-gap: calc(calc(261 - 167 - 84) * var(--site-font-size-ratio));
    }
    .ranks>div>div.splide>div.splide__track>.splide__list>.splide__slide>p{
        margin-top: calc(calc(2405 - 2311 - 84) * var(--site-font-size-ratio));
        font-size: calc(18 * var(--site-font-size-ratio));
    }
    /* ranks end */

    /* compare2 start */
    .compare2{
        margin-top: calc(calc(11042 - 2647 - 8295) * var(--site-font-size-ratio));
        padding-top: calc(calc(11114.6 - 11042) * var(--site-font-size-ratio));
        padding-bottom: calc(calc(11042 + 692 - 11234 - 400) * var(--site-font-size-ratio));
        padding-left: calc(0 * var(--site-font-size-ratio));
    }
    .compare2>p::before
    ,.compare2>p::after{
        width: calc(60.73 * var(--site-font-size-ratio));
        height: calc(55.21 * var(--site-font-size-ratio));
    }
    .compare2>p::before{
        transform: translateX(calc(-100% - calc(calc(452.34 - 379.14 - 60.73) * var(--site-font-size-ratio))));
    }
    .compare2>p::after{
        transform: rotateY(180deg) translateX(calc(-100% - calc(calc(452.34 - 379.14 - 60.73) * var(--site-font-size-ratio))));
    }
    .compare2>p>span:nth-of-type(1){
        font-size: calc(50.15 * var(--site-font-size-ratio));
    }
    .compare2>p>span:nth-of-type(1)>span{
        font-size: calc(55.72 * var(--site-font-size-ratio));
    }
    .compare2>p>span:nth-of-type(2){
        font-size: calc(44.58 * var(--site-font-size-ratio));
    }
    .compare2>p>span:nth-of-type(2)~span{
        font-size: calc(50.4 * var(--site-font-size-ratio));
        width: calc(80.4 * var(--site-font-size-ratio));
        height: calc(81.63 * var(--site-font-size-ratio));
        box-shadow: 0 calc(4.8 * var(--site-font-size-ratio)) calc(9.6 * var(--site-font-size-ratio)) 0 #00000015;
        margin-left: calc(4 * var(--site-font-size-ratio));
        border: calc(3.6 * var(--site-font-size-ratio)) solid #C8A153;
    }
    .compare2>div:has(table){
        margin: calc(calc(11234 - 11114.6 - 89) * var(--site-font-size-ratio)) auto 0;
        /* padding-bottom: 0; */
        width: calc(1000 * var(--site-font-size-ratio));
    }
    .compare2>div:has(table)>table{
        margin: auto;
    }
    .compare2>div:has(table)>table>thead>tr>th{
        padding: calc(23 * var(--site-font-size-ratio)) 0;
        font-size: calc(18 * var(--site-font-size-ratio));
    }
    .compare2>div:has(table)>table>thead>tr>th:first-child{
        width: calc(200 * var(--site-font-size-ratio));
    }
    .compare2>div:has(table)>table>thead>tr>th:first-child~th{
        width: calc(160 * var(--site-font-size-ratio));
    }
    .compare2>div:has(table)>table>tbody>tr>td{
        padding: calc(17 * var(--site-font-size-ratio)) calc(15 * var(--site-font-size-ratio));
        font-size: calc(18 * var(--site-font-size-ratio));
    }
    .compare2>div:has(table)>table>tbody>tr>td>a>img[src^='/file/']{
        width: calc(133 * var(--site-font-size-ratio));
    }
    /* compare2 end */

    /* reccomendation start */
    .reccomendation{
        margin: calc(calc(11834 - 11042 - 692) * var(--site-font-size-ratio)) auto 0;
        width: calc(1000 * var(--site-font-size-ratio));
        background-image: linear-gradient(to bottom,transparent 0 calc(59 * var(--site-font-size-ratio)),#FFF7E8 0 calc(59 * var(--site-font-size-ratio)));
        padding: 0 calc(39 * var(--site-font-size-ratio)) calc(calc(1267 + 59 - 1216 - 70) * var(--site-font-size-ratio));
    }
    .reccomendation>div{
        width: calc(848 * var(--site-font-size-ratio));
        margin: auto;
        border-radius: calc(10 * var(--site-font-size-ratio));
        font-size: calc(46 * var(--site-font-size-ratio));
        padding: calc(21 * var(--site-font-size-ratio)) calc(calc(35 - 10) * var(--site-font-size-ratio));
    }
    .reccomendation>div::first-line{
        font-size: calc(32 * var(--site-font-size-ratio));
    }
    .reccomendation>span{
        margin-top: calc(calc(174 - 140) * var(--site-font-size-ratio));
        font-size: calc(42 * var(--site-font-size-ratio));
        padding-bottom: calc(calc(238 - 174 - 51) * var(--site-font-size-ratio));
    }
    .reccomendation>p{
        margin-top: calc(calc(252 - 238 - 2) * var(--site-font-size-ratio));
        font-size: calc(36 * var(--site-font-size-ratio));
    }
    .reccomendation>img{
        margin-top: calc(calc(384 - 252 - 102) * var(--site-font-size-ratio));
    }
    .reccomendation>dl{
        margin-top: calc(calc(882 - 384 - 468) * var(--site-font-size-ratio));
    }
    .reccomendation>dl>dt{
        font-size: calc(22 * var(--site-font-size-ratio));
        width: calc(164 * var(--site-font-size-ratio));
    }
    .reccomendation>dl>dd{
        font-size: calc(18 * var(--site-font-size-ratio));
        width: calc(290 * var(--site-font-size-ratio));
        padding: calc(13 * var(--site-font-size-ratio)) calc(calc(103 - 91) * var(--site-font-size-ratio));
    }
    .reccomendation>dl>dd:nth-of-type(1){
        font-size: calc(18 * var(--site-font-size-ratio));
    }
    .reccomendation>dl>dd:nth-of-type(2){
        font-size: calc(18 * var(--site-font-size-ratio));
    }
    .reccomendation>dl>dd:nth-of-type(2)>span{
        font-size: calc(36 * var(--site-font-size-ratio));
        padding-top: calc(10 * var(--site-font-size-ratio));
    }
    .reccomendation>a[href*='/jump/']{
        margin: calc(calc(1216 - 882 - 304) * var(--site-font-size-ratio)) auto 0;
        width: calc(400 * var(--site-font-size-ratio));
        height: calc(70 * var(--site-font-size-ratio));
        font-size: calc(28 * var(--site-font-size-ratio));
    }
    .reccomendation>a[href*='/jump/']::after{
        font-size: calc(20 * var(--site-font-size-ratio));
        right: calc(calc(581 + 20 - 400 - 110) * var(--site-font-size-ratio));
    }
    /* reccomendation end */
}

@media screen and (min-width: 1440px){
}
/* -----------------desktop(include ipad)↑-------------------- */