body.sub    {
    background-position: center top 78.125vw;
}

main section.sec1 .inner .box img   {
    width: 23.25%;
}

main section.sec2 .inner .box img   {
    width: clamp(266px,44.375%,355px);
}

.subbox {
    background: #F0F4FA;
    border: 1px solid #007A4C;
    max-width: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.subbox1    {
    background-image: url(../images/subbox_arrow.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7.5% auto;
}

.subbox .subbox_label {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    height: 40px;
    border-radius: 20px;
    color: #F0F4FA;
    background-color: #009944;
}

.subbox1 .subbox_label {
    width: 250px;
}

.subbox dt.subbox_label {
    margin-left: 0;
    margin-right: 0;
}

.subbox dd  {
    flex: 1;
}

ul.bglist li    {
    padding-left: 0 !important;
    background-color: #626771;
}

ul.bglist li:before {
    display: none;
}

main section.sec4 .inner dl div:not(:last-of-type) {
    border-bottom: 1px dashed #000;
}

main section.sec4 .inner dl div dt  {
    flex: 1;
}

main section.sec4 .inner dl div dd  {
    width: 57%;
}

main section .inner .underline   {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

main section.sec5 .inner table tr   {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
}

main section.sec5 .inner table tr th,
main section.sec5 .inner table tr td    {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

main section.sec5 .inner table tr th    {
    color: white;
    background-color: #626771;
    text-align: center;
    width: 25%;
    vertical-align: middle;
}

.flex.picarea   {
    width: 100%;
    gap: 25px;
}

.flex.picarea.picarea1 > img,
.flex.picarea.picarea3 > .piccol   {
    width:calc((100% - 50px) / 3);
}

.flex.picarea.picarea2   {
    width: 81.25%;
    margin-right: auto;
    margin-left: auto;
}

.scrollhint {
    width: 100%;
    position: relative;
    max-width: 840px;
    padding: 0 20px;
    overflow-x: scroll;
    margin-left: auto;
    margin-right: auto;
}

.scrollhint::-webkit-scrollbar {
  display: none;
}

.scrollhint img {
    width: min(100%,800px);
    height: auto;
    max-width: none;
}

.flex.picarea.picarea2 > img   {
    width:calc((100% - 25px) / 2);
}

@media screen and (max-width: 834px)    {
    main section.sec1 .inner .box img   {
        width: 44.25vw;
    }
    
    .subbox1    {
        background-size: 13.97%;
    }

    .subbox1 .subbox_label  {
        width: 100%;
    }

    .subbox dd  {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 12vw;
    }
    
    .flex.picarea.picarea  {
        width: 100% !important;
    }

    .scrollhint img {
        min-width: 600px;
    }
    
    main section .inner .underline:not(.sp_w100p)   {
        min-width: 150px;
        width: fit-content !important;
    }
    
    main section.sec5 .inner table,
    main section.sec5 .inner table tbody,
    main section.sec5 .inner table tr,
    main section.sec5 .inner table tr th,
    main section.sec5 .inner table tr td    {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}