.fees_top_heading_text{
    padding-top: 114px;
    padding-bottom: 68px;
    text-align: center;
}
.feescontent1_flex_cotent{
    min-width: 270px;
    max-width: 270px;
    border: 2px solid #E1E4E7;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 5px;
}
.fees_btn_switch_button_area{
    background: #1D1D1D;
    border-radius: 5px;
    width: 323px;
    margin: 0 auto;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 4px;
    padding-right: 4px;
    display: flex;
    justify-content: center;
    margin-bottom: 52px;
}
.feestoggleButton {
    border: none;
    background-color: #1D1D1D;
    color: #ffffff;
    cursor: pointer;
    padding: 10px 20px;
    margin: 5px;
    border-radius: 5px;
    outline: none;
    width: 153px;
}
.feestoggleButton.feesactive {
    background-color: #FF7600;
    color: white;
}
.feescontent {
    display: none;
    padding: 20px;
}
.feescontent.feeshidden {
    display: none;
}
.feescontent:not(.feeshidden) {
    display: block;
}

.feescontent1_flex_content_top{
    display: flex;
    justify-content: center;
    gap: 50px;
}
.feescontent1_flex_cotent_h3 img{
    width: 19.99px;
}
.fees_content1_name_h3_flex{
    display: flex;
    align-items: center;
    gap:5px
}
.fees_content1_name_wrapper{
    padding-bottom: 15px;
}
.fees_content1_fee_wrapper span{
    padding-right: 10px;
}
.feescontent1_flex_cotent{
    min-height: 353px;
    max-height: 353px;
}
.feescontent1_flex_cotent_in_forbtn{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    height:80%;
}
.fees_content1_period_wrapper{
    min-height:10px;
}
.fees_content1_link_wrapper{
    margin-bottom: -10px;
}
.fees_content1_name_wrapper,
.fees_content1_period_wrapper,
.fees_content1_fee_wrapper,
.fees_content1_list_wrapper,
.fees_content1_link_wrapper,
.feescontent1_list_under_text{
    width: 100%;
}
p.feescontent1_flex_cotent_p01{
    padding-bottom: 5px;
}
p.feescontent1_flex_cotent_border{
    border-bottom: 2px solid #E1E4E7;
    transform: scale(1.11);
    margin-top: 15px;
}
.fees_content1_list_wrapper{
    padding-bottom: 10px;
}
ul.feescontent1_flex_cotent_list_ul{
    padding-left: 20px;
}
.fees_content1_link_wrapper{
    text-align: center;
    padding-top: 25px;
}
.fees_content1_link_wrapper a{
    background: #1D1D1D;
    width: 100%;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    border-radius: 5px;
}
/*
.feescontent1_flex_cotent_use{
    background: #FF7600;
    position: absolute;
    left:310px;
    top:353px;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top:5px;
    padding-bottom: 5px;
    border-radius: 5px;
}
*/
.table_fees_top_tb_heading{
    padding-top: 80px;
    padding-bottom: 40px;
}
.feescontent1_flex_content_top02{
    margin-top: 32px;
}
.fees_top_tb {
    /*
    width: 100%;
    */
    border-collapse: collapse;
    /*
    min-width: 1180px;
    */
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
}
.fees_top_tb__thead {
    background-color:#FF7600;
}
.fees_top_tb__th {
    color: white;
    padding: 10px;
    text-align: left;
    border: 1px solid #ffffff;
}

.fees_top_tb__tbody .fees_top_tb__tr {
    border-bottom: 1px solid #ddd;
}

.fees_top_tb__tbody .fees_top_tb__tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.fees_top_tb__td--first {
    background-color: grey;
    color: white;
    padding: 10px;
    border: 1px solid #ddd; /* 一番左のセルの間に線を追加 */
}

