header{
    border-top: 10px solid #51B39E;
}


@media screen and (max-width: 738px){
    #header_loggin .logo {
        padding-bottom: 10px;
    }
    #header_loggin .logo img{
        width: 200px;
    }
    
}

@media screen and (min-width: 739px){
    #header_loggin .logo {
        top: 23px;
    }
    #header_loggin .container{
        padding: 14px 0px 0px;
    }
}


@media (max-width: 768px) {
    .pc {
        display: none !important;
    }
}
@media (min-width: 769px) {
    .sp {
        display: none !important;
    }
}


/**** レスポンシブ調整 ****/
.container{
    max-width: 1170px;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (min-width: 739px){
    header {
        min-width: auto;
    }
    #header_loggin .container {
        padding: 14px 10px 0px;
    }
    #header_loggin .logo{
        left: 10px;
    }
    #header_main .container .gnav{
        right: 10px;
    }
    #header_loggin .loggin_box {
        padding-left: calc(263 / 1170 * 100%);
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 5px 10px;
    }
    #header_loggin .loggin_box a {
        margin-left: 0px;
    }
    .main_wrap .main_content_blog,
    .main_wrap .main_content {
        width: calc(820 / 1170 * 100%);
    }
    .main_wrap .sidebar_blog,
    .main_wrap .sidebar{
        width: calc(320 / 1170 * 100%);
    }
}

#header_loggin .logo {
    width: calc(263 / 1170 * 100%);
}

@media screen and (min-width: 1170px){
    #header_loggin .logo {
        width: 263px;
    }
}
@media screen and (max-width: 738px){
    #header_loggin .logo {
        width: auto;
    }
}


#top_merit{
    min-width: auto;
    height: auto;
    padding: 80px 0px;
}

#top_merit .subtitle{
    position: static;
}
#top_merit ul.top_merit01{
    position: static;
    flex: 1;
}
#top_merit ul li{
    width: 100%;
}
#top_merit ul li .box .text{
    width: auto;
}
#top_merit ul li .box .icon{
    width: 68px;
}

ul.list_style01 li .thumb a img{
    width: 100%;
}



@media (max-width: 768px) {
    #top_merit{
        padding: 40px 0px;
    }
}

@media screen and (min-width: 739px){
    ul.list_style01 {
        margin-left: 0;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
    }
    ul.list_style01:before, ul.list_style01:after{
        display: none;
    }
    ul.list_style01 li {
        width: auto;
        float: none;
        margin-left: 0;
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    ul.list_style01 li .text_wrap{
        flex: 1;
    }
    #top_info .top_news,
    #top_info .top_note{
        width: 48%;
    }
    footer {
       min-width: auto;
    }
    .blog_archive li {
        width: calc( ( 99% - 30px ) / 2);
    }
}

@media screen and (min-width: 739px) and (max-width: 1170px){
    #top_blog .blog_archive li {
        width: calc( ( 99% - 30px ) / 3);
    }
}

@media (min-width: 769px) {
    .top_merit_block{
        display: flex;
        gap: 40px;
        padding: 0 20px;
    }
}

@media (min-width: 1170px) {
    #top_merit ul.top_merit01{
        -moz-column-gap: 20px;
        column-gap: 20px;
        -moz-column-count: 2;
        column-count: 2;
    }
    ul.list_style01 {
        margin-left: 0;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 20px;
    }
}

#top_bnner{
    min-width: auto;
}
.footer_main .footer_list{
    margin-left: 0;
}

.slick-slide a{
    display: block;
    padding-left: 5px;
    padding-right: 5px;
}
.slick-slide img{
    width: 100%;
}

/**** top ****/
#wrapper {
    min-width: auto;
    width: 100%;
}
.slider_bg img{
    width: 100%;
    height: auto;
    max-height: 560px;
    object-fit: cover;
}
.slider_box{
    position: relative;
}
.slider_box .slider_content{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 1200px;
    margin: auto;
}


.slider1_image_1{
    position: absolute;
    left: calc(689 / 1200 * 100%);
    bottom: 0;
    width: calc(424 / 1200 * 100%);
}
.slider1_text_1{
    position: absolute;
    left: calc(79 / 1200 * 100%);
    top: calc(41 / 560 * 100%);
    width: calc(521 / 1200 * 100%);
}

.slider2_image_1{
    position: absolute;
    left: calc(93 / 1200 * 100%);
    bottom: 0;
    width: calc(555 / 1200 * 100%);
}
.slider2_text_1{
    position: absolute;
    left: calc(599 / 1200 * 100%);
    top: calc(87 / 560 * 100%);
    width: calc(574 / 1200 * 100%);
}
.slider2_text_bg{
    display: inline-block;
    height: calc(133 / 560 * 100%);
    position: absolute;
    left: calc((100vw - 100%) / -2);
    right: calc((100vw - 100%) / -2);
    top: calc(197 / 560 * 100%);
    background: rgb(255,252,124);
    background: linear-gradient(0deg, rgba(255,252,124,1) 0%, rgba(255,215,45,1) 100%);
}

.slider3_text_1{
    position: absolute;
    left: calc(44 / 1200 * 100%);
    top: calc(182 / 560 * 100%);
    width: calc(465 / 1200 * 100%);
}

