/* トータル保守　*/

.maintenance_repair_btn {
    display: table-cell;
    /*float: left;
    width: 485px;
    height: 70px;
    margin-right: 30px;*/
}

.maintenance_repair_btn:hover {
    opacity: 0.7;
}

.maintenance_repair_top{
display: table;
border-collapse: separate;
border-spacing: 10px 0;
text-align: center;
width: 900px;
margin: 30px auto 0;
}

.maintenance_repair_top > .maintenance_repair_btn:last-child {
    margin-right: 0;
}

.maintenance_repair_btn > a {
    vertical-align: middle;
    text-align: center;
    font-size: 24px;
    color: #fff;
    text-decoration: none !important;
    background-color: #eb5c01;
    padding: 20px;
}

.maintenance_repair_btn > a:before {
  content: "\f054";
font-family: FontAwesome;
    display: inline-block;
    margin-right: 10px;

}

@media screen and (min-width: 769px) {


    .maintenace_top {
        width: 100%;
        padding:  30px 0;
        background-image: url(/img/service/maintenace_bg.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .maintenace_btn {
        font-size: 23px;
    }
    .maintenance-hgt {
        height: 135px;
    }
    .mt40 {
        margin-top: 40px;
    }

    .maintenace-page_list {
        color: #fff;
    }

    .maintenace_subtitle {
        width: 850px;
        margin: 0 auto;
        background-color: rgba(235, 92, 1, 0.5);
    }

    .maintenance_service {
        width: 1000px;
        margin: 0 auto 50px;
    }

    .service_detail_link {
        display: block;
        width: 520px;
        height: 65px;
        margin: 40px auto 0;
        line-height: 65px;
        font-size: 24px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        background-color: #eb5c01;
    }

    .service_detail_link:hover {
        opacity: 0.7;
    }

    .service_detail_link:before {
      content: "\f054";
  font-family: FontAwesome;
        display: inline-block;
        margin-right: 10px;
    }

    .maintenance_repair_service_link {
        display: block;
        width: 700px;
        height: 65px;
        margin: 40px auto;
        line-height: 65px;
        font-size: 24px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        background-color: #50b436;
    }

    .maintenance_repair_service_link:hover {
        opacity: 0.7;
    }

    .maintenance_repair_service_link:before {
      content: "\f003";
  font-family: FontAwesome;
        display: inline-block;
        margin-right: 10px;
    }

    .maintenance_top {
        width: 1000px;
        margin: 0 auto;
    }

    .maintenance_repair {
        float: left;
        display: block;
        margin: 0 auto 30px;
    }

    .maintenance_repair_title {
        text-align: center;
        margin-bottom: 20px;
    }

    .maintenance_top_inner {
        float: left;
        width: 485px;
        margin-right: 30px;
    }

    .maintenance_top_img {
        display: block;
        margin: 0 auto 30px;
    }

    .maintenance_top>.maintenance_top_inner:last-child {
        margin-right: 0;
    }



    .maintnance_service_link {
        display: block;
    }

    .maintnance_service_link_pd {
        display: block;
        padding: 15px 25px !important;
    }

    .maintenance_mg {
        margin-top: 16px;
    }



}


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

    .mt40 {
        margin-top: 2em;
    }

    .maintenace_top {
        width: 100%;
        padding:  30px 0;
        background-image: url(/img/service/maintenace_bg.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .maintenance_top_inner {
        width: 90%;
        margin: 0 auto 30px;
    }

    .maintnance_service_link {
        display: block;
    }

    .maintenance_top_img {
        display: block;
        margin: 0 auto 30px;
    }

    .maintenance_top>.maintenance_top_inner:last-child {
        margin-bottom: 0;
    }

    .maintenace-page_list {
        color: #fff;
    }
    .maintenace_subtitle {
        width: 80%;
        margin: 0 auto;
        background-color: rgba(235, 92, 1, 0.5);
    }

    .service_detail_link {
        display: block;
        width: 90%;
        padding: 3% 0;
        margin: 40px auto;
        text-align: center;
        text-decoration: none;
        color: #fff;
        background-color: #eb5c01;
    }

    .service_detail_link:hover {
        opacity: 0.7;
    }

    .service_detail_link:before {
      content: "\f054";
  font-family: FontAwesome;
        display: inline-block;
        margin: 0 3% 0 2%;
    }

    .maintenance_repair_service_link {
        display: block;
        width: 90%;
        padding: 3%;
        margin: 0 auto;
        font-size: 18px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        background-color: #50b436;
    }

    .maintenance_repair_service_link:hover {
        opacity: 0.7;
    }

    .maintenance_repair_service_link:before {
        display: inline-block;
        content: "\f003";
    font-family: FontAwesome;

    }




    .maintenance_repair_btn {
        display: block;
        padding-bottom: 3em;
        width: 100%;
    }
    .maintenance_repair_top:last-child{
      padding-bottom: 0;
    }

    .maintenance_repair_btn:hover {
        opacity: 0.7;
    }

.maintenance_repair_top{
  display: block;
  text-align: center;
width: 90%;
margin: 10px auto 20px;
}

    .maintenance_repair_top > .maintenance_repair_btn:last-child {
        margin-right: 0;
    }

    .maintenance_repair_btn > a {
        vertical-align: middle;
        text-align: center;
        font-size: 1em;
        color: #fff;
        text-decoration: none !important;
        background-color: #eb5c01;
    }

    .maintenance_repair_btn > a:before {
      content: "\f054";
  font-family: FontAwesome;
        display: inline-block;
        margin-right: 10px;

    }





    .maintnance_service_link {
        display: block;
    }

    .maintnance_service_link_pd {
        display: block;
        padding: 15px 25px !important;
    }

    .maintenance_mg {
        margin-top: 16px;
    }



}


/*　ネットワーク総合　*/
@media screen and (min-width: 769px) {

    .network_top {
        width: 100%;
        padding: 30px 0;
        background-image: url(/img/service/nw_m-top_bg.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .network-top_subtitle {
        width: 905px;
        margin: 0 auto;
        background-color: rgba(235, 92, 1, 0.5);
    }
    .network-top_subtitle-text {
        padding: 15px;
        line-height: 1.75; /* line-height: 140%; */
        text-align: left; /* center; */
        color: #fff;
    }



    .network_construction_inner {
        width: 830px;
        margin: 0 auto 60px;
    }
    .network_construction>.network_construction_inner:last-child {
        margin-bottom: 0;
    }
    .network_construction_title {
        margin-bottom: 30px;
        text-align: center;
        font-size: 24px;
    }
    .network_construction_img-left {
        float: left;
        margin-right: 30px;
    }
    .network_construction_text {
        float: left;
        width: 400px;
        padding: 60px 0 30px;
    }

    .network_construction_text_detail {
        margin-bottom: 30px;
        line-height: 1.75; /* line-height: 145%; */
    }



    .network_failure_inner {
        width: 1000px;
        margin: 0 auto 60px;
    }
    .network_failure>.network_failure_inner:last-child {
        margin-bottom: 0;
    }
    .network_failure_title {
        margin-bottom: 30px;
        text-align: center;
        font-size: 24px;
    }
    .network_failure_img-left {
        float: left;
        margin-right: 30px;
    }
    .network_failure_text {
        float: left;
        width: 570px;
    }

    .network_failure_text_detail {
        margin-bottom: 30px;
        line-height: 1.75; /* line-height: 145%; */
    }


    .mt40 {
        margin-top: 40px;
    }
    .pd60 {
        padding-top: 60px;
    }

    .mb2em {
        margin-bottom: 2em;
    }

    .network-page_list {
        line-height: 1.75; /* line-height: 130%; */
        vertical-align: middle;
        color: #fff;
    }

    .network_4clm {
        width: 1000px;
        margin: 60px auto;
    }

    .network_4clm>.m-4clm_inner:last-child {
        margin-right: 0;
    }



    .network_welfare1 {
        width: 605px;
        margin: 0 auto 60px;
    }

    .network_welfare1 > .m-5clm_inner{
        width: 181px;
    }

    .network_welfare2 {
        width: 430px;
        margin: 0 auto;
    }

    .network_welfare2 > .m-5clm_inner{
        width: 200px;
    }

    .network_welfare1>.m-5clm_inner:last-child {
        margin-right: 0;
    }

    .network_welfare2>.m-5clm_inner:last-child {
        margin-right: 0;
    }

    .network_welfare_link {
        padding: 15px 5px;
        vertical-align: middle;
        text-align: center;
        font-size: 18px;
        color: #fff;
        text-decoration: none !important;
        background-color: #eb5c01;
    }
    .network_welfare_link:before {
        content: "";
        display: inline-block;
        width: 7px;
        height: 10px;
        margin: 0 3px;
        background-image: url(/img/module/m-btn_small-arrow.png);
        background-repeat: no-repeat;
    }
    .network_welfare_link:hover {
        opacity: 0.7;
    }

    .network_service_link {
        display: table;
        float: right;
        width: 460px;
        height: 85px;
        margin-right: 24px;
        background-image: url(/img/contacts/m-contact.png);
        background-repeat: no-repeat;
    }

    .network_service_link_text {
        display: table-cell;
        text-decoration: none;
        vertical-align: middle;
        text-align: center;
        padding: 5px 0 0 45px;
        font-size: 24px;
        color: #fff;
    }




}

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

    .network_top {
        width: 100%;
        padding: 30px 0;
        background-image: url(/img/service/nw_m-top_bg.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .mt40 {
        margin-top: 40px;
    }
    .network-page_list {
        line-height: 1.75; /* line-height: 130%; */
        vertical-align: middle;
        color: #fff;
    }

    .network-top_subtitle {
        width: 80%;
        margin: 0 auto;
        background-color: rgba(235, 92, 1, 0.5);
    }
    .network-top_subtitle-text {
        padding: 15px;
        line-height: 1.75; /* line-height: 140%; */
        font-size: 12px;
        text-align: left; /* center; */
        color: #fff;
    }

    .network_welfare_link {
        padding: 10px 15px;
        vertical-align: middle;
        text-align: center;
        font-size: 12px;
        color: #fff;
        text-decoration: none !important;
        background-color: #eb5c01;
    }
    .network_welfare_link:before {
        content: "";
        display: inline-block;
        width: 7px;
        height: 10px;
        margin: 0 3px;
        background-image: url(/img/module/m-btn_small-arrow.png);
        background-repeat: no-repeat;
    }
    .network_welfare_link:hover {
        opacity: 0.7;
    }



    .network_construction_img-left {
        display: block;
        width: 90%;
        height: auto;
        margin: 0 auto 5%;
    }

    .network_construction_text_detail {
        width: 90%;
        margin: 0 auto 5%;
        line-height: 1.75; /* line-height: 140%; */
    }


    .network_failure_img-left {
        display: block;
        width: 90%;
        height: auto;
        margin: 0 auto 5%;
    }

    .network_failure_text_detail {
        width: 90%;
        margin: 0 auto 5%;
        line-height: 1.75; /* line-height: 140%; */
    }

    .m-2clm-win_text {
        display: block;
        width: 100%;
        height: auto;
    }
    .m-2clm-win_text_right {
        float: left;
        display: block;
        width: 46%;
        margin-left: 10px;
    }
    .m-2clm-win_link-title {
        padding-left: 15px;
        font-size: 18px;
        text-decoration: none;
        color: #333;
        background-image: url(/img/module/m-content-1_text-arrow.png);
        background-repeat: no-repeat;
        background-position: 0, 10;
    }
    .m-2clm-win_link-title:hover {
        color: #eb5c01;
        background-image: url(/img//module/m-content-1_text-arrow-hover.png);
        transition: all 0.3s;
    }

    .m-2clm-win_title {
        margin-bottom: 15px;
        text-align: center;
        font-size: 18px;
    }
    .m-2clm-win_text_left {
        float: left;
        display: block;
        width: 46%;
        margin-right: 10px;
    }
    .m-2clm-win_text-title {
        margin-bottom: 15px;
        font-size: 20px;
        color: #333;
    }

}


/*　ソリューションサービス　*/
@media screen and (min-width: 769px) {

    .solution_top {
        width: 100%;
        padding: 30px 0;
        background-image: url(/img/service/ss_m-top_bg.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .solution-top_subtitle {
        width: 845px;
        margin: 0 auto;
        background-color: rgba(235, 92, 1, 0.5);
    }
    .solution-top_subtitle-text {
        padding: 15px;
        line-height: 1.75; /* line-height: 140%; */
        text-align: left; /* center; */
        color: #fff;
    }

    .solution-page_list {
        line-height: 1.75; /* line-height: 130%; */
        vertical-align: middle;
        color: #fff;
    }

    .solution_municipality {
        width: 1000px;
        margin: 60px auto;
    }

    .solution_municipality>.m-4clm_inner:last-child {
        margin-right: 0;
    }

    .solution_welfare1 {
        width: 605px;
        margin: 0 auto 60px;
    }

    .solution_welfare1 > .m-5clm_inner{
        width: 181px;
    }

    .solution_welfare2 {
        width: 430px;
        margin: 0 auto;
    }

    .solution_welfare2 > .m-5clm_inner{
        width: 200px;
    }



    .solution_welfare1>.m-5clm_inner:last-child {
        margin-right: 0;
    }

    .solution_welfare2>.m-5clm_inner:last-child {
        margin-right: 0;
    }

    .solution_welfare_link {
        padding: 15px 5px;
        vertical-align: middle;
        text-align: center;
        font-size: 18px;
        color: #fff;
        text-decoration: none !important;
        background-color: #eb5c01;
    }
    .solution_welfare_link:before {
      content: "\f054";
  font-family: FontAwesome;
        display: inline-block;
        margin: 0 3px;
    }
    .solution_welfare_link:hover {
        opacity: 0.7;
    }

    .solution_service_link {
        display: table;
        float: right;
        width: 460px;
        height: 85px;
        margin-right: 24px;
        background-image: url(/img/contacrts/m-contact.png);
        background-repeat: no-repeat;
    }

    .solution_service_link_text {
        display: table-cell;
        text-decoration: none;
        vertical-align: middle;
        text-align: center;
        padding: 5px 0 0 45px;
        font-size: 24px;
        color: #fff;
    }




}


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

    .solution_top {
        width: 100%;
        padding: 30px 0;
        background-image: url(/img/service/ss_m-top_bg.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .mt40 {
        margin-top: 40px;
    }
    .solution-page_list {
        line-height: 1.75; /* line-height: 130%; */
        vertical-align: middle;
        color: #fff;
    }

    .solution-top_subtitle {
        width: 80%;
        margin: 0 auto;
        background-color: rgba(235, 92, 1, 0.5);
    }
    .solution-top_subtitle-text {
        padding: 15px;
        line-height: 1.75; /* line-height: 140%; */
        font-size: 12px;
        text-align: left; /* center; */
        color: #fff;
    }

    .solution_welfare_link {
        padding: 10px 15px;
        vertical-align: middle;
        text-align: center;
        font-size: 12px;
        color: #fff;
        text-decoration: none !important;
        background-color: #eb5c01;
    }
    .solution_welfare_link:before {
      content: "\f054";
  font-family: FontAwesome;
        display: inline-block;
        margin: 0 3px;
    }
    .solution_welfare_link:hover {
        opacity: 0.7;
    }



}

/* ipod/ipad */
@media screen and (min-width: 769px) {

    .repair_top {
        width: 1000px;
        margin: 0 auto;
    }

    .repair_btn {
        display: table;
        float: left;
        width: 470px;
        height: 90px;
        margin-right: 30px;
    }

    .repair_btn:hover {
        opacity: 0.7;
    }


    .repair_top > .repair_btn:last-child {
        margin-right: 0;
    }

    .repair_btn > a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 20px;
        color: #eb5c01; /* #fff; */
        background-color: #fff; /* #eb5c01; */
        border: 1px solid #eb5c01;
        text-decoration: none;
    }

    .repair_btn > a:before {
      content: "\f054";
  font-family: FontAwesome;
        display: inline-block;
        margin: 0 10px 1px 0;
    }

    .repair_top_inner {
        float: left;
        width: 485px;
        height: 90px;
        vertical-align: middle;
        text-align: center;
        font-size: 24px;
        color: #fff;
        text-decoration: none !important;
        background-color: #eb5c01;
    }

    .repair_menu {
        width: 960px;
        margin: 0 auto 50px;
        text-align: center;
        display: table;
    }

    .repair_menu>.m-pagelink:last-child {
        margin-right: 0;
    }

    .repair_about {
        width: 900px;
        margin: 0 auto 30px;
    }


    .repair_flow {
        width: 950px;
        margin: 40px auto;
    }

    .repair_flow_title {
        float: left;
    }

    .repair_flow_text {
        float: right;
        width: 743px;
        margin-left: 75px;
        line-height: 1.75; /* line-height: 130%; */
    }

    .repair_flow_img {
        display: block;
        margin: 0 auto;
    }

    .repair_link {
        display: block;
        width: 520px;
        height: 65px;
        margin: 40px auto;
        line-height: 65px;
        font-size: 24px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        background-color: #50b436;
    }

    .repair_link:hover {
        opacity: 0.7;
    }

    .repair_link:before {
      content: "\f003";
  font-family: FontAwesome;
        display: inline-block;
        margin-right: 20px;
    }

    .repair_base_link {
        display: block;
        width: 520px;
        height: 65px;
        margin: 40px auto;
        line-height: 65px;
        font-size: 24px;
        text-align: center;
        text-decoration: none;
        color: #eb5c01; /* #fff; */
        background-color: #fff; /* #eb5c01; */
        border: 1px solid #eb5c01;
    }

    .repair_base_link:hover {
        opacity: 0.7;
    }

    .repair_base_link:before {
      content: "\f078";
  font-family: FontAwesome;
        display: inline-block;
        margin-right: 20px;
    }

    .repair_flow_blank:after {
        content: "";
        display: inline-block;
        width: 17px;
        height: 16px;
        margin: 0 10px;
        background-image: url(/img/service/repair_flow_blank.png);
        background-repeat: no-repeat;
    }

    .repair_price_list {
        padding: 10px;
        text-align: left;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .repair_price {
        margin: 0 auto;
    }

    .repair_price_change {
        width: 578px;
        margin: 0 auto 60px;
    }

    .repair_price_change_list {
        width: 343px;
        padding: 10px;
    }

    .repair_price_tbl_border {
        padding: 10px;
        border: 1px solid #a2a2a2;
        background-color: #fff;
    }

    .repair_about_small {
        width: 950px;
        margin: 0 auto;
    }

    .repair_about_small > .m-list-small > li {
        text-indent: -1em;
        padding-left: 1em;
        margin-bottom: 20px;
    }

    .repair_base_text {
        width: 550px;
        margin: 0 auto 30px;
    }

    .repair_base_list {
        width: 430px;
        margin: 0 auto 30px;
    }

    .repair_base_list_inner {
        width: 112px;
        padding: 10px;
        text-align: center;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .repair_base_list_inner_border {
        padding: 10px;
        border: 1px solid #a2a2a2;
        text-align: center;
        background-color: #fff;
    }

    .repair_base_list_inner2 {
        width: 168px;
        padding: 10px;
        text-align: center;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .repair_base_list_inner3 {
        width: 154px;
        padding: 10px;
        text-align: center;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .repair_base_size {
        font-size: 18px;
        font-weight: bold;
        color: #eb5c01;
    }

    .repair_base_size:after {
        content:"";
        display: inline-block;
        width: 19px;
        height: 17px;
        margin: 0 0 -3px 10px;
        background-image: url(/img/service/repair_base_size_blank.png);
        background-repeat: no-repeat;
    }

    .repair_base_text_suport {
        width: 550px;
        margin: 0 auto 60px;
    }

    .repair_base_text_suport > .m-list-large > li {
        margin-bottom: 20px;
    }

    .repair_target {
        width: 495px;
        margin: 0 auto 60px;
    }

    .repair_target_list {
        width: 270px;
        padding: 10px;
        text-align: left;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .repair_target_list_inner {
        width: 350px;
        padding: 10px;
        text-align: left;
        font-size: 16px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fff;
        line-height: 1.75; /* line-height: 1.4em; */
    }

}


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

    .mb1em {
        margin-bottom: 1em;
    }

    .repair_top {
        margin: 0 auto;
    }

    .repair_btn {
        display: table;
        width: 80%;
        height: 12%;
        margin: 0 auto 30px;
    }

    .repair_btn:hover {
        opacity: 0.7;
    }


    .repair_top > .repair_btn:last-child {
        margin-bottom: 0;
    }

    .repair_btn > a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding: 4%;
        font-size: 1em;
        color: #fff;
        text-decoration: none !important;
        background-color: #eb5c01;
    }

    .repair_btn > a:before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 14px;
        margin: 0 10px 1px 0;
        background-image: url(/img/module/m-btn_large-arrow.png);
        background-repeat: no-repeat;
    }

    .repair_menu {
        width: 90%;
        margin: 0 auto 50px;
        text-align: center;
        display: table;
    }

    .repair_menu>.m-pagelink {
        font-size: 0.8em;
    }

    .repair_menu>.m-pagelink:last-child {
        margin-right: 0;
    }

    .repair_about {
        margin: 0 auto 30px;
    }



    .repair_flow {
        width: 90%;
        margin: 10% auto;
    }

    .repair_flow_title {
        text-align: center;
        margin-bottom: 5%;
    }

    .repair_flow_text {
        width: 80%;
        margin: 0 auto;
        line-height: 1.75; /* line-height: 130%; */
    }

    .repair_flow_img {
        display: block;
        width: 70%;
        height: auto;
        margin: 0 auto;
    }

    .repair_link {
        display: block;
        width: 70%;
        padding: 3%;
        margin: 40px auto;
        line-height: 120%;
        font-size: 18px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        background-color: #50b436;
    }

    .repair_link:hover {
        opacity: 0.7;
    }

    .repair_link:before {
        content: "";
        display: inline-block;
        width: 25px;
        height: 20px;
        margin: 0 20px -3px 0;
        background-image: url(/img/service/repair_mail_img.png);
        background-repeat: no-repeat;
    }

    .repair_base_link {
        display: block;
        width: 70%;
        padding: 3%;
        margin: 40px auto;
        line-height: 120%;
        font-size: 18px;
        text-align: center;
        text-decoration: none;
        color: #eb5c01; /* #fff; */
        background-color: #fff; /* #eb5c01; */
        border: 1px solid #eb5c01;
    }

    .repair_base_link:hover {
        opacity: 0.7;
    }

    .repair_base_link:before {
        content: "";
        display: inline-block;
        width: 9px;
        height: 14px;
        margin: 0 20px -1px 0;
        background-image: url(/img/service/repair_base_arrow.png);
        background-repeat: no-repeat;
    }

    .repair_flow_blank:after {
        content: "";
        display: inline-block;
        width: 17px;
        height: 16px;
        margin: 0 10px;
        background-image: url(/img/service/repair_flow_blank.png);
        background-repeat: no-repeat;
    }

    .repair_price_list {
        width: 65%;
        padding: 10px;
        font-size: 15px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .repair_price {
        width: 100%;
        margin: 0 auto;
    }



    .repair_price_change_list {
        width: 57%;
        padding: 10px;
    }

    .repair_price_tbl_border {
        padding: 10px;
        font-size: 0.7em;
        border: 1px solid #a2a2a2;
        background-color: #fff;
    }

    .repair_about_small {
        width: 100%;
        margin: 0 auto;
    }

    .repair_about_small > .m-list-small > li {
        margin-bottom: 5%;
    }

    .repair_base_text {
        width: 100%;
        margin: 0 auto 30px;
    }

    .repair_base_list {
        width: 90%;
        margin: 0 auto 30px;
    }

    .repair_base_list_inner {
        width: 112px;
        padding: 10px;
        text-align: center;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .repair_base_list_inner_border {
        padding: 10px;
        border: 1px solid #a2a2a2;
        text-align: center;
        background-color: #fff;
    }

    .repair_base_list_inner2 {
        width: 168px;
        padding: 10px;
        text-align: center;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .repair_base_list_inner3 {
        width: 154px;
        padding: 10px;
        text-align: center;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .repair_base_size:after {
        content:"";
        display: inline-block;
        width: 19px;
        height: 17px;
        margin: 0 0 -3px 10px;
        background-image: url(/img/service/repair_base_size_blank.png);
        background-repeat: no-repeat;
    }

    .repair_base_text_suport {
        width: 100%;
        margin: 0 auto 60px;
    }

    .repair_base_text_suport > .m-list-large > li {
        line-height: 1.75; /* line-height: 140%; */
        margin-bottom: 20px;
    }

    .repair_target_list {
        width: 270px;
        padding: 10px;
        text-align: left;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .repair_target_list_inner {
        width: 270px;
        padding: 10px;
        text-align: left;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fff;
    }
}

/* mac修理サービス　*/
@media screen and (min-width: 769px) {

    .repair_bg-gray {
        padding-top: 60px;
        background-color: #f1f1f1;
        margin-bottom: 60px;
    }

    .mac_top {
        width: 1000px;
        margin: 0 auto 60px;
    }

    .mac_repair {
        float: left;
        display: block;
        margin: 0 auto 30px;
    }

    .mac_repair_title {
        text-align: center;
        margin-bottom: 20px;
    }

    .mac_top_inner {
        float: left;
        width: 485px;
        margin-right: 30px;
        line-height: 1.75; /* line-height: 1.4em; */
    }

    .mac_top_img {
        display: block;
        margin: 0 auto 30px;
    }

    .mac_top>.mac_top_inner:last-child {
        margin-right: 0;
    }

    .repair_menu {
        width: 960px;
        margin: 0 auto 50px;
        text-align: center;
        display: table;
    }

    .repair_menu>.m-pagelink:last-child {
        margin-right: 0;
    }

    .repair_about {
        width: 900px;
        margin: 0 auto 30px;
    }


    .repair_flow {
        width: 950px;
        margin: 40px auto;
    }

    .repair_flow_title {
        float: left;
    }

    .repair_flow_text {
        float: right;
        width: 680px;
        /*margin-left: 75px;*/
        line-height: 1.75; /* line-height: 130%; */
    }

    .repair_flow_img {
        display: block;
        margin: 0 auto;
    }

    .repair_link {
        display: block;
        width: 520px;
        height: 65px;
        margin: 40px auto;
        line-height: 65px;
        font-size: 24px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        background-color: #50b436;
    }

    .repair_link:hover {
        opacity: 0.7;
    }

    .repair_link:before {
      content: "\f003";
  font-family: FontAwesome;
        display: inline-block;
        margin-right: 20px;
    }

    .repair_ipad_link {
        display: block;
        width: 518px; /* 520px; */
        height: 63px; /* 65px; */
        margin: 40px auto;
        line-height: 65px;
        font-size: 24px;
        text-align: center;
        text-decoration: none;
        color: #eb5c01; /* #fff; */
        background-color: #fff; /* #eb5c01; */
        border: 1px solid #eb5c01;
    }

    .repair_ipad_link:hover {
        opacity: 0.7;
    }

    .repair_ipad_link:before {
      content: "\f054";
  font-family: FontAwesome;
        display: inline-block;
        margin-right: 20px;
    }

    .mac_repair_phone_text {
        margin-bottom: 20px;
        line-height: 1.75; /* line-height: 130%; */
        text-align: center;
    }

    .mac_repair_phone_detail_text {
        margin-bottom: 40px;
        font-size: 14px;
        line-height: 1.75; /* line-height: 130%; */
        text-align: center;
    }

    .phone-span {
        margin-left: 10px;
        vertical-align: middle;
        font-size: 36px;
        color: #eb5c01;
    }


    .repair_plan {
        width: 442px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .repair_plan > li {
        float: left;
        padding: 25px 30px;
        box-sizing: content-box;
        border: 1px solid #eb5c01;
        font-weight: bold;
        color: #eb5c01;
        background-color: #fff;
        cursor: pointer;
    }

    .repair_plan > li:nth-child(-n+2) {
        border-right: none;
    }

    .select {
        box-sizing: border-box;
        color: #000 !important;
        background-color: #ffece1 !important;
    }

    .repair_plan_wrap {
        width: 100%;
        padding: 10px 0;
        background-color: #ffece1;
    }

    .table_title_font {
        font-size: 20px;
    }

    .mac_repair_price {
        width: 1000px;
        margin: 0 auto;
    }

    .mac_repair_price_list {
        padding: 10px;
        text-align: left;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }
/*
    .mac_repair_price {
        width: 100%;
        margin: 0 auto;
    }
*/
    .mac_repair_price_text1 {
        width: 150px;
        vertical-align: middle;
    }
    .mac_repair_price_text2 {
        width: 315px;
        vertical-align: middle;
    }

    .mac_repair_price_change {
        width: 578px;
        margin: 0 auto 60px;
    }

    .mac_repair_price_change_list {
        width: 343px;
        padding: 10px;
    }

    .mac_repair_price_tbl_border {
        padding: 10px;
        border: 1px solid #a2a2a2;
        background-color: #fff;
    }

    .mac_service_price {
/*        width: 285px;
        margin: 0 auto;*/
        width: 578px;
        margin: 0 auto 60px;
    }

    .mac_service_price_change_list {
        width: 343px;
        padding: 10px;
    }
    .mac_servicer_price_text1 {
        width: 170px;
        vertical-align: middle;
    }
    .mac_servicer_price_text {
        width: 115px;
        vertical-align: middle;
    }
    .mac_service_price_tbl_border {
        padding: 10px;
        border: 1px solid #a2a2a2;
        background-color: #fff;
    }

    .mac_repair_target {
        width: 960px;
        margin: 0 auto 60px;
        line-height: 1.75; /* line-height: 1.4em; */
    }

    .mac_repair_target_list {
        width: 270px;
        padding: 10px;
        text-align: left;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .mac_repair_target_list_inner {
        width: 270px;
        padding: 10px;
        text-align: left;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fff;
    }

    .mac_repair_targe_text1 {
        width: 270px;
    }
    .mac_repair_targe_text2 {
        width: 360px;
    }
    .mac_repair_targe_text3 {
        width: 329px;
    }

    .repair_flow_blank:after {
        content: "";
        display: inline-block;
        width: 17px;
        height: 16px;
        margin: 0 10px;
        background-image: url(/img/service/repair_flow_blank.png);
        background-repeat: no-repeat;
    }

    .repair_about_small {
        width: 900px;
        margin: 0 auto;
    }

    .repair_about_small > .m-list-small > li {
        text-indent: -1em;
        padding-left: 1em;
        margin-bottom: 20px;
    }

    .repair_base_text {
        width: 600px;
        margin: 0 auto 30px;
    }

    .repair_base_list {
        width: 430px;
        margin: 0 auto 30px;
    }

    .repair_base_list_inner {
        width: 112px;
        padding: 10px;
        text-align: center;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .repair_base_list_inner_border {
        padding: 10px;
        border: 1px solid #a2a2a2;
        text-align: center;
        background-color: #fff;
    }

    .repair_base_list_inner2 {
        width: 168px;
        padding: 10px;
        text-align: center;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .repair_base_list_inner3 {
        width: 154px;
        padding: 10px;
        text-align: center;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .repair_base_size:after {
        content:"";
        display: inline-block;
        width: 19px;
        height: 17px;
        margin: 0 0 -3px 10px;
        background-image: url(/img/service/repair_base_size_blank.png);
        background-repeat: no-repeat;
    }

    .repair_base_text_suport {
        width: 550px;
        margin: 0 auto 60px;
    }

    .repair_base_text_suport > .m-list-large > li {
        margin-bottom: 20px;
    }

    .repair_target {
        width: 580px;
        margin: 0 auto 60px;
    }

    .repair_target_list {
        width: 270px;
        padding: 10px;
        text-align: left;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .repair_target_list_inner {
        width: 270px;
        padding: 10px;
        text-align: left;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fff;
    }

}


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

    .repair_bg-gray {
        padding-top: 30px;
        background-color: #f1f1f1;
    }

    .mac_top {
        padding-bottom: 30px;
    }
    .mac_top_inner {
        margin-bottom: 30px;
        padding: 0 15px;
    }
    .mac_top_inner_text-title {
        text-align: center;
        margin-bottom: 20px;
    }
    .mac_top>.mac_top_inner:last-child {
        margin-right: 0;
    }
    .mac_top_img {
        display: block;
        margin: 0 auto 30px;
    }

    .mac_repair_phone_text {
        width: 90%;
        margin: 0 auto 1em;
        line-height: 1.75; /* line-height: 130%; */
        text-align: center;
    }

    .mac_repair_phone_detail_text {
        margin-bottom: 40px;
        font-size: 14px;
        line-height: 1.75; /* line-height: 130%; */
        text-align: center;
    }

    .phone-span {
        line-height: 1.75; /* line-height: 150%; */
        vertical-align: middle;
        font-size: 36px;
        color: #eb5c01;
    }

    .repair_plan {
        margin: 0 auto;
        box-sizing: border-box;
        text-align: center;
    }

    .repair_plan > li {
        display: inline-block;
        padding: 3% 2%;
        box-sizing: border-box;
        border: 1px solid #eb5c01;
        text-align: center;
        font-weight: bold;
        font-size: 12px;
        color: #eb5c01;
        background-color: #fff;
        cursor: pointer;
    }

    .select {
        box-sizing: border-box;
        border: 1px solid #ffece1 !important;
        color: #000 !important;
        background-color: #ffece1 !important;
    }


    .repair_plan_wrap {
        width: 100%;
        padding: 10px 0;
        background-color: #ffece1;
    }

    .table_title_font {
        font-size: 20px;
    }


    .mac_repair_price_text1 {
        width: 20%;
        vertical-align: middle;
    }
    .mac_repair_price_text2 {
        width: 30%;
        vertical-align: middle;
    }

    .mac_repair_price_tbl_border {
        padding: 10px;
        border: 1px solid #a2a2a2;
        background-color: #fff;
        font-size: 12px;
    }




    .mac_service_price {
        width: 100%;
        margin: 0 auto 60px;
    }

    .mac_service_price_change_list {
        width: 343px;
        padding: 10px;
    }
    .mac_servicer_price_text1 {
        width: 170px;
        vertical-align: middle;
    }
    .mac_servicer_price_text {
        width: 115px;
        vertical-align: middle;
    }
    .mac_service_price_tbl_border {
        padding: 10px;
        border: 1px solid #a2a2a2;
        background-color: #fff;
    }


    .mac_repair_target {
        width: 100%;
        margin: 0 auto 60px;
    }

    .mac_repair_target_list {
        width: 270px;
        padding: 10px;
        text-align: left;
        font-size: 12px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .mac_repair_target_list_inner {
        width: 270px;
        padding: 10px;
        text-align: left;
        font-size: 12px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fff;
    }

    .mac_repair_targe_text1 {
        width: 33%;
    }
    .mac_repair_targe_text2 {
        width: 33%;
    }


    .mb1em {
        margin-bottom: 1em;
    }

    .repair_menu {
        width: 90%;
        margin: 0 auto 50px;
        text-align: center;
        display: table;
    }

    .repair_menu>.m-pagelink {
        font-size: 0.8em;
    }

    .repair_menu>.m-pagelink:last-child {
        margin-right: 0;
    }

    .repair_about {
        margin: 0 auto 30px;
    }

    .repair_about_line {
        line-height: 1.75; /* line-height: 150%; */
    }

    .repair_flow {
        width: 90%;
        margin: 10% auto;
    }

    .repair_flow_title {
        text-align: center;
        margin-bottom: 5%;
    }

    .repair_flow_text {
        width: 80%;
        margin: 0 auto;
        line-height: 1.75; /* line-height: 130%; */
    }

    .repair_flow_img {
        display: block;
        width: 70%;
        height: auto;
        margin: 0 auto;
    }

    .repair_link {
        display: block;
        width: 70%;
        padding: 3%;
        margin: 40px auto;
        line-height: 120%;
        font-size: 18px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        background-color: #50b436;
    }

    .repair_link:hover {
        opacity: 0.7;
    }

    /*.repair_link:before {
      content: "\f003";
  font-family: FontAwesome;
        display: inline-block;
        margin: 0 10px -3px 0;
    }*/

    .repair_ipad_link {
        display: block;
        width: 70%;
        padding: 3%;
        margin: 40px auto;
        line-height: 120%;
        font-size: 18px;
        text-align: center;
        text-decoration: none;
        color: #eb5c01; /* #fff; */
        background-color: #fff; /* #eb5c01; */
        border: 1px solid #eb5c01;
    }

    .repair_ipad_link:hover {
        opacity: 0.7;
    }

    .repair_ipad_link:before {
      content: "\f054";
  font-family: FontAwesome;
        display: inline-block;
        margin: 0 20px -1px 0;
    }

    .repair_flow_blank:after {
        content: "";
        display: inline-block;
        width: 17px;
        height: 16px;
        margin: 0 10px;
        background-image: url(/img/service/repair_flow_blank.png);
        background-repeat: no-repeat;
    }

    .repair_price_list {
        width: 65%;
        padding: 10px;
        font-size: 15px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }


    .repair_price_change {
        width: 100%;
        margin: 0 auto 10%;
    }

    .repair_price_change_list {
        width: 57%;
        padding: 10px;
    }

    .repair_price_tbl_border {
        padding: 10px;
        font-size: 0.7em;
        border: 1px solid #a2a2a2;
        background-color: #fff;
    }

    .repair_about_small {
        width: 100%;
        margin: 0 auto;
    }

    .repair_about_small > .m-list-small > li {
        margin-bottom: 5%;
    }

    .repair_base_text {
        width: 100%;
        margin: 0 auto 30px;
    }

    .repair_base_list {
        width: 100%;
        margin: 0 auto 30px;
    }

    .repair_base_list_inner {
        width: 112px;
        padding: 10px;
        text-align: center;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .repair_base_list_inner_border {
        padding: 10px;
        border: 1px solid #a2a2a2;
        text-align: center;
        background-color: #fff;
    }

    .repair_base_list_inner2 {
        width: 168px;
        padding: 10px;
        text-align: center;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .repair_base_list_inner3 {
        width: 154px;
        padding: 10px;
        text-align: center;
        font-size: 18px;
        box-sizing: border-box;
        border: 1px solid #a2a2a2;
        background-color: #fffaf7;
    }

    .repair_base_size {
        font-size: 18px;
        font-weight: bold;
        color: #eb5c01;
    }

    .repair_base_size:after {
        content:"";
        display: inline-block;
        width: 19px;
        height: 17px;
        margin: 0 0 -3px 10px;
        background-image: url(/img/service/repair_base_size_blank.png);
        background-repeat: no-repeat;
    }

    .repair_base_text_suport {
        width: 100%;
        margin: 0 auto 60px;
    }

    .repair_base_text_suport > .m-list-large > li {
        line-height: 140%;
        margin-bottom: 20px;
    }

}



/*　オフィスサービス　*/
@media screen and (min-width: 769px) {

    .office-service_top {
        width: 100%;
        padding: 30px 0;
        background-image: url(/img/service/office-service_top.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .office-service-top_subtitle {
        width: 845px;
        margin: 0 auto;
        background-color: rgba(235, 92, 1, 0.5);
    }

    .office-service-1clm {
        width: 520px;
        margin: 0 auto;
    }

    .office-service-2clm {
        width: 800px !important;
    }

    .office-service-2clm_inner {
        width: 385px !important;
    }



    .office-service-top_subtitle-text {
        padding: 15px;
        line-height: 1.75; /* line-height: 140%; */
        text-align: left; /* center; */
        color: #fff;
    }


    .office-service-page_list {
        line-height: 1.75; /* line-height: 130%; */
        vertical-align: middle;
        color: #fff;
    }

    .office-service_municipality {
        width: 1000px;
        margin: 60px auto 0;
    }


    .office-service_municipality>.m-4clm_inner:last-child {
        margin-right: 0;
    }



    .office-service_service_link {
        display: table;
        float: right;
        width: 460px;
        height: 85px;
        margin-right: 24px;
        background-image: url(/img/contacts/m-contact.png);
        background-repeat: no-repeat;
    }

    .office-service_service_link_text {
        display: table-cell;
        text-decoration: none;
        vertical-align: middle;
        text-align: center;
        padding: 5px 0 0 45px;
        font-size: 24px;
        color: #fff;
    }


    .maintenance_service_link {
        display: block;
        width: 435px;
        padding: 10px 0;
        margin: 40px auto;
        font-size: 22px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        background-color: #50b436;
    }

    .maintenance_service_link:before {
      content: "\f003";
  font-family: FontAwesome;
        float: left;
        display: block;
        margin: 3% -5% 0 5%;
    }

    .maintenance_service_link:hover {
        opacity: 0.7;
    }

}


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

    .office-service_top {
        width: 100%;
        padding: 30px 0;
        background-image: url(/img/service/office-service_top.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .office-service_btn {
        display: block;
        width: 70%;
        margin: 0 auto;
    }

    .office-service-page_list {
        line-height: 130%;
        vertical-align: middle;
        color: #fff;
    }

    .office-service-top_subtitle {
        width: 80%;
        margin: 0 auto;
        background-color: rgba(235, 92, 1, 0.5);
    }

    .office-service-1clm {
        margin: 0 auto;
    }

    .office-service-top_subtitle-text {
        padding: 15px;
        line-height: 1.75; /* line-height: 140%; */
        font-size: 12px;
        text-align: left; /* center; */
        color: #fff;
    }


    .maintenance_service_link {
        display: block;
        width: 90%;
        padding: 10px 0;
        margin: 60px auto 0;
        text-align: center;
        text-decoration: none;
        color: #fff;
        font-size: 0.9em;
        line-height: 1.2;
        background-color: #50b436;
    }

    .maintenance_service_link:before {
      content: "\f003";
  font-family: FontAwesome;
        float: left;
        display: block;
        margin: 3% -5% 0 5%;
    }

    .maintenance_service_link:hover {
        opacity: 0.7;
    }

    .maintenance_service_link:hover {
        opacity: 0.7;
    }
}