@charset "UTF-8";
@media screen and (min-width: 768px),print {
    header{display: none!important;}
    h1{display: none!important;}
    footer{display: none!important;}
    #ee-box{display: none!important;}
    .copyright-box{display: none!important;}
    .pc-menu{display: none!important;}
    .pc-sidefixbunner{display: none!important;}
    #g-nav{display: none!important;}

    .kome-txt-01{
        text-align: right;
        margin-bottom: 8px;
        margin-top: -12px;
        font-size: 12px;
    }
    
    #correction-cost-list .main-ttl{width: 600px;margin: 0 auto 60px;}
    #correction-cost-list .main-ttl img{width: 100%;height: auto;}
    #correction-cost-list .display-none{display: none;}
    
    #correction-cost-list .plan-detail-box{width: 650px;margin: 0 auto;background-color: #eae7dc;border-radius: 26px;padding: 10px 0;margin-bottom: 70px;transition: background-color 0.5s ease;}
    #correction-cost-list .plan-detail-box.change-bg-color{background-color: #fff;}
    #correction-cost-list .plan-detail-box.restore-bg-color{background-color: #eae7dc;transition: background-color 0.5s ease;}
    #correction-cost-list .plan-detail-box h2{font-size: 26px;font-weight: bold;text-align: center;position: relative;}
    #correction-cost-list .plan-detail-box h2 .icon{position: absolute;top: 0;right: 15px;width: 30px;}
    #correction-cost-list .plan-detail-box h2 .icon img{width: 100%;height: auto;}
    #correction-cost-list .plan-detail-box h2 .icon .rotate-180 {transform: rotate(180deg);transition: transform 0.3s ease;}
    #correction-cost-list .plan-detail-box h2 .green{color: #01a89e;}
    #correction-cost-list .plan-detail-box h2 .pink{color: #d52575;}
    #correction-cost-list .plan-detail-box .detail-text-box{padding: 20px;}
    #correction-cost-list .plan-detail-box .detail-text-box .text{font-size: 16px;line-height: 30px;margin-bottom: 30px;}
    #correction-cost-list .plan-detail-box .detail-text-box .text .green{color: #01a89e;font-weight: bold;}
    #correction-cost-list .plan-detail-box .detail-text-box .text .pink{color: #d52575;font-weight: bold;}
    
    #correction-cost-list .plan-detail-box .detail-text-box .clause-btn{width: 160px;margin: 0 auto 0;background-color: #000;border-radius: 50px;font-size: 20px;font-weight: bold;color: #fff;text-align: center;padding: 0 0 0;position: relative;}
    #correction-cost-list .plan-detail-box .detail-text-box .clause-btn:before{content: "×";color: #fff;font-weight: bold;position: absolute;top: 0;right: 10px;}
    
    
    
    
    #correction-cost-list{background: linear-gradient(-225deg, #0180cb 0%, #d31d79  56%, #ffe100 100%);padding: 60px 0 220px;position: relative;}
    #correction-cost-list .correction-cost-general{background-color: #fff;padding: 50px 70px 70px;border-radius: 30px;width: 1100px;margin: 0 auto;}
    #correction-cost-list .correction-cost-general h2{font-size: 50px;font-weight: bold;text-align: center;letter-spacing: 1px; margin-bottom: 30px;}
    #correction-cost-list .correction-cost-general h2 span{color: #02998f;}
    #correction-cost-list .correction-cost-general table{width: 100%; margin-bottom: 80px;}
    #correction-cost-list .correction-cost-general table:last-child{margin-bottom: 0;}
    #correction-cost-list .correction-cost-general table tr{}
    #correction-cost-list .correction-cost-general table tr th{border: 1px solid #01a89e;font-size: 30px;font-weight: bold;color: #fff; background-color: #01a89e;padding: 15px 0;}
    #correction-cost-list .correction-cost-general table tr th:nth-child(1){border-right: 1px solid #fff;}
    #correction-cost-list .correction-cost-general table tr td{border: 1px solid #999;font-size: 30px;line-height: 40px;font-weight: bold;padding: 30px;}
    #correction-cost-list .correction-cost-general table tr td span.detail-text{font-size: 18px;font-weight: normal; line-height: 30px;display: inline-flex;color: #333;}
    #correction-cost-list .correction-cost-general table tr td.ttl-text{width: 62%;color:  #02998f;}
    #correction-cost-list .correction-cost-general table tr td.price{width: 38%;font-size: 30px;vertical-align: middle;}

    #correction-cost-list .correction-cost-plan{background-color: #fff;padding: 50px 70px 70px;border-radius: 30px;width: 1100px;margin: 0 auto;}
    #correction-cost-list .correction-cost-plan h2{font-size: 50px;font-weight: bold;text-align: center;letter-spacing: 1px; margin-bottom: 30px;}
    #correction-cost-list .correction-cost-plan h2 span{color: #d52575;}
    #correction-cost-list .correction-cost-plan table{width: 100%; margin-bottom: 80px;}
    #correction-cost-list .correction-cost-plan table:last-child{margin-bottom: 0;}
    #correction-cost-list .correction-cost-plan table tr{}
    #correction-cost-list .correction-cost-plan table tr th{border: 1px solid #d52575;font-size: 30px;font-weight: bold;color: #fff; background-color: #d52575;padding: 15px 0;}
    #correction-cost-list .correction-cost-plan table tr th:nth-child(1){border-right: 1px solid #fff;}
    #correction-cost-list .correction-cost-plan table tr td{border: 1px solid #999;font-size: 30px;line-height: 40px;font-weight: bold;padding: 30px;}
    #correction-cost-list .correction-cost-plan table tr td span.detail-text{font-size: 18px;font-weight: normal; line-height: 30px;display: inline-flex;color: #333;}
    #correction-cost-list .correction-cost-plan table tr td.ttl-text{width: 62%;color:  #d52575;}
    #correction-cost-list .correction-cost-plan table tr td.price{width: 38%;font-size: 30px;vertical-align: middle;}
    
    #correction-cost-list .plan-navi-btn{display:-webkit-box;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-ms-flexbox;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;position: fixed;bottom: 0;left: 0;right: 0;width: 800px;margin: 0 auto;}
    #correction-cost-list .plan-navi-btn li{width: 48%;margin-right: 4%;background-color: #000;border-radius: 80px;font-size: 30px;font-weight: bold;text-align: center;letter-spacing: 1px; color: #fff; padding: 35px 0 15px;font-feature-settings: "palt";position: relative;line-height: 26px;}
    #correction-cost-list .plan-navi-btn li:before{content: "▲";color: #fff;position: absolute;top: 6px;left: 0;right: 0;font-size: 14px;}
    #correction-cost-list .plan-navi-btn li:nth-child(2){margin-right: 0;}
    #correction-cost-list .plan-navi-btn li .general-color{color: #01a89e;}
    #correction-cost-list .plan-navi-btn li .plan-color{color: #d52575;}
    #correction-cost-list .plan-navi-btn li .small-text{font-size: 16px;letter-spacing: 1px;}
    
    
}
@media screen and (max-width: 767px) {
    header{display: none!important;}
    h1{display: none!important;}
    footer{display: none!important;}
    #ee-box{display: none!important;}
    .sp-page-top{display: none!important;}
    .copyright-box{display: none!important;}
    .sp-fix-list{display: none!important;}
    
    .kome-txt-01{
        margin-bottom: 8px;
        margin-top: -12px;
        font-size: 11px;
        line-height: 1.8;
        text-align: center;
    }

    #correction-cost-list .main-ttl{width: 90%;margin: 0 auto 10vw;}
    #correction-cost-list .display-none{display: none;}
    
    #correction-cost-list .plan-detail-box{width: 80%;margin: 0 auto;background-color: #eae7dc;border-radius: 5vw;padding: 1vw 0;margin-bottom: 12%;transition: background-color 0.5s ease;}
    #correction-cost-list .plan-detail-box.change-bg-color{background-color: #fff;}
    #correction-cost-list .plan-detail-box.restore-bg-color{background-color: #eae7dc;transition: background-color 0.5s ease;}
    #correction-cost-list .plan-detail-box h2{font-size: 3.6vw;font-weight: bold;text-align: center;position: relative;padding-right: 3vw;}
    #correction-cost-list .plan-detail-box h2 .icon{position: absolute;top: 2vw;right: 3vw;width: 3.5vw;}
    #correction-cost-list .plan-detail-box h2 .icon .rotate-180 {transform: rotate(180deg);transition: transform 0.3s ease;}
    #correction-cost-list .plan-detail-box h2 .green{color: #01a89e;}
    #correction-cost-list .plan-detail-box h2 .pink{color: #d52575;}
    #correction-cost-list .plan-detail-box .detail-text-box{padding: 3vw 5% 0;}
    #correction-cost-list .plan-detail-box .detail-text-box .text{font-size: 3.4vw;line-height: 5.4vw;margin-bottom: 5%;}
    #correction-cost-list .plan-detail-box .detail-text-box .text .green{color: #01a89e;font-weight: bold;}
    #correction-cost-list .plan-detail-box .detail-text-box .text .pink{color: #d52575;font-weight: bold;}
    #correction-cost-list .plan-detail-box .detail-text-box .clause-btn{width: 34%;margin: 0 auto 2vw;background-color: #000;border-radius: 5vw;font-size: 3.0vw;font-weight: bold;color: #fff;text-align: center;padding: 0.5vw 0 0;position: relative;}
    #correction-cost-list .plan-detail-box .detail-text-box .clause-btn:before{content: "×";color: #fff;font-weight: bold;position: absolute;top: 0.5vw;right: 1.8vw;}
    
    
    
    
    #correction-cost-list{background: linear-gradient(-225deg, #0180cb 0%, #d31d79  56%, #ffe100 100%);padding: 12% 4% 36%;position: relative;}
    #correction-cost-list .correction-cost-general{background-color: #fff;padding: 8% 5% 12%;border-radius: 5vw;}
    #correction-cost-list .correction-cost-general h2{font-size: 6.2vw;font-weight: bold;text-align: center;letter-spacing: 0.6vw; margin-bottom: 5%;}
    #correction-cost-list .correction-cost-general h2 span{color: #02998f;}
    #correction-cost-list .correction-cost-general table{width: 100%; margin-bottom: 10%;}
    #correction-cost-list .correction-cost-general table:last-child{margin-bottom: 0;}
    #correction-cost-list .correction-cost-general table tr{}
    #correction-cost-list .correction-cost-general table tr th{border: 1px solid #01a89e;font-size: 4.2vw;font-weight: bold;color: #fff; background-color: #01a89e;}
    #correction-cost-list .correction-cost-general table tr th:nth-child(1){border-right: 1px solid #fff;}
    #correction-cost-list .correction-cost-general table tr td{border: 1px solid #999;font-size: 3.8vw;line-height: 5.4vw;font-weight: bold;padding: 3vw 2vw 3.5vw 3vw;}
    #correction-cost-list .correction-cost-general table tr td span.detail-text{font-size: 3.0vw;font-weight: normal; line-height: 4.0vw;display: inline-flex;color: #333;}
    #correction-cost-list .correction-cost-general table tr td.ttl-text{width: 62%;color:  #02998f;}
    #correction-cost-list .correction-cost-general table tr td.price{width: 38%;font-size: 4.0vw;vertical-align: middle;}

    #correction-cost-list .correction-cost-plan{background-color: #fff;padding: 8% 5% 12%;border-radius: 5vw;}
    #correction-cost-list .correction-cost-plan h2{font-size: 6.2vw;font-weight: bold;text-align: center;letter-spacing: 0.6vw; margin-bottom: 5%;}
    #correction-cost-list .correction-cost-plan h2 span{color: #d52575;}
    #correction-cost-list .correction-cost-plan table{width: 100%;margin-bottom: 10%;}
    #correction-cost-list .correction-cost-plan table:last-child{margin-bottom: 0;}
    #correction-cost-list .correction-cost-plan table tr{}
    #correction-cost-list .correction-cost-plan table tr th{border: 1px solid #d52575;font-size: 4.2vw;font-weight: bold;color: #fff; background-color: #d52575;}
    #correction-cost-list .correction-cost-plan table tr th:nth-child(1){border-right: 1px solid #fff;}
    #correction-cost-list .correction-cost-plan table tr td{border: 1px solid #999;font-size: 3.8vw;line-height: 5.4vw;font-weight: bold;padding: 3vw 2vw 3.5vw 3vw;}
    #correction-cost-list .correction-cost-plan table tr td span.detail-text{font-size: 3.0vw;font-weight: normal; line-height: 4.0vw;display: inline-flex;color: #333;}
    #correction-cost-list .correction-cost-plan table tr td.ttl-text{width: 62%;color:  #d52575;}
    #correction-cost-list .correction-cost-plan table tr td.price{width: 38%;font-size: 4.0vw;vertical-align: middle;}
    
    #correction-cost-list .plan-navi-btn{display:-webkit-box;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-ms-flexbox;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;position: fixed;bottom: 3vw;left: 0;right: 0;width: 98%;margin: 0 auto;}
    #correction-cost-list .plan-navi-btn li{width: 49.5%;margin-right: 1%;background-color: #000;border-radius: 20vw;font-size: 5.4vw;font-weight: bold;text-align: center;letter-spacing: 0.3vw; color: #fff; padding: 7.5vw 0 3vw;font-feature-settings: "palt";position: relative;line-height: 5.2vw;}
    #correction-cost-list .plan-navi-btn li:before{content: "▲";color: #fff;position: absolute;top: 1.5vw;left: 0;right: 0;font-size: 1.8vw;}
    #correction-cost-list .plan-navi-btn li:nth-child(2){margin-right: 0;}
    #correction-cost-list .plan-navi-btn li .general-color{color: #01a89e;}
    #correction-cost-list .plan-navi-btn li .plan-color{color: #d52575;}
    #correction-cost-list .plan-navi-btn li .small-text{font-size: 2.8vw;letter-spacing: 0.7vw;}
    
    .pc-attention-box{display: none;}
}