@charset "Shift_JIS";
.top_new #nav .menu-trigger button{display:none;}
@media screen and (min-width: 641px) {
    .top_new .contactbox {
        display: none;
    }
}
@media screen and (max-width: 640px) {
    .page-planning_design img {
        max-width: 100%;
        height: auto;
    }
    .page-planning_design .wrapper_ {
        overflow-x: hidden;
        min-width: 0;
    }
    .page-planning_design header {
        width: 100%;    
        height: 50px;
    }
    .page-planning_design header .wrapper_ {
        width: 100%;    
    }
    .page-planning_design header .wrapper_ h1 .logo_ {
        padding: 0;
        height: 30px !important;
        display: inline-block !important;
        width: auto;
    }
    .page-planning_design header .wrapper_ h1 img {
        display: none;
    }
    .page-planning_design header .wrapper_ h1 {
        float: left;
        padding-top: 10px;
        padding-left: 15px;
    }
    .page-planning_design header .wrapper_ ul li {
        float: left;
        padding: 0;
        margin: 10px;
    }
    .page-planning_design header .wrapper_ ul li img {
        height: 30px !important;
        width: auto !important;

    }
    .page-planning_design #main_visual #viewer_wrapper #viewer_inner {
        position: relative;
        height: 42vw;
        width: 100%;
        margin: 0 auto;
    }
    .page-planning_design #main_visual #viewer_wrapper #viewer_inner .viewer ul {
        height: 42vw;
        width: 100%;
        position: relative;
        margin: 0 auto;
    }
    .page-planning_design #main_visual #viewer_wrapper #viewer_inner .viewer ul li img {
        width: 100%;
        height: auto;
    }
    .page-planning_design #main_visual #viewer_wrapper #viewer_inner nav {
        display: none;
    }
    .page-planning_design #main_visual #viewer_nav {
        background: #cccccc;
        height: auto;
    }
    .page-planning_design #main_visual #viewer_nav ul {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;        
    }
    .page-planning_design #main_visual #viewer_nav ul li {
        width: 20% !important;
        height: auto
    }
    .page-planning_design #main_visual #viewer_nav ul li dl dt img.pop_anime {
        display: none;
    }
    .page-planning_design #main_visual #viewer_nav ul li dl dd {
        display: none;
    }
    .page-planning_design #main_visual #viewer_nav ul li dl dt span {
        position: relative;
        bottom: inherit;
        left: inherit;
        display: block;
        height: inherit;
        width: 100%;
        overflow: hidden;
    }
    .page-planning_design #main_visual #viewer_nav ul li dl dt img {
        position: relative;
        bottom: inherit;
        left: inherit;
        top: inherit;
        z-index: 400;
        pacity: 1;
        width: 100%;
        height: auto;
        margin-top: -10vw;
    }
    .page-planning_design #main_visual #viewer_nav ul li.last_ {
        margin: 0;
        border: 0 none;
        height: auto;
        padding: 6vw 0 0;
        background-size: 100%;
    }
    .page-planning_design #main_visual #viewer_nav ul li.last_ img {
        width: 100%;
        height: auto;
    }
    .page-planning_design #main_visual #viewer_nav ul li.last_ p:nth-child(2){
        display: none;
    }
    .page-planning_design #main_visual #viewer_nav ul li dl {
        height: auto;
    }
    .page-planning_design #main_visual #viewer_nav ul li dl dt {
        height: auto;
    }
    .page-planning_design #case h2 {
        width: calc(100% - 30px);
        margin: 0 auto;
        padding: 30px 15px;
        text-align: left;
        display: block;
    }
    .page-planning_design #case h2 img {
        height: auto !important;
    }
    .page-planning_design #contact_us {
        height: auto;
        padding-bottom: 20px;
    }
    .page-planning_design #contact_us .wrapper_ {
        height: auto;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .page-planning_design #contact_us .wrapper_ #human {
        display: none;
    }
    .page-planning_design #contact_us .wrapper_ h2 {
        padding: 20px 0;
        text-align: center;
    }
    .page-planning_design #contact_us .wrapper_ h2 img {
        width: 150px;
        height: auto;
    }
    .page-planning_design #contact_us .wrapper_ #top_panel {
        display: flex;
        flex-wrap: wrap;    
        justify-content: space-between;
        padding: 0 15px;
    }
    .page-planning_design #contact_us .wrapper_ #top_panel div {
        margin: inherit;
        float: left;
        position: relative;
        width: 48%;
    }
    .page-planning_design #contact_us .wrapper_ #top_panel:after {
        display: none;
    }
    .page-planning_design #contact_us .wrapper_ #top_panel div img {
        height: auto !important;
    }
    .page-planning_design #contact_us .wrapper_ #top_panel div p {
        position: absolute;
        top: 50%;
        left: 3vw;
        margin:0;
    }
    .page-planning_design #contact_us .wrapper_ #top_panel div p {
        width: 90%;
    }
    .page-planning_design footer .wrapper_ .bread_ {
        display: none;
    }
    .page-planning_design footer .wrapper_ #copy {
        padding: 10px;
        margin: 0;
    }
    .page-planning_design.sub-planning_design .main_contents {
        width: calc(100% - 30px);
        padding: 0 15px;
    }
    .page-planning_design.sub-planning_design .main_contents .detail02_ .wrapper_ p {
        width: 100%;
        margin: 10px 0;
    }
    .page-planning_design.sub-planning_design .main_contents .detail02_ .wrapper_ dl {
        width: 100%;
    }
    .page-planning_design.sub-planning_design .main_nav_ ul {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }
    .page-planning_design.sub-planning_design .main_nav_ {
        background: none;
        height: auto;
    }
    .page-planning_design.sub-planning_design .main_nav_ ul {
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
    .page-planning_design.sub-planning_design .main_nav_ ul li {
        width: calc(50% - 1px);
        background: #333333;
        height: 35px;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    .page-planning_design.sub-planning_design .main_nav_ ul li a {
        width: 100%;
        display: flex;
        height: 35px;
        position: relative;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }
    .page-planning_design.sub-planning_design .main_nav_ ul li a img {
        display: none;
    }
    .page-planning_design.sub-planning_design .main_nav_ ul li:nth-child(3),
    .page-planning_design.sub-planning_design .main_nav_ ul li:nth-child(4),
    .page-planning_design.sub-planning_design .main_nav_ ul li:nth-child(5) {
        width: calc(100% / 3 - 1px);
    }
    .page-planning_design.sub-planning_design .main_nav_ ul li a:before {
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
    }
    .page-planning_design.sub-planning_design .main_nav_ ul li:nth-child(1) a:before {
        content: "デザイン制作";
    }
    .page-planning_design.sub-planning_design .main_nav_ ul li:nth-child(2) a:before {
        content: "WEBプロモーション";
    }
    .page-planning_design.sub-planning_design .main_nav_ ul li:nth-child(3) a:before {
        content: "サイト分析";
    }
    .page-planning_design.sub-planning_design .main_nav_ ul li:nth-child(4) a:before {
        content: "サイト運用支援";
    }
    .page-planning_design.sub-planning_design .main_nav_ ul li:nth-child(5) a:before {
        content: "お問い合わせ";
    }
    .page-planning_design.sub-planning_design .main_contents .detail02_ .wrapper_ dl dd {
        padding: 0 0 30px 0;
    }
    .page-planning_design.sub-planning_design .main_contents .detail02_ .wrapper_ dl dd.to_link_ ul li {        
        margin: 5px 0;
    }
    .page-planning_design.sub-planning_design .main_contents .detail01_ .wrapper_ p {
        width: 100%;
        float: none;
        text-align: center;
    }
    .page-planning_design.sub-planning_design .main_contents .detail01_ .wrapper_ dl {
        width: 100%;
        float: none;
    }
    .page-planning_design.planning_design_thanks #contact_form {
        width: 100%;
        margin: 10px auto 30px;
    }
    .page-planning_design.planning_design_thanks #contact_form .forcms_block {
        padding: 0 15px;
    }
    .page-planning_design.planning_design_thanks #contact_form #contact_main {
    	width:auto;
    }
    .page-planning_design.planning_design_thanks #contact_us .wrapper_ #top_panel div p {
        top: 11vw;
    }
    .page-planning_design.style02 #contact_main {
        width: calc(100% - 30px);
        padding: 0 15px;
    }
    .page-planning_design.style02 #contact_form .questionnaire_box_content_ {
        display: block;
        margin: 15px;
    }
    .page-planning_design.style02 #contact_form .top_comment_ span {
    	display: block;
    	white-space: nowrap;
    }
    .page-planning_design.style02 #contact_form .questionnaire_box_ input[type="text"] {
        position: relative;
        margin-top: 0;
        margin-left: 0;
        padding:12px 0 12px 5px;
        font-size:14px;
    }
    .page-planning_design.style02 #contact_form input[type="text"] {
        width: calc(100% - 6px) !important;
    }
    .page-planning_design.style02 #contact_form form table th, 
    .page-planning_design.style02 #contact_form form table tr {
        display: grid !important;
    }
    .page-planning_design.style02 #contact_form form table th, 
    .page-planning_design.style02 #contact_form form table td {
        width: calc(100% - 22px) !important;
    }
    .page-planning_design.style02 #contact_form table {
        width: 100%;
        margin-bottom: 30px;
        margin-left: 0;
    }
    .page-planning_design.style02 #contact_form form h3 {
        border-left: 4px solid #3fbf0d;
        background: transparent !important;
        display: block !important;
        margin-bottom: 10px !important;
        padding-left: 10px !important;
        line-height: 1.4 !important;
    }
    .page-planning_design.style02 #contact_form p.attention {
        font-size: 12px;
        color: #CE0122;
    }
    .page-planning_design.style02 #contact_form form td span {
        display: block;
    }
    .page-planning_design.style02 #contact_form textarea {
       width: 100%;
    }
    /** page-b2b **/
    .page-b2b img {
        max-width: 100%;
        height: auto;
    }
    .page-b2b #header {
        width: 100%;
        height: 75px;
    }
    .page-b2b #header .logo {
        position: absolute;
        top: 5px;
        left: 10px;
    }
    .page-b2b #header .logo img {
        height: 30px;
        width: auto;
    }
    .page-b2b #hnavi li {
        float: left;
        height: 16px;
        line-height: 1;
        padding: 0 5px;
        border-left: 1px solid #ededed;
    }
    .page-b2b .logoEcbeing img {
        height: 20px;
    }
    .page-b2b .logoEcbeing {
        position: absolute;
        top: 45px;
        right: 5px;
    }
    .page-b2b #hnavi {
        top: 50px;
    }
    .page-b2b #gnavi {
        height: auto;
        background: transparent;
    }
    .page-b2b #gnavi ul {
        width: 100%;
        height: auto;
        margin: 0 auto;
        background-image: none;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .page-b2b #gnavi ul li {
        width: 50%;
        float: none;
        background-image: url(/cms/images/b2b/common/bg_body.png);
        background-repeat: no-repeat;
        background-position: left center;
        position: relative
    }
    .page-b2b #gnavi ul li:nth-child(3),
    .page-b2b #gnavi ul li:nth-child(4),
    .page-b2b #gnavi ul li:nth-child(5) {
        width: calc(100%/3)
    }
    .page-b2b #gnavi ul li a {
        width: 100%;
        text-align: center;
    }
    .page-b2b #gnavi ul li:nth-child(1):before,
    .page-b2b #gnavi ul li:nth-child(3):before,
    .page-b2b #gnavi ul li:nth-child(4):before {
        width: 1px;
        height: 100%;
        content: '';
        background: #ffffff;
        position: absolute;
        top: 0;
        right: 0;
    }
    .page-b2b #gnavi ul li:nth-child(1):after,
    .page-b2b #gnavi ul li:nth-child(2):after {
        width: 100%;
        height: 1px;
        content: '';
        background: #ffffff;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .page-b2b #breadcrumb {
        display: none;
    }
    .page-b2b .container {
        width: 100%;
        margin: 0px auto 0;
    }
    .page-b2b .mainframe_#mainContents {
        float: none;
        width: calc(100% - 30px);
        text-align: left;
        padding: 0 15px;
    }
    .page-b2b .mainframe_#mainContents #mainContents {
        width: 100%;
    }
    .page-b2b #mainContents .pageTitle {
        position: relative;
        width: calc(100%);
        height: auto;
        margin-left: -15px;
        margin-right: -15px;
        padding: 30px 15px;
    }
    .page-b2b #mainContents .pageTitle h1 {
        top: inherit;
        left: inherit;
        font-size: 22px;
        position: relative
    }
    .page-b2b #mainContents .pageTitle .case {
        position: relative;
        top: inherit;
        left: inherit;
        margin-bottom: 20px;
    }
    .page-b2b #step ul {
        width: 284px;
        margin: 0 auto;
        height: auto;
        margin-top: 20px;
        padding: 10px 0px;
        background-image: none;
        background-repeat: no-repeat;
        color: #fff;
        font-size: 12px;
        background-size: 100% 100%;
    }
    .page-b2b #step {
        margin-left: 15px;
    }
    .page-b2b #step ul li {
        background: #8b8c91;
        padding: 10px !important;
        width: 264px !important;
        box-sizing: initial !important;
        margin-bottom: 10px;
        position: relative;
    }
    .page-b2b #step ul li:after {
            content: "";
        position: absolute;
        border-bottom: 23px solid transparent;
        border-top: 22px solid transparent;
        height: 0px;
        width: 0px;
        margin-right: -20px;
        right: 0;
        top: 0px;
        border-left: 20px solid #8b8c91;
    }
    .page-b2b #step ul li:nth-child(1),
    .page-b2b #step ul li:nth-child(2) {
        width: 244px !important;
    }
    .page-b2b #step ul li:last-child:after {
        display: none;
    }
    .page-b2b .rightmenuframe_ {
        margin: 30px 0 !important;
    }
    .page-b2b #sideContents {
        float: none;
        width: 240px;
        /* margin-top: -10px; */
        margin: 0 auto;
    }
    .page-b2b .boxContact .contents {
        position: relative;
        height: auto;
        background: transparent;
        display: inline-block;
        width: 210px !important;
        padding: 15px 0;
    }
    .page-b2b .boxContact .btn {
        position: relative;
        top: inherit;
        right: inherit;
        text-align: center;
        margin-bottom: 10px;
    }
    .page-b2b .boxContact .kantan {
        top: inherit;
        right: inherit;
        position: relative;
        text-align: center;
    }
    .page-b2b .boxContact .kantan img:nth-child(1) {
        display: none;
    }
    .page-b2b #footer {
        height: auto;
    }
    .page-b2b #footerIn {
        width: 100%;
    }
    .page-b2b #fnavi {
        display: none;
    }
    .page-b2b #footerIn .softcreate {
        display: none;
    }
    .page-b2b address {
        position: relative;
        top: inherit;
        left: inherit;
        color: #FFF;
        font-size: 12px;
        padding: 10px 0;
    }
    .page-b2b.page-contacts_thanks #step ul li:last-child {
        background: #4060ad;
    }
    .page-b2b.page-contacts_thanks #step + p {
        padding: 0 15px;
    }
    .page-b2b #mainContents .pageTitle .company {
        top: inherit;
        right: inherit;
        font-size: 14px;
        margin-top: 5px;
        width: calc(100% - 30px);
        padding-right: 15px;
        text-align: right;
    }
    .page-b2b #mainContents .pageTitle h1 span {
        font-size: 22px;
    }
    .page-b2b #mainContents .catch {
        line-height: 1.4;
        margin-top: 20px;
        font-size: 16px;
    }
    .page-b2b #mainContents > h2 {
        line-height: 1.4;
        margin-top: 20px;
        font-size: 14px;
        padding: 10px 0;
    }
    .page-b2b #mainContents > p {
        font-size: 12px;
        line-height: 1.5;
    }
    .page-b2b .container .section {
        clear: both;
        padding: 30px 0;
        margin-top: 30px;
    }
    .page-b2b .container .contents {
        width: 100%;
        margin: 0 auto;
    }
    .page-b2b #case .contents {
        width: calc(100% - 30px);
        padding: 0 15px;
    }
    .page-b2b #case h2 {
        font-size: 20px;
    }
    .page-b2b #case h2 span {
        margin-top: 10px;
    }
    .page-b2b #case ul {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        
    }
    .page-b2b #case ul li {
        width: 48%;
        margin-bottom: 10px !important;
        margin: inherit !important;
    }
    .page-b2b #case ul li h3 {
        width: 100%;
        height: 50px;
        line-height: 40px;
        font-size: 12px;
        background-size: 100% 100%;
    }
    .page-b2b.page-contacts_easy #step ul li:first-child {
        background: #4060ad;
    }
    .page-b2b.page-contacts_easy #step ul li:first-child:after {
            border-left: 20px solid #4060ad;
    }
    .page-b2b.page-contacts_easy .ISMS_text {
        width: 100%;
    }
    .page-b2b.page-contacts_easy .ISMS_box {
        width: 100%;
    }
     .page-b2b #mainContents .questionnaire_box_content_ {
        display: block;
        margin: 15px;
    }
    .page-b2b #mainContents .questionnaire_box_content_ input[type="text"] {
        position: relative;
        margin-top: 0;
        margin-left: 0;
    }
    .page-b2b #mainContents input[type="text"] {
        width: calc(100% - 6px) !important;
    }
    .page-b2b #mainContents form table th, 
    .page-b2b #mainContents form table tr {
        display: grid !important;
    }
    .page-b2b #mainContents form table th, 
    .page-b2b #mainContents form table td {
        width: calc(100% - 22px) !important;
    }
    .page-b2b #mainContents table {
        width: 100%;
        margin-bottom: 30px;
        margin-left: 0;
    }
    .page-b2b #mainContents form h3 {
        border-left: 4px solid #3fbf0d;
        background: transparent !important;
        display: block !important;
        margin-bottom: 10px !important;
        padding-left: 10px !important;
        line-height: 1.4 !important;
    }
    .page-b2b #mainContents p.attention {
        font-size: 12px;
        color: #CE0122;
    }
    .page-b2b #mainContents form td span {
        display: block;
    }
    .page-b2b #mainContents textarea {
       width: 100%;
    }
    
    .page-b2b.page-feature #boxFeature ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .page-b2b.page-feature #mainContents #boxFeature li {        
        width: 48%;
        margin: inherit;
        margin-bottom: 15px !important;
    }
    .page-b2b.page-feature #mainContents #boxFeature li h5 {
        font-size: 12px;
        background-size: 100% 100%;
    }
    .page-b2b.page-feature #mainContents #boxFeature li h5 span {
        left: -10px;
    }
    .page-b2b.page-feature #mainContents #boxFeature li h5 span img {
        width: 30px;
        left: 5px;
    }
    .page-b2b.page-feature #mainContents #boxFeature li h6 {
        line-height: 1.4;
        padding: 10px;
        font-size: 12px;
    }
    .page-b2b.page-feature #mainContents #boxFeature li p {
        font-size: 12px;
    }
    .page-b2b.page-feature #boxSecurity {
        width: 100%;
    }
    .page-b2b.page-feature #boxSecurity .image {
        width: 100%;
        text-align: center;
    }
    .page-b2b.page-feature #boxSecurity .txt {
        float: none;
        width: 100%;
        display: inline-block;
        margin-top: 20px;
            
    }
    .page-b2b.page-feature #boxSecurity h4 {
        font-size: 14px;
    }
     .page-b2b.page-feature #boxSecurity .txt p {
        font-size: 12px;
    }
    
    /** .top_new **/
    .top_new img {
        max-width: 100%;
        height: auto;
    }
    
    .top_new #header {
        width: calc(100% - 10px);
        min-width: 0;
        height: auto;
        margin: 5px 0 5px 10px;
        overflow: inherit;
    }
    .top_new #header h1 {
        float: none;
        margin: 0;   
    }
    .top_new #header h1 img {
        height: 40px;
    }
    .top_new #header .hedaer_tel_wrap_ {
        display: none !important;
    }
    /* ----nav---- */
    .top_new #nav .menu-trigger{
        position:absolute;
        top:-5px;
        right:0;
        width:16px;
        height:14px;
        padding:13px 17px 23px 17px;
    }


