::selection{color:#fff; background-color: var(--v-primary-base);}

.v-main{
    padding-top: 62px !important;
}

.fixed-container{
    padding-top:40px;
}

@media (min-width:576px){
}
@media (min-width:768px){
}
@media (min-width:1024px){
}
@media (min-width:1200px){
    .fixed-container{
        padding-top:140px;
    }

    .v-main{
        padding-top: 110px !important;
    }
}

/* sub-tab-wrap */
:root{
    --sub-tab-height: 80px;
}
.sub-tab-wrap{
    position: relative;
    z-index: 4;
    border-bottom: 1px solid #e4e4e4;
}
.sub-tab-wrap + .sub-tab-wrap{
    z-index: 2;
}
.sub-tab-wrap .tab{
    max-width: var(--container);
    margin:auto;
}
@media (min-width:768px){
    .sub-tab-wrap{
        min-height: var(--sub-tab-height);
    }
    .sub-tab-wrap .tab__btn{
        height:var(--sub-tab-height);
    }
}

/* Form */
#contents table tr td .theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state)>.v-input__control>.v-input__slot fieldset,
.formmail-input__table .theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state)>.v-input__control>.v-input__slot fieldset{
    color:rgba(0,0,0,.15);
}

.bg-gray{
    position: relative;
}

.bg-gray::before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 200px;
    background-color: #f4f4f4;
    top: 0;
    left: 0;
    z-index: 1;
}

.bg-gray .container{
    position: relative;
    z-index: 2;
}

.bottom-line{
    position: relative;
}

.bottom-line::after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    max-width: 1200px;
    height: 1px;
    background-color: #eee;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

.polygon-img{
    position: relative;
}

.polygon-img::after{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%) rotate(45deg);
    background-color: #f4f4f4;
    width: 40px;
    height: 40px;
}

.polygon-img-sm::after{
    width: 36px;
    height: 36px;
}

.polygon-img-w::after{
    background-color: #fff;
}

@media (min-width:576px){
}
@media (min-width:768px){
}
@media (min-width:1024px){
    .polygon-img::after{
        width: 66px;
        height: 66px;
    }

    .polygon-img-sm::after{
        width: 52px;
        height: 52px;
    }

    .bg-gray::before{
        height: 400px;
}
@media (min-width:1200px){
}