.fees_top_tb__td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd; /* 各セルの間に線を追加 */
}
.table_fees_top_tb_wrapper{
    /*
    max-width: 1160px;
    */
    margin: 0 auto;
    text-align: center;
}
.fees_top_tb__th{
    text-align: center;
}
.fees_top_tb__th_left{
    width: 200px;
    text-align: center;
}
.fees_top_tb__td_in{
    width: 160px;
    text-align: center;
    height: 60px;
}
/*=====各素材の消費点数の説明テキスト=====*/
.fees_under_table_wrapper{
    width: 100%;
    margin: 0 auto;
    padding-top: 90px;
    padding-bottom: 70px;
}
.fees_under_table_heading_text{
    max-width: 1020px;
    width: 1020px;
    margin: 0 auto;
    margin-bottom: -20px;
}
.fees_under_table_content{
    background-color: #f4f4f4;
    max-width: 1020px;
    width: 1020px;
    margin: 0 auto;
    border-radius: 5px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 35px;
    padding-bottom: 15px;
}
.fees_under_table_content p{
    padding-bottom: 20px;
}
.center-line {
    display: inline-block;
    position: relative;
    width: 80px;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
}
.center-line::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-bottom: 1px solid black;
    transform: translateY(-50%);
}
.fees_under_table_asterisk_text{
    padding-top: 30px;
    width: 1070px;
    margin: 0 auto;
}
/*=====サービス概要=====*/
.fees_service_text_wrapper{
    padding-bottom: 90px;
    max-width: 1360px;
    margin: 0 auto;
}
.fees_service_text_area{
    padding-top: 85px;
    padding-bottom: 85px;
}
.fees_service_text_01{
    padding-bottom: 25px;
    text-align: center;
}
.fees_service_text_02{
    text-align: center;
}
.fees_cervice_border_line {
    position: relative;
    width: 100%;
    height: 20px;
}
.fees_cervice_border_line::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #1D1D1D;
    transform: translateY(-50%);
}
/*=====お問い合わせ=====*/
.contact_btn_wrapper{
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    box-shadow:0px 1px 6px rgba(0, 0, 0, 0.16);
}
.contact_btn_text{
    text-align: center;
    padding-bottom: 35px;
}
.contact_btn_under_text{
    text-align: center;
    padding-bottom: 35px;
}
.contact_btn_content_area{
    padding-top: 80px;
    padding-bottom: 50px;
}
/*=====法人=====*/
#feescontent2 .contact_btn_fees_heading_text01{
    padding-bottom: 20px;
}
#feescontent2 .contact_btn_fees_heading_text{
    max-width: 1360px;
    margin: 0 auto;
    padding-bottom: 40px;
}
.contact_btn_text p.contact_btn_content_area01{
    padding-bottom: 200px;
}
@media(max-width:1290px){
    .feescontent1_flex_content_top {
        gap: 20px;
        flex-wrap:wrap;
    }
}
@media(max-width:768px){
    .fees_top_heading_text{
        padding-top:60px;
        padding-bottom:60px
    }
    .fees_btn_switch_button_area {
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 4px;
        padding-right: 4px;
        max-height: 50px;
    }
    .feestoggleButton {
        margin: 5px;
        border-radius: 5px;
        width: 153px;
        padding-top:5.5px;
        padding-bottom:5.5px;
    }
    .fees_under_table_wrapper {
        padding-bottom: 50px;
    }
    .fees_service_text_area {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .fees_service_text_02{
        text-align:left;
    }
    .fees_service_text_02_br02{
        display:none;
    }
    .fees_service_text_wrapper{
        padding-bottom:50px
    }
    .contact_btn_content_area {
        padding:5px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .contact_btn_text {
        padding-bottom: 20px;
    }
    .center-line {
        width: 40px;
        margin-left: 15px;
        margin-right: 15px;
    }
    br.fees_service_text_02_br03{
        display: none;
    }
}
/*
.fees_top_tb{
    border-bottom:1px solid #FF7600;
}
*/
.fees_top_tb {
    border-bottom: 1px solid #FF7600;
    border-radius: 12px;
    border-right: 1px solid #FF7600;
}
.fees_under_table_content p{
    font-weight:700;
}
.contact_btn_under_text a{
    color:#FF7600!important;
}
.feescontent1_flex_cotent.feesactive {
    border:3px solid  #FF7600;
    position: relative;
}
.feescontent1_flex_cotent.feesactive::before {
    content: "ご利用中プラン";
    position: absolute;
    color:white;
    background-color: #FF7600;
    padding: 8px;
    border-radius: 5px; 
    font-size: 16px;
    z-index: 10;
    top: -20px;
    right: 0;
    margin-right: 5%;
    font-weight: bold;
}
p.feescontent1_flex_cotent_border.feesactive {
    border-bottom:3px solid #FF7600;
}
.feescontent1_flex_cotent_h3.feesactive{
    color:#FF7600;
}
.fees_content1_link_wrapper.active p.feescontent1_flex_cotent_border {
    border-bottom: 2px solid #FF7600;
}
.fees_content1_link_wrapper.active .feescontent1_flex_content_top01_inc .feescontent1_flex_cotent {
    border-color: #FF7600;
}