.top_new #nav .menu-trigger button {box-sizing: content-box;box-sizing: border-box;-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);border: 0;outline: 0;background-color: transparent;}


    .top_new #nav .menu-trigger a,
    .top_new #nav .menu-trigger a span {
      display: inline-block;
      transition: all .4s;
      box-sizing: border-box;
    }
    .top_new #nav .menu-trigger button,
    .top_new #nav .menu-trigger button span {
      display: inline-block;
      transition: all .4s;
      box-sizing: border-box;
    }
    .top_new #nav .menu-trigger a {
      position: relative;
      width: 16px;
      height: 14px;
        overflow: inherit;
    }
    .top_new #nav .menu-trigger button {
      position: relative;
      width: 16px;
      height: 14px;
        overflow: inherit;
    }
    .top_new #nav .menu-trigger a span {
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #000;
    }
    .top_new #nav .menu-trigger button span {
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #000;
    }
    .top_new #nav .menu-trigger a span:nth-of-type(1) {
      top: 0;
    }
   .top_new #nav .menu-trigger button span:nth-of-type(1) {
      top: 0;
    }
    .top_new #nav .menu-trigger a span:nth-of-type(2) {
      top: 6px;
    }
    .top_new #nav .menu-trigger button span:nth-of-type(2) {
      top: 6px;
    }
    .top_new #nav .menu-trigger a span:nth-of-type(3) {
      bottom: 0;
    }
    .top_new #nav .menu-trigger button span:nth-of-type(3) {
      bottom: 0;
    }
    .top_new #nav .menu-trigger a::after {
      position: absolute;
      left: -6px;
      bottom: -15px;
      content: 'MENU';
      display: block;
      width: 100%;
      color: #000;
      font-size: 10px;
      text-decoration: none;
      text-align: center;
      white-space: nowrap;
      transition: all .4s;
        line-height:1;
    }
    .top_new #nav .menu-trigger button::after {
      position: absolute;
      left: -6px;
      bottom: -15px;
      content: 'MENU';
      display: block;
      width: 100%;
      color: #000;
      font-size: 10px;
      text-decoration: none;
      text-align: center;
      white-space: nowrap;
      transition: all .4s;
        line-height:1;
    }
    .top_new #nav .menu-trigger a.active::after {
      content: 'CLOSE';
      bottom: -15px;
        left:-8px;
    }
    .top_new #nav .menu-trigger button.active::after {
      content: 'CLOSE';
      bottom: -15px;
        left:-8px;
    }
    .top_new #nav .menu-trigger a.active span:nth-of-type(1) {
      -webkit-transform: translateY(5px) rotate(-45deg);
      transform: translateY(5px) rotate(-45deg);
    }
    .top_new #nav .menu-trigger button.active span:nth-of-type(1) {
      -webkit-transform: translateY(5px) rotate(-45deg);
      transform: translateY(5px) rotate(-45deg);
    }
    .top_new #nav .menu-trigger a.active span:nth-of-type(2) {
      opacity: 0;
    }
    .top_new #nav .menu-trigger button.active span:nth-of-type(2) {
      opacity: 0;
    }
    .top_new #nav .menu-trigger a.active span:nth-of-type(3) {
      -webkit-transform: translateY(-7px) rotate(45deg);
      transform: translateY(-7px) rotate(45deg);
    }
    .top_new #nav .menu-trigger button.active span:nth-of-type(3) {
      -webkit-transform: translateY(-7px) rotate(45deg);
      transform: translateY(-7px) rotate(45deg);
    }
    .top_new #nav .menu-inner{
        display:none;
        width: calc(100% + 20px);
        padding:0 0 50px 0;
        position:absolute;
        top:45px;
        left:0;
        z-index:999;
        background-color:#fff;
        margin-left: -10px;
        margin-right: -10px;
    }
    .top_new #header ul.nav_ {
        float: none;
        margin-right: inherit;
        width: 100%;
    }
    .top_new #nav .menu-inner ul li{
        border-bottom:solid 1px #dedede;
    }
    .top_new #nav .menu-inner ul li:first-child{
        border-top:solid 1px #dedede;
    }
    .top_new #nav .menu-inner ul li a{
        display:block;
        text-align:center;
        text-decoration:none;
        color:#000;
        padding:17.5px 0;
    }
    .top_new #nav .menu-inner .contactbox{
        text-align:center;
        margin:20px 10px 0 10px;
    }
    .top_new #nav .menu-inner .contactbox > a{
        font-size:30px;
        line-height:30px;
        font-weight:bold;
        color:#0070ed;
        text-decoration:none;
        display:inline-block;
        padding:0 0 0 40px;
        background-image:url(/cms/sp/img/b2b/icon_phone.png);
        background-size:30px 30px;
        background-repeat:no-repeat;
        background-position:left center;
    }
    .top_new #nav .menu-inner .contactbox time{
        display:block;
        margin:10px 0 0 0;
    }
    .top_new #nav .menu-inner .contactbox .lnk{
        margin:10px 0 0 0;
    }
    .top_new #header ul.nav_ > li {
        float: inherit;
        line-height: inherit;
        margin-right: inherit;
    }
    .top_new .contactbox {
        display: block;
    }
    .top_new #nav .menu-inner .contactbox{
        text-align:center;
        margin:20px 10px 0 10px;
        width: calc(100% - 30px);
    }
    .top_new .btn_db {
        color: #FFF !important;
        background: #1c2b79 url(/cms/sp/img/b2b/btn_arrow_db.png) no-repeat;
    }
    .top_new a[class^="btn"] {
        display: block;
        padding: 10px 0;
        text-decoration: none;
        width: 100%;
        background-size: 15px 15px;
        background-repeat: no-repeat;
        background-position: right 10px center;
        text-align: center;
        box-sizing: border-box;
    }
    .top_new .p-centring {
        width: 100%;
        min-width: 0;
        margin: 0 auto;
    }
    .top_new .p-centring h2 {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        padding-bottom: 20px;
        position: relative;
        margin-bottom: 20px;
        line-height: 1.3;
    }
    .top_new .section {
        padding-top: 50px;
    }
    .top_new .p-centring .inner_ {
        padding: 0 0;
    }
    .top_new #feature ul.feature_list_ {
        display: flex;
        flex-wrap: wrap;
        background-color: #f8f8f8;
    }
    .top_new #feature ul li:nth-child(odd) {
        border-right: solid 1px #dedede;
    }
    .top_new #feature ul li {
        width: 50%;
        box-sizing: border-box;
        background-size: 50px !important;
        background-position: center 20px !important;
            padding: 90px 0 20px 0;
        min-height: 0;
        
    }
    .top_new #feature ul.feature_list_ > li h3 {
        font-size: 14px;
        line-height: 1.4;
    }
    .top_new #feature ul.feature_list_ > li .txt_ {
        font-size: 12px;
        line-height: 1.4;
    }
    .top_new #feature ul li:nth-child(6) {
        border-top: solid 1px #dedede;
    }
    .top_new #feature a.btn_.btn_form_ {
        width: 90%;
        height: inherit;
        line-height: inherit;
        font-size: 16px;
        margin: 0 auto;
        padding: 10px 0;
    }
