* {
    padding: 0;
    margin: 0;
}

.page_pc p {
f:\APP\Microsoft VS Code\resources\app\out\vs\code\electron-sandbox\workbench\workbench.html    text-align: justify;
    line-height: 158%;
    /* letter-spacing: 0.1rem; */
    /* letter-spacing: 0.05rem; */
}
.color {
    color: #e7c388;
}

.color1 {
    color: #fff;
}

.size20 {
    font-size: 1.0416vw;
}
.size26 {
    font-size: 1.354vw;
}
.size36 {
    font-size: 1.875vw;
}

.page_pc {
    overflow: hidden;
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
}

.page_pc img {
    display: block;
    max-width: 100%;
}

.page_pc .pr {
    position: relative;
}

.page_pc .pa {
    position: absolute;
}
.page_pc .p_01 .t_box{
    width: 30.2%;
    left: 56%;
    top: 20%;
}
.page_pc .v_box {
    width: 6.25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
.page_pc .v_box p {
    white-space: nowrap;
    margin-top: 5%;
}
.page_pc .p_02 .v_box {
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
}


.page_pc .p_03 .t_box {
    width: 27.8%;
    left: 13.5%;
    top: 27%;
}
.page_pc .p_03 .t_box p {
    letter-spacing: 0.001rem;
    line-height: 179%;
}
.page_pc .p_03 .t_box span {
    text-decoration: underline;
    color: #86aad9;
    font-weight: bold;
    border-bottom: 3px solid #86aad9;
}

.page_pc .p_03 .v_box {
    top: 30%;
    left: 63%;
}


.page_pc .p_04 .t_box{
    width: 27.239%;
    left: 56%;
    top: 16%;
}
.page_pc .p_04 .t_box .t_tit{
    line-height:normal;
    padding-bottom: 4%;
    font-style: oblique;
}
.page_pc .p_05 .t_box{
    width: 60%;
    left: 20%;
    top: 42%;
}
.page_pc .p_05 p {
    text-align: center;
}

.page_pc .p_05 .t_box .t_tit {
    font-style: oblique;
    padding-bottom: 1%;
}

.page_pc .p_07 .t_box {
    width: 13.9%;
    left: 70%;
    top: 38%;
}
.page_pc .p_07 .t_box .t_tit {
    line-height: normal;
    font-style: oblique;
}
.page_pc .p_07 .t_box .t_01 {
    padding: 17% 8% 0 0;
}


.page_pc .p_08 .t_box {
    width: 26.9%;
    left: 16%;
    top: 23%;
}
.page_pc .p_08 .t_box .t_tit {
    line-height: normal;
    font-style: oblique;
    padding-bottom: 5% ;
}
.page_pc .p_08 .t_box .t_01{
    line-height: 147%;
}

.page_pc .p_09 .t_box {
    width: 22.645%;
    left: 63.5%;
    top: 30%;
}
.page_pc .p_09 .t_box  .t_tit {
    line-height: normal;
    font-style: oblique;
    padding-bottom: 5% ;
}

.page_pc .p_10 .t_box {
    width: 24%;
    left: 16.5%;
    top: 46%;
}
.page_pc .p_10  .t_box .t_tit {
    line-height: normal;
    font-style: oblique;
    padding-bottom: 5% ;
}

.page_pc .p_11 .t_box {
    width: 20.645%;
    left: 65.5%;
    top: 37%;
}
.page_pc .p_11 .t_box  .t_tit {
    line-height: normal;
    font-style: oblique;
    padding-bottom: 5% ;
}


.page_pc .p_12 .t_box {
    width: 20%;
    left: 14.5%;
    top: 32%;
}
.page_pc .p_12 .t_box .t_tit {
    line-height: normal;
    padding-bottom: 5% ;
}
.page_pc .p_12>.t_01 {
    top: 89%;
    left: 29%;
    text-align: center;
}

.page_pc .p_12>.t_02 {
    top: 14%;
    left: 24%;
    text-align: center;
    line-height: normal;
}

.page_pc .p_13 .btn_p {
    left: 50%;
    transform: translateX(-50%);
    top: 84%;
    width: 18.75%;
    box-sizing: border-box;
    background-color: #86aad9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5% 0;
}
.page_pc .p_13  a {
    color: #fff;
    text-decoration: none;
}


@media screen and (min-width:1920px) {
    .size20 {
        font-size: 20px;
    }
    .size26 {
        font-size: 26px;
    }
    .size36 {
        font-size: 36px;
    }

    
}
@media screen and (max-width:1200px) {

    .size20 {
        font-size: 12.7px;
    }
    .size26 {
        font-size: 16px;
    }
    .size36 {
        font-size: 23px;
    }

    
}