.slider4_image_1{
    position: absolute;
    left: calc(844 / 1200 * 100%);
    bottom: 0;
    width: calc(356 / 1200 * 100%);
}
.slider4_text_1{
    position: absolute;
    left: calc(300 / 1200 * 100%);
    top: calc(135 / 560 * 100%);
    width: calc(595 / 1200 * 100%);
}

.top_slider .slider_text{
    opacity: 0;
    transform: translate3d(0,20px,0);
    transition: opacity 0.6s ease 0.6s,
    transform 0.6s ease 0.6s;
}
.top_slider.slick-initialized .slick-active.slick-current .slider_text{
    opacity: 1;
    transform: translate3d(0,0,0);
}
.top_slider .slick-next{
    right: 15px;
}
.top_slider .slick-prev {
    left: 15px;
    z-index: 1;
}

.top_info_bnr{
    margin-top: 40px;
}

@media (max-width: 768px) {
    .top_slider .slick-next{
        right: 5px;
    }
    .top_slider .slick-prev {
        left: 5px;
    }
    .top_info_bnr ul {
        display: flex;
        margin-left: -10px;
    }
    .top_info_bnr ul li {
        width: 50%;
        padding-left: 10px;
        padding-bottom: 10px;
    }
}


/**** common_mv ****/
.common_mv{
    width: 100%;
    /* height: 140px; */
    background: rgb(59,166,152);
    background: linear-gradient(90deg, rgba(59,166,152,1) 0%, rgba(153,218,210,1) 100%);
}
.common_mv_inner{
    display: flex;
    justify-content: space-between;
    height: 140px;
}
.common_mv_image{
    align-self: flex-end;
}
.common_mv_icon{
    align-self: center;
}

@media (max-width: 768px) {
    .common_mv{
        display: none;
    }
}


.form .checkbox_text span{
    width: auto;
}


.form .checkbox_text span{
    width: auto;
}

.form_offer_box{
    display: flex;
    align-items: center;
    gap: 15px;
}
.form_offer_box .form_offer_box_input{
    flex: 1;
}
.form_offer_check:not(.open){
    display: none;
}
.form .checkbox_list {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}
.form .checkbox_list li {
    float: none;
    margin-right: 0px;
    position: relative;
    padding: 0px 0px;
}
.form .checkbox_list li.other_wrap {
    margin-top: 0px;
    margin-left: 0px;
    padding-bottom: 0px;
    width: 100%;
}


@media (max-width: 768px) {
    .form_offer_box{
        display: block;
    }
    .table_style03 th{
        background-color: #e7e7e7;
    }
}


/*** 新規加盟店募集のご案内 ***/
.shoppingloan_schedule td{
    padding: 5px;
    line-height: 1.5;
}

.shoppingloan_flow_list{
    margin-top: 40px;
    width: 700px;
    max-width: 100%;
}

.shoppingloan_flow_list .flow_day_box{
    display: flex;
    gap: 20px;
    margin-bottom: 60px;
    position: relative;
}
.shoppingloan_flow_list .flow_day_box::after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 100%;
    border-top: 3px solid #000000;
    border-right: 3px solid #000000;
    border-bottom: 3px solid #000000;
    position: absolute;
    right: 25px;
    top: 0;
}
.shoppingloan_flow_list .flow_day_box ul{
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: calc(100% - 160px);
}
.shoppingloan_flow_list .flow_day_box ul li{
    display: flex;
    position: relative;
}
.shoppingloan_flow_list .flow_day_box ul li .flow_box{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 10px 2px;
    position: relative;
    font-size: 1.13rem;
    letter-spacing: 0.02em;
    box-sizing: border-box;
    width: 100%;
}
.shoppingloan_flow_list .flow_day_box ul li .flow_box::after{
    content: "";
    display: inline-block;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    height: calc(tan(60deg) * 20px / 2);
    width: 100%;
    position: absolute;
    left: 50%;
    top: calc(100% - 1px);
    transform: translate3d(-50%,0,0);
}
.flow_color1::after{
    background-color: #d16ab8;
}
.flow_color2::after{
    background-color: #c8814f;
}
.flow_color3::after{
    background-color: #319f8b;
}

.shoppingloan_flow_list .flow_day_box:not(:last-child) ul li:last-child .flow_box::before{
    content: "";
    display: inline-block;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    height: 15px;
    width: 30px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -44px;
    margin: auto;
    background-color: #f60004;
}

.shoppingloan_flow_list .flow_day_box ul li .flow_time{
    position: absolute;
    left: 100%;
    top: 0.5em;
    width: 80px;
}
.shoppingloan_flow_list .flow_day_box .period{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate3d(0,-50%,0);
    font-weight: bold;
    width: 1em;
    line-height: 1.1;
    text-align: center;
}
.shoppingloan_flow_list .flow_day_box .period .rotate{
    display: inline-block;
    transform: rotate(90deg);
}

.flow_color1{
    color: #FFFFFF;
    font-weight: bold;
    background-color: #d16ab8;
}
.flow_color2{
    color: #FFFFFF;
    font-weight: bold;
    background-color: #c8814f;
}
.flow_color3{
    color: #FFFFFF;
    font-weight: bold;
    background-color: #319f8b;
}