.voice_area a.btn_.btn_form_{
        width: 90%;
        height: inherit;
        line-height: inherit;
        font-size: 16px;
        margin: 0 auto;
        padding: 10px 0;
    }

    .top_new #case.section {
        background-color: #f8f8f8;
        padding: 50px 0 30px;
        margin-top: 50px;
    }
    
    .top_new #case ul.case_list_ li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .top_new #case ul.case_list_ li .desc_ h3 {
        font-size: 16px;
    }
    .top_new #case ul.case_list_ li .desc_ .txt_ {
        font-size: 14px;
    }
    .top_new #voice ul.voice_list_ {
        width: calc(100% - 30px);
        padding: 0 15px;
        overflow: hidden;
    }
    .top_new #voice ul.voice_list_ li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
        padding-bottom: 20px;
        height: auto !important;
    }
    .top_new #voice ul.voice_list_ li .img_ {
        padding-left: inherit;
        position: relative;
    }
    .top_new #voice ul.voice_list_ li .img_ .img_ph {
            width: 190px;
    }
    .top_new #voice ul.voice_list_ li .img_ .img_logo_ {
        position: absolute;
        width: 89px;
        top: 40px;
        left: 1vw;
        z-index: 3;
    }
    .top_new #voice ul.voice_list_ li .desc_ h3 {
        font-size: 18px;
    }
    .top_new #voice ul.voice_list_ li .desc_ .catch_b2b_voice {
        font-size: 18px;
    }
    .top_new #voice ul.voice_list_ li .desc_ .btn_wrap_ {
        margin-top: 20px;
    }
    .top_new .voice_list_footer {
        margin-top: 0px !important;
    }
    .top_new #voice div.inner_ div.voice_list_footer .lastCatch {
        font-size: 20px;
    }
    .top_new #voice div.inner_ div.voice_list_footer .lastCatch_url {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 15px;
        text-align: center;
        margin-bottom: 20px;
    }
    .top_new #result ul.result_list_ {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .top_new #result ul.result_list_ li {
            width: /*50*/33%;
        padding: 10px;
        box-sizing: border-box;
        text-align: center;