.shoppingloan_flow_label{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.shoppingloan_flow_label li{
    width: 6em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.94rem;
}

@media (max-width: 768px) {
    .shoppingloan_flow_list .flow_day_box ul{
        width: calc(100% - 50px);
    }
    .shoppingloan_flow_list .flow_day_box::after{
        width: 10px;
    }
    .shoppingloan_flow_list .flow_day_box ul li{
        flex-direction: column;
    }
    .shoppingloan_flow_list .flow_day_box ul li .flow_box{
        font-size: 0.94rem;
        text-align: center;
    }
    .shoppingloan_flow_list .flow_day_box ul li .flow_time{
        font-size: 0.94rem;
        position: static;
        order: -1;
        width: 100%;
        text-align: right;
    }
}

/*** affiliation_flow_list ***/
.affiliation_flow_list{
    margin-bottom: 40px;

}
.affiliation_flow_list .flow_box{
    margin-bottom: 20px;
}
.affiliation_flow_list .flow_box ul{
    display: flex;
    justify-content: space-between;
    gap: 5px;
}
.affiliation_flow_list .flow_box ul li{
    background-color: #319f8b;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px 5px 10px 10px;
    position: relative;
    margin-right: 15px;
    height: 80px;
}
.affiliation_flow_list .flow_box ul li::before{
    content: "";
    display: inline-block;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    height: 100%;
    width: 15px;
    position: absolute;
    left: calc(100% - 1px);
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #319f8b;
}
.affiliation_flow_list .flow_box ul li .num{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1.8em;
    height: 1.8em;
    border: 1px solid currentColor;
    border-radius: 100%;
    color: #FFFFFF;
    font-size: 0.75rem;
    font-weight: bold;
    
}
.affiliation_flow_list .flow_box ul li .text{
    flex: 1;
    font-size: 0.88rem;
    font-weight: bold;
    color: #FFFFFF;
}
.affiliation_flow_list .period{
    text-align: center;
    position: relative;
}
.affiliation_flow_list .period .period_arrow{
    display: inline-block;
    height: 6px;
    background-color: #fbb200;
    position: absolute;
    left: 14px;
    right: 14px;
    top: 50%;
    z-index: 1;
    transform: translate3d(0,-50%,0);
}
.affiliation_flow_list .period .period_arrow::before{
    content: "";
    display: inline-block;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    height: 20px;
    width: 14px;
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translate3d(0,-50%,0);
    background-color: #fbb200;
}
.affiliation_flow_list .period .period_arrow::after{
    content: "";
    display: inline-block;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    height: 20px;
    width: 14px;
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translate3d(0,-50%,0);
    background-color: #fbb200;
}
.affiliation_flow_list .period .label{
    font-size: 1.25rem;
    color: #fbb200;
    display: inline-block;
    padding: 10px;
    background-color: #FFFFFF;
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .affiliation_flow_list .flow_box{
        position: relative;
    }
    .affiliation_flow_list .flow_box ul{
        flex-direction: column;
        gap: 10px;
        width: calc(100% - 50px);
    }
    .affiliation_flow_list .flow_box ul li{
       justify-content: center;
        padding: 10px 10px 10px 10px;
        position: relative;
        margin-right: 0;
        margin-bottom: 15px;
        height: auto;
        gap: 10px;
    }
    .affiliation_flow_list .flow_box ul li::before{
        width: 100%;
        height: 15px;
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        left: 0;
        right: 0;
        top: calc(100% - 1px);
        bottom: auto;
    }
    .affiliation_flow_list .period{
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
    }
    .affiliation_flow_list .period .period_arrow{
        left: 0;
        right: auto;
        top: 14px;
        bottom: 14px;
        width: 6px;
        height: auto;
        transform: translate3d(0,0,0);
    }
    .affiliation_flow_list .period .period_arrow::before{
        clip-path: polygon(50% 0, 100% 100%, 0 100%);
        transform: translate3d(0,0,0);
        left: -7px;
        top: -14px;
        width: 20px;
        height: 14px;
    }
    .affiliation_flow_list .period .period_arrow::after{
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        transform: translate3d(0,0,0);
        left: -7px;
        top: auto;
        bottom: -14px;
        width: 20px;
        height: 14px;
    }
    .affiliation_flow_list .period .label{
        width: 1em;
        font-size: 1rem;
        line-height: 1.1;
        text-align: center;
        background-color: transparent;
        padding: 0 0 0 15px;
    }
    .rotate_sp{
        display: inline-block;
        transform: rotate(90deg);
    }
}



/**** table_style05 ****/
.table_style05{
    width: 100%;
    border-left: 1px solid #bbbbbb;
    border-top: 1px solid #bbbbbb;
}
.table_style05 th{
    font-weight: bold;
    background-color: #e2e2e2;
}
.table_style05 th,
.table_style05 td{
    padding: 5px;
    border-right: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
}


/*** form ***/
::placeholder{
    color: #8d8d8d;
}

.other_checkbox{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.other_checkbox .box_check{
    position: relative;
}
.other_checkbox  .box_text{
    flex: 1;
}
.other_checkbox  .box_text input{
    padding: 5px;
    width: 100%;
    font-size: 16px;
}

.form .checkbox_list li.other_box {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.form .checkbox_list li.other_box .form_checkbox{
    position: relative;
}
.form .checkbox_list li.other_box .form_text{
    flex: 1;
}
.form .checkbox_list li.other_box .form_text input[type="text"]{
    width: 100%;
    font-size: 1.13rem;
    padding: 5px;
}
.form .checkbox_list li.other_box .form_text input[type="text"]::placeholder,
.form .checkbox_list li.other_wrap input[type="text"]::placeholder{
    font-size: 1rem;
}

.form input[type="text"], .form textarea{
    max-width: 100%;
}
.form .checkbox_list li.other_wrap input[type="text"]{
    width: 100%;
}

@media (max-width: 768px) {
    .form .checkbox_list li.other_box{
        flex-wrap: wrap;
    }
    .form .checkbox_list li.other_box .form_text {
        flex: none;
        width: 100%;
    }
}

ul.ad_bnr_list{
    text-align: center;
    margin-left: -15px;
    margin-top: 20px;
}
ul.ad_bnr_list li{
    display: inline-block;
    height: 180px;
    margin-left: 15px;
    margin-bottom: 15px;
}
ul.ad_bnr_list li img{
    height: 100%;
    width: auto;
}
@media (max-width: 1210px) {
    ul.ad_bnr_list li{
        height: calc(100vw / 1170 * 230);
    }
}

@media screen and (min-width: 739px) {
    body#merit .merit_wrap {
        position: static;
        margin: auto;
        padding-bottom: 40px;
        background: url(/wp-content/uploads/2016/08/merit_title.png) left top no-repeat #888888;
        background-size: 100% auto;
        width: 100%;
        padding: 40px;
        box-sizing: border-box;
    }
    body#merit .sp_none h1{
        display: none;
    }
}

.gmap{
    width: 100%;
    height: 260px;
    margin-top: 30px;
    position: relative;
}
.gmap iframe{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.btn-pdf{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    color: #373737 !important;
    text-decoration: none;
    letter-spacing: 0.02em;
    transition: all 0.3s ease;
}
.btn-pdf::before{
    content: "";
    display: inline-block;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 59.633"><path fill="%23000" d="m180.611 237.15a27.913 27.913 0 0 0 -5.685.528 25.631 25.631 0 0 1 -3.417-4.549c2.8-8.063 1.028-10.355-1.362-10.355-1.877 0-2.815 1.981-2.606 4.17a20.579 20.579 0 0 0 2.187 5.617 63.47 63.47 0 0 1 -3.21 7.252 28.732 28.732 0 0 0 -3.614 1.354c-4.48 2.083-4.84 4.865-3.908 6.044 1.77 2.239 5.541.307 9.325-6.46 2.591-.737 6-1.718 6.306-1.718a.5.5 0 0 1 .14.029c1.889 1.665 4.119 3.572 5.955 3.823 2.656.365 4.169-1.561 4.064-2.759s-.804-2.774-4.175-2.976zm-16.77 7.3c-1.095 1.3-2.866 2.551-3.491 2.135s-.73-1.614.678-2.97a11.777 11.777 0 0 1 4.115-2.188c.418-.156.522 0 .522.209a10.362 10.362 0 0 1 -1.824 2.814zm4.794-17.506c-.1-1.3.155-2.553 1.25-2.709s1.615 1.093 1.2 3.125a16.724 16.724 0 0 1 -.834 3.545c-.208.156-.415-.366-.415-.366a10.774 10.774 0 0 1 -1.201-3.596zm.417 12.244c.572-.939 2.031-4.741 2.031-4.741.312.574 2.76 3.489 2.76 3.489s-3.75.835-4.791 1.251zm11.355 1.665c-1.562-.206-4.219-2.084-4.219-2.084-.364-.156 2.911-.6 4.168-.52 1.616.1 2.189.782 2.189 1.459s-.572 1.353-2.138 1.145z" transform="translate(-144.925 -196.828)"/><path d="m90.268 12.539-11.453-11.454-1.085-1.085h-24.894a10.015 10.015 0 0 0 -10 10v.765h-1.483v11.97h1.481v26.894a10.014 10.014 0 0 0 10 10h28.515a10.015 10.015 0 0 0 10-10v-36zm-8.92 43.389h-28.512a6.3 6.3 0 0 1 -6.3-6.3v-26.893h18.323v-11.965h-18.322v-.77a6.3 6.3 0 0 1 6.3-6.3h22.471v7.1a5.25 5.25 0 0 0 5.25 5.249h7.092v33.58a6.3 6.3 0 0 1 -6.301 6.299zm-34.548-36.584v-5.539a.178.178 0 0 1 .178-.178h1.76a2.175 2.175 0 0 1 .8.141 1.891 1.891 0 0 1 .617.387 1.642 1.642 0 0 1 .4.6 1.956 1.956 0 0 1 .138.733 1.932 1.932 0 0 1 -.139.737 1.708 1.708 0 0 1 -.4.589 1.813 1.813 0 0 1 -.62.388 2.216 2.216 0 0 1 -.795.137h-.743v2.008a.178.178 0 0 1 -.177.177h-.84a.178.178 0 0 1 -.179-.18zm5.427 0v-5.539a.178.178 0 0 1 .177-.178h1.945a2.393 2.393 0 0 1 .969.183 2 2 0 0 1 .739.583 1.727 1.727 0 0 1 .26.456 2.676 2.676 0 0 1 .138.513 4.324 4.324 0 0 1 .053.577c.005.2.008.409.008.634s0 .436-.008.634a4.363 4.363 0 0 1 -.053.578 2.662 2.662 0 0 1 -.138.512 1.722 1.722 0 0 1 -.26.455 1.981 1.981 0 0 1 -.74.584 2.378 2.378 0 0 1 -.969.183h-1.948a.177.177 0 0 1 -.177-.175zm9.269-3.273a.178.178 0 0 1 .177.178v.751a.178.178 0 0 1 -.177.178h-2.128v2.164a.178.178 0 0 1 -.178.177h-.84a.178.178 0 0 1 -.177-.177v-5.536a.178.178 0 0 1 .177-.178h3.221a.178.178 0 0 1 .177.178v.755a.178.178 0 0 1 -.177.178h-2.2v1.333h2.125z" transform="translate(-41.353)"/><path d="m99.635 127.837a.834.834 0 0 0 0-1.105.85.85 0 0 0 -.594-.2h-.7v1.5h.7a.85.85 0 0 0 .594-.195z" transform="translate(-91.707 -111.798)"/><path d="m146.245 130.081a.859.859 0 0 0 .346-.243.939.939 0 0 0 .206-.525 11.1 11.1 0 0 0 0-2 .939.939 0 0 0 -.205-.525.866.866 0 0 0 -.346-.243 1.311 1.311 0 0 0 -.471-.079h-.834v3.69h.834a1.321 1.321 0 0 0 .47-.075z" /></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    width: 2em;
    height: 2em;
    background-color: currentColor;
    color: #B40E02;
    transition: all 0.3s ease;
}
.btn-pdf:hover{
    background-color: #B40E02;
    color: #FFF !important;
    text-decoration: none;
    border-color: #B40E02;
}
.btn-pdf:hover::before{
    color: #FFF;
}


.list_style_indent{
    position: relative;
    margin: 0;
    padding: 0
}
.list_style_indent li  {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 1.25em
}
.list_style_indent li span {
    position: absolute;
    left: 0;
    margin: 0
}


/*** grid ***/
.grid-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: auto;
}

.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
}

.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
}

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
}

.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
}

.grid-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
}

.grid-7 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
}

.grid-8 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
}

.grid-9 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
}

.grid-10 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
}

.gap-0 {
  gap: 0rem;
}

.gap-y-0 {
  row-gap: 0rem;
}

.gap-x-0 {
  -moz-column-gap: 0rem;
       column-gap: 0rem;
}

.gap-5 {
  gap: 0.5rem;
}

.gap-y-5 {
  row-gap: 0.5rem;
}

.gap-x-5 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-10 {
  gap: 1rem;
}

.gap-y-10 {
  row-gap: 1rem;
}

.gap-x-10 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-15 {
  gap: 1.5rem;
}

.gap-y-15 {
  row-gap: 1.5rem;
}

.gap-x-15 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap-20 {
  gap: 2rem;
}

.gap-y-20 {
  row-gap: 2rem;
}

.gap-x-20 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap-25 {
  gap: 2.5rem;
}

.gap-y-25 {
  row-gap: 2.5rem;
}

.gap-x-25 {
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

.gap-30 {
  gap: 3rem;
}

.gap-y-30 {
  row-gap: 3rem;
}

.gap-x-30 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.gap-35 {
  gap: 3.5rem;
}

.gap-y-35 {
  row-gap: 3.5rem;
}

.gap-x-35 {
  -moz-column-gap: 3.5rem;
       column-gap: 3.5rem;
}

.gap-40 {
  gap: 4rem;
}

.gap-y-40 {
  row-gap: 4rem;
}

.gap-x-40 {
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}

.gap-45 {
  gap: 4.5rem;
}

.gap-y-45 {
  row-gap: 4.5rem;
}

.gap-x-45 {
  -moz-column-gap: 4.5rem;
       column-gap: 4.5rem;
}

.gap-50 {
  gap: 5rem;
}

.gap-y-50 {
  row-gap: 5rem;
}

.gap-x-50 {
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}

.gap-55 {
  gap: 5.5rem;
}

.gap-y-55 {
  row-gap: 5.5rem;
}

.gap-x-55 {
  -moz-column-gap: 5.5rem;
       column-gap: 5.5rem;
}

.gap-60 {
  gap: 6rem;
}

.gap-y-60 {
  row-gap: 6rem;
}

.gap-x-60 {
  -moz-column-gap: 6rem;
       column-gap: 6rem;
}

.gap-65 {
  gap: 6.5rem;
}

.gap-y-65 {
  row-gap: 6.5rem;
}

.gap-x-65 {
  -moz-column-gap: 6.5rem;
       column-gap: 6.5rem;
}

.gap-70 {
  gap: 7rem;
}

.gap-y-70 {
  row-gap: 7rem;
}

.gap-x-70 {
  -moz-column-gap: 7rem;
       column-gap: 7rem;
}

.gap-75 {
  gap: 7.5rem;
}

.gap-y-75 {
  row-gap: 7.5rem;
}

.gap-x-75 {
  -moz-column-gap: 7.5rem;
       column-gap: 7.5rem;
}

.gap-80 {
  gap: 8rem;
}

.gap-y-80 {
  row-gap: 8rem;
}

.gap-x-80 {
  -moz-column-gap: 8rem;
       column-gap: 8rem;
}

.gap-85 {
  gap: 8.5rem;
}

.gap-y-85 {
  row-gap: 8.5rem;
}

.gap-x-85 {
  -moz-column-gap: 8.5rem;
       column-gap: 8.5rem;
}

.gap-90 {
  gap: 9rem;
}

.gap-y-90 {
  row-gap: 9rem;
}

.gap-x-90 {
  -moz-column-gap: 9rem;
       column-gap: 9rem;
}

.gap-95 {
  gap: 9.5rem;
}

.gap-y-95 {
  row-gap: 9.5rem;
}

.gap-x-95 {
  -moz-column-gap: 9.5rem;
       column-gap: 9.5rem;
}

.gap-100 {
  gap: 10rem;
}

.gap-y-100 {
  row-gap: 10rem;
}

.gap-x-100 {
  -moz-column-gap: 10rem;
       column-gap: 10rem;
}

@media screen and (max-width: 767px) {
  .grid-1-sp {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: auto;
  }
  .grid-2-sp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }
  .grid-3-sp {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
  }
  .grid-4-sp {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
  }
  .grid-5-sp {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
  }
  .grid-6-sp {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto;
  }
  .grid-7-sp {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: auto;
  }
  .grid-8-sp {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: auto;
  }
  .grid-9-sp {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: auto;
  }
  .grid-10-sp {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: auto;
  }
  .gap-0-sp {
    gap: 0rem;
  }
  .gap-y-0-sp {
    row-gap: 0rem;
  }
  .gap-x-0-sp {
    -moz-column-gap: 0rem;
         column-gap: 0rem;
  }
  .gap-5-sp {
    gap: 0.5rem;
  }
  .gap-y-5-sp {
    row-gap: 0.5rem;
  }
  .gap-x-5-sp {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }
  .gap-10-sp {
    gap: 1rem;
  }
  .gap-y-10-sp {
    row-gap: 1rem;
  }
  .gap-x-10-sp {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .gap-15-sp {
    gap: 1.5rem;
  }
  .gap-y-15-sp {
    row-gap: 1.5rem;
  }
  .gap-x-15-sp {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  .gap-20-sp {
    gap: 2rem;
  }
  .gap-y-20-sp {
    row-gap: 2rem;
  }
  .gap-x-20-sp {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .gap-25-sp {
    gap: 2.5rem;
  }
  .gap-y-25-sp {
    row-gap: 2.5rem;
  }
  .gap-x-25-sp {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
  .gap-30-sp {
    gap: 3rem;
  }
  .gap-y-30-sp {
    row-gap: 3rem;
  }
  .gap-x-30-sp {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
  .gap-35-sp {
    gap: 3.5rem;
  }
  .gap-y-35-sp {
    row-gap: 3.5rem;
  }
  .gap-x-35-sp {
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem;
  }
  .gap-40-sp {
    gap: 4rem;
  }
  .gap-y-40-sp {
    row-gap: 4rem;
  }
  .gap-x-40-sp {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
  .gap-45-sp {
    gap: 4.5rem;
  }
  .gap-y-45-sp {
    row-gap: 4.5rem;
  }
  .gap-x-45-sp {
    -moz-column-gap: 4.5rem;
         column-gap: 4.5rem;
  }
  .gap-50-sp {
    gap: 5rem;
  }
  .gap-y-50-sp {
    row-gap: 5rem;
  }
  .gap-x-50-sp {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }
  .gap-55-sp {
    gap: 5.5rem;
  }
  .gap-y-55-sp {
    row-gap: 5.5rem;
  }
  .gap-x-55-sp {
    -moz-column-gap: 5.5rem;
         column-gap: 5.5rem;
  }
  .gap-60-sp {
    gap: 6rem;
  }
  .gap-y-60-sp {
    row-gap: 6rem;
  }
  .gap-x-60-sp {
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }
  .gap-65-sp {
    gap: 6.5rem;
  }
  .gap-y-65-sp {
    row-gap: 6.5rem;
  }
  .gap-x-65-sp {
    -moz-column-gap: 6.5rem;
         column-gap: 6.5rem;
  }
  .gap-70-sp {
    gap: 7rem;
  }
  .gap-y-70-sp {
    row-gap: 7rem;
  }
  .gap-x-70-sp {
    -moz-column-gap: 7rem;
         column-gap: 7rem;
  }
  .gap-75-sp {
    gap: 7.5rem;
  }
  .gap-y-75-sp {
    row-gap: 7.5rem;
  }
  .gap-x-75-sp {
    -moz-column-gap: 7.5rem;
         column-gap: 7.5rem;
  }
  .gap-80-sp {
    gap: 8rem;
  }
  .gap-y-80-sp {
    row-gap: 8rem;
  }
  .gap-x-80-sp {
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }
  .gap-85-sp {
    gap: 8.5rem;
  }
  .gap-y-85-sp {
    row-gap: 8.5rem;
  }
  .gap-x-85-sp {
    -moz-column-gap: 8.5rem;
         column-gap: 8.5rem;
  }
  .gap-90-sp {
    gap: 9rem;
  }
  .gap-y-90-sp {
    row-gap: 9rem;
  }
  .gap-x-90-sp {
    -moz-column-gap: 9rem;
         column-gap: 9rem;
  }
  .gap-95-sp {
    gap: 9.5rem;
  }
  .gap-y-95-sp {
    row-gap: 9.5rem;
  }
  .gap-x-95-sp {
    -moz-column-gap: 9.5rem;
         column-gap: 9.5rem;
  }
  .gap-100-sp {
    gap: 10rem;
  }
  .gap-y-100-sp {
    row-gap: 10rem;
  }
  .gap-x-100-sp {
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }
}
@media screen and (min-width: 768px) {
  .grid-1-tab {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: auto;
  }
  .grid-2-tab {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }
  .grid-3-tab {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
  }
  .grid-4-tab {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
  }
  .grid-5-tab {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
  }
  .grid-6-tab {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto;
  }
  .grid-7-tab {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: auto;
  }
  .grid-8-tab {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: auto;
  }
  .grid-9-tab {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: auto;
  }
  .grid-10-tab {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: auto;
  }
  .gap-0-tab {
    gap: 0rem;
  }
  .gap-y-0-tab {
    row-gap: 0rem;
  }
  .gap-x-0-tab {
    -moz-column-gap: 0rem;
         column-gap: 0rem;
  }
  .gap-5-tab {
    gap: 0.5rem;
  }
  .gap-y-5-tab {
    row-gap: 0.5rem;
  }
  .gap-x-5-tab {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }
  .gap-10-tab {
    gap: 1rem;
  }
  .gap-y-10-tab {
    row-gap: 1rem;
  }
  .gap-x-10-tab {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .gap-15-tab {
    gap: 1.5rem;
  }
  .gap-y-15-tab {
    row-gap: 1.5rem;
  }
  .gap-x-15-tab {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  .gap-20-tab {
    gap: 2rem;
  }
  .gap-y-20-tab {
    row-gap: 2rem;
  }
  .gap-x-20-tab {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .gap-25-tab {
    gap: 2.5rem;
  }
  .gap-y-25-tab {
    row-gap: 2.5rem;
  }
  .gap-x-25-tab {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
  .gap-30-tab {
    gap: 3rem;
  }
  .gap-y-30-tab {
    row-gap: 3rem;
  }
  .gap-x-30-tab {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
  .gap-35-tab {
    gap: 3.5rem;
  }
  .gap-y-35-tab {
    row-gap: 3.5rem;
  }
  .gap-x-35-tab {
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem;
  }
  .gap-40-tab {
    gap: 4rem;
  }
  .gap-y-40-tab {
    row-gap: 4rem;
  }
  .gap-x-40-tab {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
  .gap-45-tab {
    gap: 4.5rem;
  }
  .gap-y-45-tab {
    row-gap: 4.5rem;
  }
  .gap-x-45-tab {
    -moz-column-gap: 4.5rem;
         column-gap: 4.5rem;
  }
  .gap-50-tab {
    gap: 5rem;
  }
  .gap-y-50-tab {
    row-gap: 5rem;
  }
  .gap-x-50-tab {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }
  .gap-55-tab {
    gap: 5.5rem;
  }
  .gap-y-55-tab {
    row-gap: 5.5rem;
  }
  .gap-x-55-tab {
    -moz-column-gap: 5.5rem;
         column-gap: 5.5rem;
  }
  .gap-60-tab {
    gap: 6rem;
  }
  .gap-y-60-tab {
    row-gap: 6rem;
  }
  .gap-x-60-tab {
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }
  .gap-65-tab {
    gap: 6.5rem;
  }
  .gap-y-65-tab {
    row-gap: 6.5rem;
  }
  .gap-x-65-tab {
    -moz-column-gap: 6.5rem;
         column-gap: 6.5rem;
  }
  .gap-70-tab {
    gap: 7rem;
  }
  .gap-y-70-tab {
    row-gap: 7rem;
  }
  .gap-x-70-tab {
    -moz-column-gap: 7rem;
         column-gap: 7rem;
  }
  .gap-75-tab {
    gap: 7.5rem;
  }
  .gap-y-75-tab {
    row-gap: 7.5rem;
  }
  .gap-x-75-tab {
    -moz-column-gap: 7.5rem;
         column-gap: 7.5rem;
  }
  .gap-80-tab {
    gap: 8rem;
  }
  .gap-y-80-tab {
    row-gap: 8rem;
  }
  .gap-x-80-tab {
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }
  .gap-85-tab {
    gap: 8.5rem;
  }
  .gap-y-85-tab {
    row-gap: 8.5rem;
  }
  .gap-x-85-tab {
    -moz-column-gap: 8.5rem;
         column-gap: 8.5rem;
  }
  .gap-90-tab {
    gap: 9rem;
  }
  .gap-y-90-tab {
    row-gap: 9rem;
  }
  .gap-x-90-tab {
    -moz-column-gap: 9rem;
         column-gap: 9rem;
  }
  .gap-95-tab {
    gap: 9.5rem;
  }
  .gap-y-95-tab {
    row-gap: 9.5rem;
  }
  .gap-x-95-tab {
    -moz-column-gap: 9.5rem;
         column-gap: 9.5rem;
  }
  .gap-100-tab {
    gap: 10rem;
  }
  .gap-y-100-tab {
    row-gap: 10rem;
  }
  .gap-x-100-tab {
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }
}
@media screen and (min-width: 1025px) {
  .grid-1-pc {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: auto;
  }
  .grid-2-pc {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }
  .grid-3-pc {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
  }
  .grid-4-pc {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
  }
  .grid-5-pc {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
  }
  .grid-6-pc {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto;
  }
  .grid-7-pc {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: auto;
  }
  .grid-8-pc {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: auto;
  }
  .grid-9-pc {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: auto;
  }
  .grid-10-pc {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: auto;
  }
  .gap-0-pc {
    gap: 0rem;
  }
  .gap-y-0-pc {
    row-gap: 0rem;
  }
  .gap-x-0-pc {
    -moz-column-gap: 0rem;
         column-gap: 0rem;
  }
  .gap-5-pc {
    gap: 0.5rem;
  }
  .gap-y-5-pc {
    row-gap: 0.5rem;
  }
  .gap-x-5-pc {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }
  .gap-10-pc {
    gap: 1rem;
  }
  .gap-y-10-pc {
    row-gap: 1rem;
  }
  .gap-x-10-pc {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .gap-15-pc {
    gap: 1.5rem;
  }
  .gap-y-15-pc {
    row-gap: 1.5rem;
  }
  .gap-x-15-pc {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  .gap-20-pc {
    gap: 2rem;
  }
  .gap-y-20-pc {
    row-gap: 2rem;
  }
  .gap-x-20-pc {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .gap-25-pc {
    gap: 2.5rem;
  }
  .gap-y-25-pc {
    row-gap: 2.5rem;
  }
  .gap-x-25-pc {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
  .gap-30-pc {
    gap: 3rem;
  }
  .gap-y-30-pc {
    row-gap: 3rem;
  }
  .gap-x-30-pc {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
  .gap-35-pc {
    gap: 3.5rem;
  }
  .gap-y-35-pc {
    row-gap: 3.5rem;
  }
  .gap-x-35-pc {
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem;
  }
  .gap-40-pc {
    gap: 4rem;
  }
  .gap-y-40-pc {
    row-gap: 4rem;
  }
  .gap-x-40-pc {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
  .gap-45-pc {
    gap: 4.5rem;
  }
  .gap-y-45-pc {
    row-gap: 4.5rem;
  }
  .gap-x-45-pc {
    -moz-column-gap: 4.5rem;
         column-gap: 4.5rem;
  }
  .gap-50-pc {
    gap: 5rem;
  }
  .gap-y-50-pc {
    row-gap: 5rem;
  }
  .gap-x-50-pc {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }
  .gap-55-pc {
    gap: 5.5rem;
  }
  .gap-y-55-pc {
    row-gap: 5.5rem;
  }
  .gap-x-55-pc {
    -moz-column-gap: 5.5rem;
         column-gap: 5.5rem;
  }
  .gap-60-pc {
    gap: 6rem;
  }
  .gap-y-60-pc {
    row-gap: 6rem;
  }
  .gap-x-60-pc {
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }
  .gap-65-pc {
    gap: 6.5rem;
  }
  .gap-y-65-pc {
    row-gap: 6.5rem;
  }
  .gap-x-65-pc {
    -moz-column-gap: 6.5rem;
         column-gap: 6.5rem;
  }
  .gap-70-pc {
    gap: 7rem;
  }
  .gap-y-70-pc {
    row-gap: 7rem;
  }
  .gap-x-70-pc {
    -moz-column-gap: 7rem;
         column-gap: 7rem;
  }
  .gap-75-pc {
    gap: 7.5rem;
  }
  .gap-y-75-pc {
    row-gap: 7.5rem;
  }
  .gap-x-75-pc {
    -moz-column-gap: 7.5rem;
         column-gap: 7.5rem;
  }
  .gap-80-pc {
    gap: 8rem;
  }
  .gap-y-80-pc {
    row-gap: 8rem;
  }
  .gap-x-80-pc {
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }
  .gap-85-pc {
    gap: 8.5rem;
  }
  .gap-y-85-pc {
    row-gap: 8.5rem;
  }
  .gap-x-85-pc {
    -moz-column-gap: 8.5rem;
         column-gap: 8.5rem;
  }
  .gap-90-pc {
    gap: 9rem;
  }
  .gap-y-90-pc {
    row-gap: 9rem;
  }
  .gap-x-90-pc {
    -moz-column-gap: 9rem;
         column-gap: 9rem;
  }
  .gap-95-pc {
    gap: 9.5rem;
  }
  .gap-y-95-pc {
    row-gap: 9.5rem;
  }
  .gap-x-95-pc {
    -moz-column-gap: 9.5rem;
         column-gap: 9.5rem;
  }
  .gap-100-pc {
    gap: 10rem;
  }
  .gap-y-100-pc {
    row-gap: 10rem;
  }
  .gap-x-100-pc {
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }
}
.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .flex-sp {
    display: flex;
  }
  .inline-flex-sp {
    display: inline-flex;
  }
  .block-sp {
    display: block;
  }
  .inline-block-sp {
    display: inline-block;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}