/*        border-bottom: solid 1px #dedede;*/
    }
     .top_new a.btn_.btn_request_,
    .top_new #result a.btn_.btn_form_ {
        width: calc(100% - 30px);
        height: inherit;
        line-height: inherit;
        font-size: 16px;
        margin: 0 auto;
        padding: 10px 15px;
    }
    .top_new #request h2 {
        text-align: center;
        font-size: 20px !important;
        font-weight: bold;
        padding-bottom: 20px;
        position: relative;
        margin-bottom: 20px;
        line-height: 1.3;
    }
    .top_new #request .request_desc_ {
        width: calc(100% - 60px);
        padding: 15px;
        margin-bottom: 20px;
    }
    .top_new #request .request_desc_ .tel_{
        font-size: 30px;
        line-height: 30px;
        font-weight: bold;
        color: #0070ed;
        text-decoration: none;
        display: inline-block;
        padding: 0 0 0 40px;
        background-image: url(/cms/sp/img/b2b/icon_phone.png);
        background-size: 30px 30px;
        background-repeat: no-repeat;
        background-position: left center;
        margin-bottom: 10px;
    }
    .top_new #request .request_desc_ .time_ {
        font-size: 14px;
    }
    .top_new #request .request_desc_ h3 {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .top_new #request.section .inner_ {
        background-size: cover;
        background-position: 46% 0%;
        padding: 50px 0;
    }
    .top_new #footer .foonter_nav_ ul.foonter_nav_list_ {
        display: flex;
        flex-wrap: wrap;
    }
    .top_new #footer .foonter_nav_ ul.foonter_nav_list_ li:nth-child(odd) {
        border-right: solid 1px #4d4d4d;
    }
    .top_new #footer .foonter_nav_ ul.foonter_nav_list_ li {
        width: 50%;
        box-sizing: border-box;
        border-bottom: solid 1px #4d4d4d;
        margin-right: inherit !important;
        padding: inherit !important;
        font-size: inherit !important;
        line-height: 1;
    }
    .top_new #footer .foonter_nav_ ul.foonter_nav_list_ li a {
        display: block;
        text-decoration: none;
        color: #fff;
        text-align: center;
        font-size: 12px;
        padding: 19.5px 0;
    }
    .top_new #footer .p-centring .inner_ {
        padding: 0 0 30px 0;
    }
    .top_new #footer .foonter_nav_ .copy_ {
        font-size: 10px;
    }

    
    
}