/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

html[lang="en-US"] .latest_post_day>span{
display:none;
}
p{font-weight: 400}
/** v-sido移行 **/
#softDlButton,#softDlButton2,#softDlButton3{height:auto !important;white-space: normal;line-height: 26px;
    padding: 20px 17px;}
.softspecTable div table td,.softspecTable div table th{text-align:left;}
.softspecTable div table td,.softspecTable div table tr{
border-top: #cecece solid 1px;
    border-bottom: #cecece solid 1px;
}
.softspecTable div table td,.softspecTable div table{
    width: 100%;
}
.softspecTable div table th{width: 18%;background:#f2f2f2;border-right: #cecece solid 1px}


.softDlTos div div ol li{padding-left: 1em;
    text-indent: -1em;
    list-style-position: inside;}
.softAttention div h4 {font-size:18px;font-weight:800;color:#d6003a;}
.softAttentionTxt div p{color:#d6003a;}
.softDlTos div div h3{font-size:18px;font-weight:800;margin-bottom: 10px;}
.softDlTos div div h4{font-size:16px;font-weight:800;margin-bottom: 5px;margin-top:10px;}
#softDlTosWrap input[type='submit']{
    border: 2px solid;
    color: rgb(255, 255, 255);
    border-color: rgb(201, 18, 57);
    font-weight: 700;
    margin: 0px auto;
    background-color: rgb(201, 18, 57);
    height: 47px;
    line-height: 47px;
    font-size: 16px;
    padding: 0 29px;
    /* border-bottom: solid 1px rgb(214, 0, 58)!important; */
    border-width: 1px;
    position: relative;
    display: inline-block;
    width: auto;
}
#softDlTosWrap input[type='submit']:hover{
    color: rgb(201, 18, 57);
    border-color: rgb(201, 18, 57);
    font-weight: 700;
    margin: 0px auto;
    background-color: rgb(255, 255, 255);
    transition-duration: 0.1s, 0.1s, 0.1s;
}

/****************/

.h2midashi div h2{
    font-weight: 600;
    margin-top: 30px;
}
.h2midashi div h2::after{
    display: block;
    content: " ";
    margin: 10px 0 20px 1px;
    width: 36px;
    border-bottom: solid 4px #d6003a;
}
.wpb_text_column .wpb_wrapper p{margin-bottom:14px}
#submit_comment, .blog_load_more_button a, .drop_down .wide .second ul li .qbutton, .drop_down .wide .second ul li ul li .qbutton, .load_more a, .qbutton {
    text-transform: none;
}
.side_menu_button {
    display:none
}

.header_bottom  .container_inner{
height:65px
}
.header_bottom .header_inner_right{
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
#searchform label{
display:none
}

#searchform #s{
    height: 38px;
    line-height: 38px;
    background: none;
    border: 2px solid;
    text-indent: 10px;
    box-sizing: border-box;
    font-size: 12px;
    color: #3e4243;
    margin-right: 5px;
width: 132px;
}
.icon_search{
    font-weight:700;
    vertical-align: sub;
}
.header_bottom_right_widget_holder {
     padding: 0px;
}
@font-face {
  font-family: YuGothicM;
  src: local(Yu Gothic Medium);
}
body{
	-webkit-text-size-adjust: 100%;
}
a{
    word-break: break-all;
}
.sp{
display:none
}
.br_414{
display:none
}
/* .content.content_top_margin {
    margin-top: 96px !important;
} */
#intro{
background-image:none!important;
}
.post_text_inner h2 .entry_date{display:none}

nav.main_menu>ul>li>a{text-transform:initial}
::selection{
    color: #ffffff;
    background: #fa668e;
}
.bold {
    font-weight:700!important
}
body {
  font-family: "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
  font-size: 15px;
}
p {
    font-size: 15px;
}

.header_top #lang_sel ul li ul li:last-child a, .header_top #lang_sel_click ul li ul li:last-child a {
    font-weight:700;
}

.header_top_bottom_holder{
    background: #fff;
}
nav.main_menu.right {
    position: absolute;
     right:170px;
    clear: both;
	top:0;
}

.header_bottom, .header_top, .fixed_top_header .bottom_header,header.scrolled .header_top{
    background-color: transparent!important;
}
.dark.header_style_on_scroll .header-widget.widget_nav_menu ul.menu>li>a {
    color: #ffffff!important;
}

header  .q_logo .dark{
  opacity:1!important;
display:block!important;
}
header  .q_logo .nomal{
    display:none!important;
}
header.dark .q_logo img.normal{
  opacity:0!important;
}
nav.main_menu > ul > li > a{
    font-size: 16px;
    font-weight: 500;
padding: 0 10px;
color: #3e4243!important;
}
nav.main_menu .menu_contact a{
   padding-right:0;
}
nav.main_menu .menu_contact a span:nth-child(2) {
    padding: 5.5px 20px;
    background: #d6003a;
    color: #ffffff;
    font-weight: 600;
    border: solid 2px #d6003a;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
nav.main_menu .menu_contact a span:nth-child(2):hover {
    color: #d6003a;
    background-color: #ffffff;
}

.drop_down .narrow .second .inner ul li a {
    font-weight: 700;
}
.side_menu_button>a.search_button{
    vertical-align: bottom;
    display: inline-block;
    padding:0;
}
header.scrolled .side_menu_button a {
    color: #3e4243!important;
}

.header_top,.header_top>.container{
    z-index:101
}
header{
background-color:#fff;
}
.right{
    text-align:right;
}
.center{
    text-align:center;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
#MainPanel .section_inner{
    position: relative;
    top: 1px;
}
#MainPanel .section_inner_margin,
#news .section_inner_margin {
    margin-left: 0px;
    margin-right: 0px;
}
#MainPanel .vc_col-sm-8 {
    width: 66.65%;
}
#MainPanel .vc_col-sm-4 {
    width: 33.35%;
}

#MainPanel .video-wrap{
       opacity: 0;
    overflow:visible!important;
-webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    transition:opacity .3s ease-out;
}
#MainPanel .video-overlay {
    background: url(/wp-content/uploads/2017/04/video_gradation.png);
    height: 406px;
    opacity:1;
}
.wpb_single_image .vc_figure-caption{
    font-size:1em;
    margin-top:0.8em;
}
.mainPanel1{
    position:relative;
}
.mainpanel_tag{
    position:absolute;
    left:-10px;
    top:30px;
}
.mainPanel1 .vc_column-inner,
.mainPanel2 .vc_column-inner,
.mainPanel3 .vc_column-inner{
    padding-left:0 !important;
    padding-right:0 !important;
}
#MainPanel .vc_column_container>.vc_column-inner{
    padding-right:0px!important;
    padding-left:0px !important;
}
#MainPanel .mainPanel1>.vc_column-inner{
    padding-right:0px!important;
}
.mainPanel2,.mainPanel3{
    padding-left:0px;
width: 50%;
    float: left;
}
.flexslider, .portfolio_slider {
    margin: 0 0 0px;
}
.caroufredsel-direction-nav a i, .flex-direction-nav a i {
    font-size: 50px;
}
.flexslider, .portfolio_slider {
    margin: 0 0 0px;
}
.caroufredsel-direction-nav a i, .flex-direction-nav a i {
    font-size: 50px;
}
.flex-direction-nav a:hover{
    background-color:transparent!important;
}
.caroufredsel-direction-nav a i, .flex-direction-nav a i {
    -webkit-transition:color .2s ease-out;
    -moz-transition:color .2s ease-out;
    transition:color .2s ease-out;
}
.wpb_gallery .wpb_flexslider.flexslider .flex-control-nav li a.flex-active{
    background-color: #fff!important;
    opacity: 0.8;
}
.wpb_gallery .wpb_flexslider.flexslider .flex-control-nav li a {
    background-color: #ffffff;
}
.caroufredsel-direction-nav a:hover i, .flex-direction-nav a:hover i {
    color: #fff!important;
    opacity: 0.8;
}
.mainPanel2 .qode-banner-text-holder ,.mainPanel3 .qode-banner-text-holder{
    padding-top:0px;
}

.mainPanel_title{
    font-size:21px;
    font-weight:700;
    margin-bottom:10px;
}
.mainPanel_txt{
    font-size:15px;
    line-height: 1.4;
}
.mainPanel2 .qode-banner-content,.mainPanel3 .qode-banner-content{
    padding:18px;
}
.mainPanel2 .triangle_white,.mainPanel3 .triangle_white{
    right:18px;
    bottom:18px;
    position:absolute;
}
.sP .wpb_wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 18px;
    box-sizing: border-box;
}
.sP{
        position: relative;
    width: 100%;
    height: 100%;
        padding: 99.1% 0 0;
}
.sP:hover h3,.sP:hover p{
    opacity:0.85;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    transition:opacity .2s ease-out;
}
.subPanel1{
    background-color:#d7496d
}
.subPanel2,.subPanel3{
    background-color:#d7e3e5
}
.subPanel4{
    background-color:#4573b3
}
.subPanel2 h3,.subPanel1 p,.subPanel2 h3,.subPanel4 p{
    color:#3e4243;
}
.subPanel1 h3,.subPanel1 p,.subPanel4 h3,.subPanel4 p{
    color:#ffffff;
}
.wpb_gallery .wpb_flexslider.flexslider .flex-control-nav {
    margin-top: -26px;
    position: relative;
}
.wpb_gallery .wpb_flexslider.flexslider.has_control_nav .flex-direction-nav a {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    top: 50%;
}
.latest_post_holder.minimal .latest_post_inner .post_infos{margin:0;}

.latest_post_text_inner{
  width: 100%;
}
#news .vc_col-sm-6 {
    width: 50%;
float:left
}
#news h2{
    font-size:21px;
    font-weight:700;
    margin-top: 8px;
}
#news .entry_date{
    font-size:15px;
    font-weight: 700;
    line-height: 2;
width: 75px;
border:none
}
.latest_post_holder.dividers .latest_post_date .latest_post_day {
    font-size: 15px;
    font-weight: 700;
    color: #3e4243;
float:left;
}
#news .entry_title{
    font-size:18px;
    border-left: 4px solid #d6003a;
    border-radius: 0;
    padding-left:10px;
    margin-bottom:0;
    margin-top:5px;
}
.post_infos a{
    font-size: 12px;
    padding: 7px 12px;
    background: #3e4243;
    color: #fff !important;
    pointer-events: none;
    font-weight: 700;
}
.post_infos span.dots{
    display:none;
}
.post_infos span.date_hour_holder{
    margin-right:10px;
}
.post_infos{
    height:28px;
}
#news .excerpt{
    display:none;
}
.news_btn{
    background:#ffffff;
    border:2px solid #3e4243;
    position:relative;
    width:165px;
    height:47px;
    -webkit-transition:border-color .1s linear;
    transition:border-color .1s linear;
    box-sizing: border-box;
}
.news_btn:hover{
    border-color:#fff;
}
.news_btn p{
    color:#3e4243;
    font-size:15px;
    top:15px;
    left:0;
    right:0;
    text-align: center;
    position:absolute;
    font-weight:700;
    line-height:1;
}
.triangle_black{
    position:absolute;
    right:8px;
    bottom:8px
}
.latest_post_holder.dividers .post_infos {
    margin-top:0px;
    padding-top:0px;
    border:0;
}
.latest_post_holder.boxes>ul>li, .latest_post_holder.dividers>ul>li {
    background-color:transparent;
}
.latest_post_month{
    float:left;
}
#news .boxes_image{
    height: 215px;
    overflow: hidden;
}
.latest_post_holder.dividers .latest_post_inner {
    margin: 5px 0 0!important;
}
#news .latest_post_title:hover{
    opacity:0.85;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    transition:opacity .2s ease-out;
}
.black-Shadow, .black-Shadow div p{
    text-shadow:0px 0px 6px #000000;
    color:#ffffff;
}
.intro_head_txt{
    font-size:50px;
    font-weight:700;
}
.intro_txt p{
    font-weight:700;
    font-size:21px;
    line-height: 1.6;
}
#intro .vc_col-sm-4 {
    width: 33.33333333%;
float:left
}
.intro_btn{
    background:#ffffff;
    position:relative;
    width:194px;
    height:54px;
    -webkit-transition:border-color .1s linear;
    transition:border-color .1s linear;
    border:2px solid #d6003a;
}
.intro_btn:hover{
    border-color:#fff;
}
.intro_btn_txt{
    color:#d6003a;
    font-size:16px;
    top:15px;
    left:0;
    right:0;
    text-align: center;
    position:absolute;
    font-weight:700;
}
.triangle_red{
    position:absolute;
    right:8px;
    bottom:8px
}

#product h2,#service h2,#example h2,#info h2,#social h2{
    font-size:25px;
    font-weight:700;
}
#product h3,#service h3,#info h3{
    margin-bottom: 6px;
}
#product h3 a,#service h3 a,#info h3 a{
    font-size:21px;
    font-weight:700;
    margin-bottom: 6px;
}
#product p,#service p,#info p{
    font-size:15px;
    line-height: 1.8;
}
#product .vc_col-sm-1>.vc_column_container>.vc_column-inner,
#service .vc_col-sm-1>.vc_column_container>.vc_column-inner,
#info .vc_col-sm-1>.vc_column_container>.vc_column-inner{
    padding:0px;
}
#product .vc_col-sm-1,#service .vc_col-sm-1,#info .vc_col-sm-1{
    width: 3%;
    display: table-cell;
    vertical-align: middle;
    float: none;
}
#product .vc_col-sm-2,#service .vc_col-sm-2,#info .vc_col-sm-2{
    width: 4%;
    float: none;
    display: table-cell;
}
#product .vc_col-sm-4,#service .vc_col-sm-4,#info .vc_col-sm-4{
    width: 13%;
    display: table-cell;
    float: none;
}

.product_link a span,.product_link p span,
.service_link a span,.service_link p span,
#product .icon_img ,#product .icon_img,
#service .icon_img,#service .icon_img,
.info_link h3 a,.info_link p a,
#info .icon_img ,#info .icon_img {
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    transition:opacity .2s ease-out;
}

.product_link:hover a span,.product_link:hover p span,
.service_link:hover a span,.service_link:hover p span,
#product .icon_img:hover ,#product .icon_img:hover,
#service .icon_img:hover,#service .icon_img:hover,
.info_link:hover h3 a,.info_link:hover p a,
#info .icon_img:hover ,#info .icon_img:hover {
    opacity:0.6;
}

#example h3,#social h3{
    font-size:21px;
}
#example p{
    font-size:15px;
}
#example .qode_video_box{
    max-width: 585px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.image_with_text{
    width:210px;
}
.image_with_text img{
    margin:0;
}
.image_with_text .txt_box{
    background: #424447;
    padding:14px 10px;
    box-sizing:border-box;
    text-align:left;
    line-height: 1;
}
.image_with_text .txt_box h4{
    color:#ffffff;
    font-size:13px;
    font-weight:700;
}
.image_with_text .txt_box span{
    color:#ffffff;
    font-size:12px;
    line-height: 1.5;
}
footer {
    width:100%;
}

footer .fa-angle-right{
    margin-right:10px;
}
footer .textwidget{
    font-size:14px;
   text-align:left;
line-height:1.5
}
footer .textwidget p+p{
    margin-top:18px;
}
.footer_col4 .widget_text{
    margin-bottom:55px!important;
}
#lang_sel{
font-weight:700;
}
footer #icl_lang_sel_widget-2{
margin-top:55px!important;
}
footer #lang_sel>ul>li>a {
    background-color: transparent!important;
   border:2px solid;
color:#fff
}
footer #lang_sel ul ul a, footer #lang_sel_click ul ul a, footer #lang_sel ul ul a:visited, footer #lang_sel_click ul ul a:visited{
 background-color:#fff!important;
}
footer #lang_sel ul ul a, footer #lang_sel_click ul ul a span, footer #lang_sel ul ul a:visited span, footer #lang_sel_click ul ul a:visited span{
   color:#3e4243!important
}
footer #lang_sel ul ul, footer #lang_sel_click ul ul, section.side_menu #lang_sel ul ul, section.side_menu #lang_sel_click ul ul {
    width: 100%;
        top: inherit;
    border: 0;
}
aside .widget #lang_sel>ul>li>a, aside .widget #lang_sel_click>ul>li>a, footer #lang_sel>ul>li>a, footer #lang_sel_click>ul>li>a, section.side_menu #lang_sel>ul>li>a, section.side_menu #lang_sel_click>ul>li>a {
    height: 22px;
    line-height: 22px!important;
}
aside .widget #lang_sel li, aside .widget #lang_sel_click li, footer #lang_sel li, footer #lang_sel_click li, section.side_menu #lang_sel li, section.side_menu #lang_sel_click li {
    width: 50%;
}
foorer .wpml-ls-legacy-dropdown a span {
    color: #3e4243!important;
}

.footer_top_holder {
    height: 390px;
}

.copyright{
    font-size:14px!important;
    text-align:left;
white-space: nowrap
}
.footer_bottom{
    width:1200px;
margin: 0 auto;
    display: block;
}
#lang_sel>ul>li>a{
pointer-events:none
}
.title_subtitle_holder{
    overflow: hidden;
    width: 100%;
}
.title.title_size_medium h1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width:1300px) {
.footer_bottom{
width:1100px
}
.breadcrumbs .breadcrumbs_inner {
    max-width: 400px!important;
}
}
@media screen and (max-width:1200px) {

.breadcrumbs .breadcrumbs_inner {
    max-width: 300px!important;
}

.main_menu {
    display: none!important;
}
.mobile_menu {
    display: block!important;
}
nav.mobile_menu {
    background-color: #3e4243 !important;
}
header .container_inner .header_inner_left {
    position:relative;
}
nav.mobile_menu .fa-angle-right:before{
content: "\f138"!important;
}
nav.mobile_menu .fa-angle-down:before{
content: "\f13a"!important;
}
.mobile_menu_button {
    right: 0;
   margin:0;
    display: table;
height:65px;
float:right
}
nav.main_menu > ul > li > a{
padding: 0 6px;
}
nav.mobile_menu>ul>.menu_contact {
    background:#d6003a!important;
}
nav.mobile_menu ul li {
    padding-left: 5%;
box-sizing:border-box
}
.logo_wrapper {
    left: 0;
}
nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {
    font-size: 15px;
    font-weight: 700;
}
nav.mobile_menu ul>li.has_sub>span.mobile_arrow {
    padding: 0 3% 0 0;
}
nav.mobile_menu ul>li.has_sub>span.mobile_arrow i {
    font-weight: 700;
    font-size: 20px;
}
.q_logo a {
    left: 0;
}
.header_bottom {
        width: 950px;
    padding: 0;
    margin: 0 auto;
}
.qode_search_form {
    padding: 0 6%;
    box-sizing: border-box;
}
nav.mobile_menu>ul {
    width: 100%!important;
}
.dark .mobile_menu_button span, .fixed_top_header.dark .header_bottom_center_widget {
    color: #3e4243!important;
    font-size: 25px;
}
.icon_search {
    font-size: 20px;
}
.header_top{
   height:0;
}
.header_top .left, .header_top .right {
    text-align:right;
}
    div.header_inner_right{
    right: 20px!important;
    bottom: 3px!important;
}
.side_menu_button_wrapper {
    float: right;
    text-align: inherit!important;
}
.header_top .container_inner,.header_bottom .container_inner{
    width:auto!important;
}
.mainPanel_title{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}
.mainPanel_txt{
    font-size: 13px;
    line-height: 1.3;
}
#news .boxes_image{
    height: 170px
}
}
@media screen and (max-width:1024px) {
#intro{
        background-image: url(/../wp-content/uploads/intro_sp-bg.png)!important;
background-position: center center!important;
}
}
@media screen and (max-width:1000px) {
.pc{
display:none
}
.sp{
display:block
}
.content.content_top_margin {
    margin-top: 0px !important;
}
.breadcrumb{
display:none
}
.q_logo {
    top:auto;
}
.logo_wrapper {
    height: 65px!important;
}
.header_bottom{
width:100%
}
#MainPanel .video-overlay {
    background: url(/wp-content/uploads/main_sp-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
height:100%
}
#MainPanel .vc_col-sm-8 {
    width: 100%;
}
#MainPanel .vc_col-sm-4 {
    width: 100%;
}
.sP {
    padding:0;
}
.sP .wpb_wrapper{
    position:relative;
    padding: 18px;
     box-sizing: border-box;
}
.mainPanel_title {
    margin-bottom: 8px;
}
.mainPanel_txt {
    line-height: 1.4;
}
.mainPanel_title {
    font-size: 21px;
}
.mainPanel_txt {
    font-size: 15px;
}
.latest_post_holder.dividers.three_columns>ul>li{
    width: 33.333333%;
    float: left;
    margin: 0!important;
    padding-right: 2%;
clear:none
}
.latest_post_holder.dividers.three_columns>ul>li:last-child{
padding-right: 0%;
}
#news .boxes_image {
    height: 120px;
}

.boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .container_inner nav.content_menu, .footer_bottom_border.in_grid, .footer_top_border.in_grid, .full_width .parallax_content, .steps_holder_inner, .title_border_in_grid_holder, div.grid_section .section_inner, nav.content_menu ul {
    width:100%;
}
header,#MainPanel .section_inner_margin,#news>div,#intro>div,#product>div,#example>div,#service>div,#info>div,#social>div{
    padding:0 6%;
    box-sizing:border-box
}

.content>.content_inner>.container{
    padding: 30px 6% 0;
    box-sizing: border-box;
}
.title .title_holder .container {
    width:1000%
}
	.title_subtitle_holder {
	    padding: 0 6%;
text-align: center;
    box-sizing: border-box;
	}

.intro_head_txt {
    font-size: 40px;
}
.intro_btn {
    width: 165px;
    height: 54px;
}
#product .vc_col-sm-6,#service .vc_col-sm-6,#info .vc_col-sm-6 {
    width: 50%;
   float:left
}
.icon_box{
    padding-right: 3%!important;
    box-sizing: border-box;
}
.icon_box+.icon_box{
    padding-left:3%!important;
padding-right:0%!important;
}
.icon_box .wpb_single_image img {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
.vc_custom_1486615351587 {
    padding-right:0px !important;
    padding-left: 0px !important;
}
.icon_box .wpb_single_image.vc_align_center {
    height: 120px;
    position: relative;
}
#product h3, #service h3, #info h3 {
    margin-bottom: 8px;
   text-align:center
}
footer .container_inner, .footer_bottom_holder{
    padding:0 5%;
box-sizing: border-box;
}
}
@media screen and (max-width:768px) {
    .title_subtitle_holder{
        overflow: auto;
        width: 100%;
    }
    .title.title_size_medium h1{
        overflow: auto;
        text-overflow: ellipsis;
        white-space: normal;
    }

aside .widget #lang_sel li, aside .widget #lang_sel_click li, footer #lang_sel li, footer #lang_sel_click li, section.side_menu #lang_sel li, section.side_menu #lang_sel_click li {
    width: 100%;
}
.header_bottom_right_widget_holder {
    display:block;
}
}
@media screen and (max-width:736px) {
.header_bottom_right_widget_holder {
    display:none;
}
.side_menu_button {
    display:block
}
.side_menu_button > a, .mobile_menu_button span{
    color: #3e4243!important;
}
.icon_search {
    font-size: 18px;
}
.icon_search,.side_menu_button>a.search_button {
    vertical-align: baseline;
}
div.header_inner_right {
    right: 40px!important;
    bottom: 5px!important;
position:absolute
}
.header_top #lang_sel>ul>li>a, .header_top #lang_sel_click>ul>li>a {
    line-height: 25px!important;
    height: 25px;
    font-size: 12px;
}
.header_top .right {
    margin-right: 70px;
    right: 0;
    margin-top: 14px;
}
.header_bottom .container_inner,
.logo_wrapper,.shopping_cart_inner, .side_menu_button,.mobile_menu_button{
    height: 55px!important;
}
header .q_logo img.mobile {1
margin:auto;
}
.header_top .left{
    display:none
}
.q_logo>a{
height:30px!important
}
.header_top .right #lang_sel ul>li a.lang_sel_sel {
    padding: 0px 16px 0 18px!important;
}
}
@media (max-width:600px){
#news .vc_empty_space{
   height: 18px!important;;
}
#news .latest_post_holder.dividers.three_columns>ul>li {
    padding-right: 0%;
}
#news .latest_post_holder.dividers.three_columns>ul>li+li{
    margin-top: 40px!important;
}
#news .boxes_image {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 56% 0 0;
}
#news .latest_post_holder.dividers .boxes_image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#news .latest_post {
    background: #fff;
    padding: 0px 15px 15px;
}
}
@media screen and (max-width:568px) {
.intro_btn {
width:140px;
}
.footer_top_holder {
    height:auto;
}
aside .widget #lang_sel li, aside .widget #lang_sel_click li, footer #lang_sel li, footer #lang_sel_click li, section.side_menu #lang_sel li, section.side_menu #lang_sel_click li {
    width: 50%;
}
}
@media screen and (max-width:414px) {
.br_414{
display:block
}
.header_top .right {
    margin-right: 68px;
}
.qode_search_form .icon_close{
font-size:20px
}
.mainPanel_title {
    font-size: 18px;
margin:0
}
.mainPanel_txt {
    display:none;
}
.mainPanel2 .triangle_white, .mainPanel3 .triangle_white {
    right: 8px;
    bottom: 8px;
    position: absolute;
    display: none;
}
.triangle_white,.triangle_black,.triangle_red{
    width: 14px;
}
.intro_head_txt {
    font-size: 36px;
}
.intro_txt p {
    font-size: 18px;
}
.intro_txt p br{
   display:none
}
#news{
padding-top:40px!important
}
.news_btn{
    width: 150px;
    height: 40px;
}
.news_btn p {
 font-size: 14px;
    top: 12px;
}
.post_infos a{
        margin: 0 5px 0 0;
    padding: 5px 8px;
}
.post_infos {
    height:auto;
}
#intro .vc_col-sm-4 {
    width:100%;
}
#intro .vc_col-sm-4+.vc_col-sm-4 {
    margin-top: 20px;
}
.intro_btn {
float:none;
margin:0 auto!important;
width: 200px;
}
#intro .vc_custom_1491909736732 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
#product .vc_empty_space,#service .vc_empty_space,#info .vc_empty_space{
display:none
}
#product  h2::after,#service  h2::after,#info  h2::after {
       margin: 10px auto 20px;
    width: 80%;
display: block;
    content: " ";
}
#product  h2::after,#service  h2::after{
    border-bottom: solid 1px #fff;
}
#info  h2::after {
    border-bottom: solid 1px #3e4243;
}
#product .vc_col-sm-6,#service .vc_col-sm-6,#info .vc_col-sm-6 {
    width: 100%;
}
.icon_box {
    padding-right: 0%!important;
margin-top: 30px;
}
.icon_box+.icon_box {
    padding-left:0%!important;

}
.footer_top, .footer_top.footer_top_full {
    padding-top: 40px;
    padding-bottom: 0px;
}
footer .container_inner, .footer_bottom_holder {
    padding: 0 6% 20px;
}
}
@media screen and (max-width:375px) {
.sP .wpb_wrapper {
    padding: 10px;
}
.mainPanel_title {
 font-size: 17px;
}
.mainPanel_txt {
    font-size: 12px;
}
.full_section_inner .term_btn a {
    font-size: 18px!important;
    padding: 4px!important;
}
#news h2 {
    font-size: 21px;
    font-weight: 700;
    margin-top: 4px;
}
.news_btn {
    width: 145px;
    height: 37px;
}
.news_btn p {
    font-size: 14px;
    top: 10px;
}
.triangle_black {
    right: 6px;
    bottom: 6px;
}
}
@media screen and (max-width:320px) {
.mainPanel_title {
    font-size: 15px;
}
.sP .wpb_wrapper {
    padding: 9px;
}
}
/*ニュース・ポートフォリオ*/
/*投稿ページ*/
.post_head-area{
display:none
}
.single-post .column1 h4{
font-size:18px
}
/*投稿一覧ページ*/
.category_outer {
    display: table;
    width: 100%;
    position: relative;
    margin: 0px 0 40px;
    text-align: center;
}
.category_holder {
    display: table-cell;
    vertical-align: middle;
}
.category_holder li{
    display: inline-block;
    list-style: none;
}
.category_holder li a{
    padding:5px 22px;
    font-weight:700;
    -webkit-transition: background .1s linear,color .1s linear;
    -moz-transition: background .1s linear,color .1s linear;
    -o-transition: background .1s linear,color .1s linear;
    -ms-transition: background .1s linear,color .1s linear;
    transition:background .1s linear,color .1s linear;
}
.category_holder a.active{
    background-color: #d6003a;
}
.category_holder a.active span{
    color: #ffffff;
}
.category_holder li a:hover {
    background-color: #d6003a;
}
.category_holder li a:hover span{
    color: #ffffff;
}
.latest_post_holder.image_in_box .latest_post_text_inner {
    display: flex;
    flex-direction: column-reverse;
}
.page-id-223  .title_size_small .title_subtitle_holder h1 span,.category  .title_size_small .title_subtitle_holder h1 span{
    font-size: 20px!important;
    font-weight: 700!important;
}
.page-id-223 .entry_title a,.category .entry_title a {
     font-size: 16px!important;
}
.page-id-223 .blog_holder article .post_text h5, .category .blog_holder article .post_text h5 {
    margin: 0px;
}

.page-id-223  article .post_text .post_text_inner , .category  article .post_text .post_text_inner{
 padding: 18px 15px;
box-sizing:border-box
}
.page-id-223  article.has-post-thumbnail .post_text .post_text_inner , .category  article .post_text .post_text_inner{
    border-top: 0;
}

.page-id-223  article:hover,.category  article:hover{
opacity:0.8;
-webkit-transition:  opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
.filter_holder ul li span{
  font-weight:700;
  font-size:14px
}
.filter_holder ul li.active span{
    background:#d6003a;
     color:#ffffff!important;
    -webkit-transition: background .2s ease-in-out,color .2s ease-in-out;
    -moz-transition: background .2s ease-in-out,color .2s ease-in-out;
    -o-transition: background .2s ease-in-out,color .2s ease-in-out;
    -ms-transition: background .2s ease-in-out,color .2s ease-in-out;
    transition: background .2s ease-in-out,color .2s ease-in-out;
}
.filter.active:hover span{
color:#ffffff!important;
}
.category .blog_holder article{
    border: 2px solid #eee!important;
    box-sizing:border-box
}
/*個別投稿ページ*/
.blog_single .single_caption ul,.blog_single ul{
    padding-left: 20px;
    list-style-position: outside;
}
.blog_holder article .post_info {
    display:none
}
.blog_single .separator.small{
    height: 4px;
    width: 26px;
    margin: 6px 0 20px;
}
.blog_single .single_caption,.blog_single .single_caption ul li{
    font-size:12px
}
.blog_single h1,.blog_single h2,.blog_single h3,.blog_single h4,.blog_single h5,.blog_single p,.blog_single p ,.blog_single li, .blog_single div{
    color:#3e4243;
}
.blog_single p,.blog_single p ,.blog_single li, .blog_single div{
    font-size:15px;
}
.blog_single .entry_title{
   margin-bottom:15px;
    font-weight: 700;
}
.blog_single .title_info p{
     font-size:14px;
}
.blog_single .post_head-area .separator{
     width:40px;
     height:3px;
}
.single-post .column1 h3{
    font-weight:700;
    font-size:22px
}
.blog_single h4{
    font-weight:700;
}
.blog_single .read_txt{
    font-size:16px
}
.blog_single .post_text a{
    color:#d6003a;
border-bottom: 1px dotted #d6003a;
-webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition:0.8s ease-in-out;
}
.blog_single .post_text a:hover{
    border:none;
}
.blog_single .wpb_single_image h5{
    font-size:14px;
        margin: 0!important;
}
.blog_single .wpb_single_image p{
    display:none;
}
.blog_single .table_border td{
border: 1px solid #e1e1e1;
}
.blog_holder article .post_text .post_text_inner {
    padding: 0px 23px 35px;
    background-color: #fff;
}
.single-post .blog_single p {
    margin-bottom: 10px;
}


/*** portfolio_pageのみのスタイル***/
/*** portfolio一覧ページ***/
.page-id-9427 .title.title_size_medium h1:before{
   background-image: url(/wp-content/uploads/2016/04/Works-with-V-Sido_90x49.png);
}
.page-id-17772 .title.title_size_medium h1:before{
  background-image: url(/wp-content/uploads/2016/04/Compatible-with-V-Sido_90x49.png);
}
.page-id-17778 .title.title_size_medium h1:before{
  background-image: url(/wp-content/uploads/2100/03/Powered-by-V-Sido_90x49.png);
}



.page-id-9427 .title.title_size_medium h1:before,
.page-id-17772 .title.title_size_medium h1:before,
.page-id-17778 .title.title_size_medium h1:before{
    content: " ";
       margin-left: 0px;
    position: relative;
    height: 49px;
    width: 90px;
    display: block;
background-repeat: no-repeat;
    background-size: contain;
}

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

.page-id-9427 .title.title_size_medium h1:before,
.page-id-17772 .title.title_size_medium h1:before,
.page-id-17778 .title.title_size_medium h1:before{
width: 50px;
top: 13px;
}

}

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

.page-id-9427 .title.title_size_medium h1:before,
.page-id-17772 .title.title_size_medium h1:before,
.page-id-17778 .title.title_size_medium h1:before{
    width: 70px;
    top: 8px;
}

}

.page-id-9427 .title_size_medium .title_subtitle_holder h1 span,
.page-id-17772 .title_size_medium .title_subtitle_holder h1 span,
.page-id-17778 .title_size_medium .title_subtitle_holder h1 span{
    font-size: 20px!important;
    font-weight: 700!important;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
   left:110px
}


.portfolio_read-txt p{
font-size:16px;
}
.projects_holder article .portfolio_description .portfolio_title>a{
   font-weight:700!important
}
.projects_holder article .portfolio_description {
    padding: 20px 0!important;
}
.projects_holder article .portfolio_description .portfolio_title {
    margin: 0 0 0px;
}

.projects_holder article .image_holder, .projects_holder article .portfolio_description {
        border: 2px solid #eee;
    border-bottom: 0;
}


/*** portfolio個別ページ ***/
i .fa-external-link {
    color: #d6003a!important;
}
.projects_holder article .portfolio_description {
    border: 2px solid #eee;
}


/*** 導入事例一覧ページ ***/
.masonry_with_space .projects_holder .mix {
   border:0;
}

/*** ウィジェットニュースでChromとSafariのみ行数限定 ***/
.latest_post{overflow: hidden;}
.latest_post_holder.image_in_box .latest_post_text .latest_post_title{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
    margin: 1px 0 -1px;

}

/* サイドバーのウィジェット */
aside .widget h5 {
    margin-bottom: 0px;
    font-size: 17px;
}
aside .widget + .widget {
    margin: 35px 0 0;
}
aside .separator.small{
    margin: 8px 0 -10px!important;
}
.widget .post_infos span{
     font-size:12px
}
.widget .latest_post_title a{
     font-size: 14px!important;
}
.widget  .latest_post_text .latest_post_title{
line-height: 1.2!important;
}
.widget .separator.small{
    height:4px;
    width:27px
}

/* パンくずリストの文字省略 */
.breadcrumbs .breadcrumbs_inner{
	max-width: 500px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.breadcrumb {position: relative!important;}
.breadcrumbs{
    line-height: 1.4em;
}
.page-id-9427 .breadcrumb,.page-id-17772 .breadcrumb,.page-id-17778 .breadcrumb,.portfolio_page-template-default .breadcrumb{
      position: absolute!important;
}
/* カラム全体に80pxマージン */
.content .column1,.content .column2 {
    margin-bottom: 80px;
}


/* 固定ページコンテンツ共通 */


/* ---------- p h2 h3 table ul ---------- */
.column1.full_section_inner p{
    font-size:15px;
	line-height: 1.8;
}

.column1 .wpb_text_column h2 {
    font-weight: 600;
    margin-top: 30px;
}

.column1 .wpb_text_column h2::after {
    display: block;
    content: " ";
    margin: 10px 0 20px 1px;
    width: 36px;
    border-bottom: solid 4px #d6003a;
}

.column1.full_section_inner h3{
    font-size:20px;
}

.column1 .wpb_text_column table td {
    padding: 10px 20px;
    border: solid 1px #eeeeee;
    text-align: left;
    vertical-align: middle;
    color: #333;
    font-size: 16px;
}

/* .column1 ul li,.contactInfo  ol li {
    border-left: solid 3px #585c5d;
    margin-bottom: 8px;
    line-height: 1.5;
    padding: 0.5em;
    list-style-type: none;
    text-indent: 0.3em;
    font-weight:700;
} */


/* お問い合わせボタンなどのアイコンホバー対策 */
a.qbutton:hover i {
    /* color: #d6003a!important; */
    color: inherit!important;
}

a.qbutton {
    border-bottom: solid 1px rgb(214, 0, 58)!important;
    word-wrap: break-word;
    white-space: normal;
    height: auto!important;
}

/* コンテンツ内のaタグのスタイル */
.column1 .wpb_text_column p a,
.column1 .wpb_text_column ul li a {
    border-bottom: none;
    color: #d6003a;
}

.column1 .wpb_text_column p a:hover,
.column1 .wpb_text_column ul li a:hover {
    color: #d6003a;
    border-bottom: 1px dotted rgb(214, 0, 58);
}



/* ビデオライブラリーのロードボタンの色 */
.videolibrarySection div div .projects_holder_outer .portfolio_main_holder article .portfolio_description{
    padding:20px !important;
}
.vDate,.vDesp{font-size:15px;font-weight:normal;}

.page-id-16561 .projects_holder article .image_holder>a,
.page-id-16561 .projects_holder article .portfolio_description .portfolio_title>a,
.page-id-19017 .projects_holder article .portfolio_description .portfolio_title>a {
    pointer-events: none;
}


.load_more a,
.portfolio_paging_loading a {
    background-color: #d6003a;
    border: solid 1px #d6003a;
    font-weight: 600;
}

.load_more a:hover,
.portfolio_paging_loading a:hover {
    border: solid 1px #d6003a;
    color: #d6003a;
}

.qbutton.white {
     border-bottom: solid 1px #ffffff!important;
}
/* 動画の再生ボタン */
@media screen and (max-width:1366px) {
.page-id-16561 .projects_holder article span.text_holder {
    background-color: rgba(21,21,21,0);
    opacity:1!important;
        visibility: visible!important;
height: 100%!important;
width: 100%!important;
    display:inherit!important;
}
}
/* ロボット関連用語にあったやつ */

.term_btn,.term_btn table{
    width:600px;
    margin:0 auto;
}
.term_btn_head p{
    font-weight: 700;
    color: #3e4243;
    text-align:center;
    font-size: 20px;
}
.full_section_inner .term_btn a {
    line-height:1;
    color: #3e4243!important;
font-size: 25px;
    font-weight: 700;
        padding:20px;
        border:none;
}
.term_btn tr{
    height:65px;
}
.term_btn td{
    vertical-align:middle;
    padding:0;
    -webkit-transition: background .2s ease-in-out,color .2s ease-in-out;
    -moz-transition: background .2s ease-in-out,color .2s ease-in-out;
    -o-transition: background .2s ease-in-out,color .2s ease-in-out;
    -ms-transition: background .2s ease-in-out,color .2s ease-in-out;
    transition: background .2s ease-in-out,color .2s ease-in-out;
}
.term_btn td:hover{
        background:#e8eeef;
}
.term_btn a+a {
    margin-left: 10px;
}
.term+.term{
    margin-top:50px!important;
}
.column1 h3{
    font-size:20px;
}
.column1 h4{
    font-size:22px;
    margin-bottom:5px!important;
}
.column1 p{
    fontsize:15px
}
.term{
    padding-left:20px;
}
.term>div{
    border-left:3px solid #d6003a;
}

@media screen and (max-width:1000px) {
.term_btn, .term_btn table {
    width: 100%;
}
.term_btn_wrap{
padding:0 5%;
box-sizing:border-box
}
}
@media screen and (max-width:375px) {
.full_section_inner .term_btn a {
    padding: 5px;
}
}
@media screen and (max-width:320px) {
.full_section_inner .term_btn a {
    padding: 0px;
}
}
/* 既存ロボットへのOS制御対応の図版 */

.integration {
    color: #fff;
    margin: 0 auto;
}

.integration_coulmn {
    width: 20%;
    height: 100%;
}

.integration_coulmn::after {
    position: absolute;
    content: url(https://www.asratec.co.jp/wp-content/uploads/2017/01/arrow_white.png);
    z-index: 10;
    top: 42%;
    left: 97%;
}

.integration .integration_coulmn:nth-last-of-type(1)::after {
    display: none;
}

.integration_head {
    font-size: 20px;
    text-align: center;
    height: 60px;
    padding-left: 15px;
    padding-right: 15px;
}

.integration_head p {
    color: #fff;
    margin-top: 30px;
    line-height: 20px;
}

.integration_coulmn_arrow .vc_column-inner,
.integration_coulmn .vc_column-inner {
    padding-left: 0px!important;
    padding-right: 0px!important;
    height: 100%;
}

.integration_text {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}

.integration_text p {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
}

.integration .full_section_inner {
    height: 410px;
}

@media screen and (max-width:1300px) {
    .integration .full_section_inner {
    height: 430px;
    }
    .integration_coulmn::after {
        top: 37%;
    }
}

@media screen and (max-width:1200px) {
    .integration .full_section_inner {
    height: 460px;
    }
}

@media screen and (max-width:1000px) {
    .integration .full_section_inner {
    height: 490px;
    }
    .integration_coulmn::after {
        top: 30%;
    }
.content .container .container_inner {
	padding-top: 30px;
}
}

@media screen and (max-width:769px) {
    .integration {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .integration .full_section_inner {
        height: auto;
    }

    .integration_coulmn {
        width: 100%;
    }
    .integration_head {
        height: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
    .integration_head p {
        margin-top: 0px;
    }
    .integration_coulmn .vc_column-inner {
        padding-left: 40px!important;
        padding-right: 40px!important;
        padding-top: 20px!important;
        padding-bottom: 80px!important;
    }
    .integration_coulmn_arrow img {
        transform: rotate(90deg);
    }
    .integration_coulmn_arrow .vc_single_image-wrapper {
        display: block;
        width: 14px;
        margin: 0 auto;
    }
    .integration_coulmn::after {
    position: absolute;
    content: url(https://www.asratec.co.jp/wp-content/uploads/2017/01/arrow_white.png);
    z-index: 10;
    margin: 0% auto;
    bottom: 25px;
    top: initial;
    transform: rotate(90deg);
    left: 48%;
    }
}

/* 既存ロボットへのOS制御対応の図版ここまで
企画支援↓ */

.consulting {
    padding-left: 15px;
    padding-right: 15px;
}

.consulting_columns {
    width: 20%;
}

.consulting_inner1 .consulting_columns::after {
    position: absolute;
    content: url(https://www.asratec.co.jp/wp-content/uploads/2017/01/arrow_white.png);
    z-index: 10;
    top: 48%;
    left: 97%;
}

.consulting_inner2 .consulting_head {
    height: 60px;
}

.consulting_inner1 .consulting_columns:nth-last-of-type(1)::after {
    display: none;
}

.consulting_wrap .vc_column-inner  {
    padding-left: 0;
    padding-right: 0;
}

.consulting_columns .vc_column-inner {
    height: 440px;
    padding-top: 80px;
    padding-left: 0px;
    padding-right: 0px;
}

.consulting_inner2 .consulting_columns .vc_column-inner {
    height: 400px;
}

.consulting_head {
    font-size: 20px;
    text-align: center;
    height: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.consulting_head p {
    color: #fff;
    margin-top: 30px;
    line-height: 20px;
}

.consulting_text {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}

.consulting_text ul li,
.consulting_text p {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
}

.consulting_text ul li {
    list-style-position: initial;
    margin-left: 1em;
}

.consulting_inner1,
.consulting_inner2 {
    margin-left: 0;
    margin-right: 0;
}

.consulting_main_head {
    position: absolute;
    z-index: 30;
    width: 60%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    bottom: 20px;
    border-bottom: 3px solid #fff;

}

.consulting_main_head p {
    font-size: 18px;
    color: #fff;
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.consulting_title1,
.consulting_title2 {
    position: absolute;
    z-index: 30;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 40px;
    padding-bottom: 40px;
}

.consulting_title2 {
    bottom: 0;
}

.consulting_title1 p,
.consulting_title2 p {
    color: #fff;
    font-size: 24px;
    text-shadow: 0px 2px 0px rgba(0,0,0,0.3);
    padding: 0;
    margin: 0;
    font-weight: 600;
}

.consulting .arrow::before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: -40px;
    border-right: 40px solid #ffffff;
    border-top: 15px solid transparent;
}

.consulting .arrow::after {
    content: "";
    position: absolute;
    bottom: -3px;
    right: -40px;
    border-left: 40px solid #ffffff;
    border-top: 15px solid transparent;
}

@media screen and (max-width:1200px) {
    .consulting_inner2 .consulting_head {
        height: 100px;
    }
    .consulting_wrap br {
        display: none;
    }
}

@media screen and (max-width:1000px) {
    .consulting_columns .vc_column-inner {
        height: 440px;
    }
    .consulting_inner1 .consulting_columns::after {
        top: 43%;
    }
    .consulting_head {
        height: 40px;
    }
    .consulting_inner2 .consulting_head {
        height: 120px;
    }
}

@media screen and (max-width:769px) {
    .consulting_title1,
    .consulting_title2 {
        display: none;
    }

    .consulting_inner1 {
        display: inline-block;
        width: 50%;
        float: left;
    }
    .consulting_inner2 {
        float: right;
        width: 50%;
    }
    .consulting_main_head {
        display: none;
    }

    .consulting_title1,
    .consulting_title2 {
        display: inline-block;
        width: 50%;
        top: -30px;
        background-color: aqua;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .consulting_title1 p,
    .consulting_title2 p {
        font-size: 18px;
        text-shadow: none;
    }

    .consulting_title1 {
        float: left;
        background-color: #999999;
    }
    .consulting_title1:nth-child(even) {
        background-color: #e6879f;
    }

    .consulting_columns {
        width: 100%;
    }
    .consulting_columns,
    .consulting_inner2 .consulting_columns .vc_column-inner {
        height: 440px;
    }
    .consulting_inner1 .consulting_columns::after {
    position: absolute;
    content: url(https://www.asratec.co.jp/wp-content/uploads/2017/01/arrow_white.png);
    z-index: 10;
    margin: 0% auto;
    bottom: -15px;
    top: inherit!important;
    transform: rotate(90deg);
    left: 48%;
    }
    .consulting_columns .vc_column-inner {
        height: 440px;
    }
    .consulting_text {
    padding-left: 50px;
    padding-right: 50px;
    }
    .consulting_columns .vc_column-inner {
        padding-top: 20px;
    }
    .consulting_inner2 .consulting_head {
        height: 40px;
    }
}

@media screen and (max-width:414px) {
    .consulting_text {
        padding-left: 20px;
        padding-right: 20px;
    }
    .consulting {
        padding: 6%;
    }
    .consulting_inner2 .consulting_head {
    height: 40px;
    }
    .consulting_columns .vc_column-inner {
        height: 440px;
    }
}

/* 企画支援ここまで、試作支援↓ */
.prototype {
    padding-left: 15px;
    padding-right: 15px;
}

.prototype_columns {
    width: 25%;
}

.prototype_inner1 .prototype_columns::after {
    position: absolute;
    content: url(https://www.asratec.co.jp/wp-content/uploads/2017/01/arrow_white.png);
    z-index: 10;
    top: 48%;
    left: 97%;
}

.prototype_inner2 .prototype_head {
    height: 40px;
}

.prototype_inner1 .prototype_columns:nth-last-of-type(1)::after {
    display: none;
}

.prototype .vc_column-inner  {
    padding-left: 0;
    padding-right: 0;
}

.prototype_columns .vc_column-inner {
    height: 440px;
    padding-top: 80px;
    padding-left: 0px;
    padding-right: 0px;
}

.prototype_inner2 .prototype_columns .vc_column-inner {
    height: 430px;
}

.prototype_head {
    font-size: 20px;
    text-align: center;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

.prototype_head p {
    color: #fff;
    margin-top: 30px;
    line-height: 20px;
}

.prototype_text {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 10px;
}

.prototype_text ul li,
.prototype_text p {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
}

.prototype_text ul li {
    list-style-position: initial;
    margin-left: 1em;
}

.prototype_inner1,
.prototype_inner2 {
    margin-left: 0;
    margin-right: 0;
}

.prototype_main_head {
    position: absolute;
    z-index: 30;
    width: 50%;
    left: 13%;
    bottom: 0;
    margin: 0 auto;
    bottom: 20px;
    border-bottom: 3px solid #fff;

}

.prototype_main_head p {
    font-size: 18px;
    color: #fff;
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.prototype_title1,
.prototype_title2 {
    position: absolute;
    z-index: 30;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 40px;
    padding-bottom: 40px;
}

.prototype_title2 {
    bottom: 0;
}

.prototype_title1 p,
.prototype_title2 p {
    color: #fff;
    font-size: 24px;
    text-shadow: 0px 2px 0px rgba(0,0,0,0.3);
    padding: 0;
    margin: 0;
    font-weight: 600;
}

.prototype .arrow::before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: -40px;
    border-right: 40px solid #ffffff;
    border-top: 15px solid transparent;
}

.prototype .arrow::after {
    content: "";
    position: absolute;
    bottom: -3px;
    right: -40px;
    border-left: 40px solid #ffffff;
    border-top: 15px solid transparent;
}


@media screen and (max-width:1200px) {
    .prototype_inner2 .prototype_head {
        height: 100px;
    }
    .prototype_wrap br {
        display: none;
    }
    .prototype_inner2 .prototype_head {
        height: 40px;
    }
    .prototype_columns .vc_column-inner {
    height: 520px;
    }
    .prototype_inner1 .prototype_columns::after {
    top: 43%;
    }
}

@media screen and (max-width:1000px) {
    .prototype_columns .vc_column-inner {
        height: 480px;
    }
    .prototype_inner1 .prototype_columns::after {
        top: 38%;
    }
    .prototype_head {
        height: 40px;
    }
    .prototype_inner2 .prototype_head {
        height: 40px;
    }
    .prototype_text {
        padding-left: 15px;
        padding-right: 15px;
    }
    .prototype_title1, .prototype_title2 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .prototype_columns .vc_column-inner {
        padding-top: 40px;
    }
    .prototype_inner2 .prototype_columns .vc_column-inner {
        height: 380px;
    }
}

@media screen and (max-width:769px) {
    .prototype_title1,
    .prototype_title2 {
        display: none;
    }

    .prototype_inner1 {
        display: inline-block;
        width: 50%;
        float: left;
    }
    .prototype_inner2 {
        float: right;
        width: 50%;
    }

    .prototype_columns .vc_column-inner {
        height: 440px;
    }

    .prototype_columns {
        width: 100%;
    }
    .prototype_columns,
    .prototype_inner2 .prototype_columns .vc_column-inner {
        height: 440px;
    }
    .prototype_inner1 .prototype_columns::after {
    position: absolute;
    content: url(https://www.asratec.co.jp/wp-content/uploads/2017/01/arrow_white.png);
    z-index: 10;
    margin: 0% auto;
    bottom: -15px;
    top: inherit!important;
    transform: rotate(90deg);
    left: 48%;
    }
    .prototype_columns .vc_column-inner {
        height: 440px;
    }
    .prototype_text {
    padding-left: 50px;
    padding-right: 50px;
    }
    .prototype_columns .vc_column-inner {
        padding-top: 20px;
    }
    .prototype_inner2 .prototype_head {
        height: 40px;
    }
    .prototype_main_head {
        display: none;
    }
    .prototype_title1,
    .prototype_title2 {
        display: inline-block;
        width: 50%;
        top: -30px;
        background-color: aqua;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .prototype_title1 p,
    .prototype_title2 p {
        font-size: 18px;
        text-shadow: none;
    }

    .prototype_title1 {
        float: left;
        background-color: #999999;
    }
    .prototype_title1:nth-child(even) {
        background-color: #e6879f;
    }
	.prototype_title1:nth-child(odd) {
		right: 50%;
	}
}

@media screen and (max-width:480px) {
    .prototype_text {
        padding-left: 20px;
        padding-right: 20px;
    }
    .prototype {
        padding: 6%;
    }
    .prototype_inner2 .prototype_head {
    height: 40px;
    }
    .prototype_columns .vc_column-inner {
        height: 440px;
    }
}

/* 試作ここまで、運用↓ */
.operation {
    padding-left: 15px;
    padding-right: 15px;
}

.operation_inner2 .operation_columns {
    width: 100%;
}

.operation_inner1 .operation_columns::after {
    position: absolute;
    content: url(https://www.asratec.co.jp/wp-content/uploads/2017/01/arrow_white.png);
    z-index: 10;
    top: 48%;
    left: 97%;
}

.operation_inner2 .operation_head {
    height: 40px;
}


.operation {
    padding-left: 15px;
    padding-right: 15px;
}

.operation_columns {
    width: 25%;
}



.operation_inner2 .operation_head {
    height: 40px;
}

.operation_inner1 .operation_columns:nth-last-of-type(1)::after {
    display: none;
}

.operation .vc_column-inner  {
    padding-left: 0;
    padding-right: 0;
}

.operation_columns .vc_column-inner {
    height: 440px;
    padding-top: 80px;
    padding-left: 0px;
    padding-right: 0px;
}

.operation_inner2 .operation_columns .vc_column-inner {
    height: 430px;
}

.operation_head {
    font-size: 20px;
    text-align: center;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

.operation_head p {
    color: #fff;
    margin-top: 30px;
    line-height: 20px;
}

.operation_text {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 10px;
}

.operation_text ul li,
.operation_text p {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
}

.operation_text ul li {
    list-style-position: initial;
    margin-left: 1em;
}

.operation_inner1,
.operation_inner2 {
    margin-left: 0;
    margin-right: 0;
}

.operation_main_head {
    width: 80%;
    margin: 0 auto;
    border-bottom: 3px solid #fff;
}

.operation_main_head p {
    font-size: 18px;
    color: #fff;
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.operation_title1,
.operation_title2 {
    position: absolute;
    z-index: 30;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 40px;
    padding-bottom: 40px;
}

.operation_title2 {
    bottom: 0;
}

.operation_title1 p,
.operation_title2 p {
    color: #fff;
    font-size: 24px;
    text-shadow: 0px 2px 0px rgba(0,0,0,0.3);
    padding: 0;
    margin: 0;
    font-weight: 600;
}

.operation_inner1 .operation_columns:nth-last-of-type(1)::after {
    display: none;
}

.operation .vc_column-inner  {
    padding-left: 0;
    padding-right: 0;
}

.operation_columns .vc_column-inner {
    height: 440px;
    padding-top: 80px;
    padding-left: 0px;
    padding-right: 0px;
}

.operation_inner2 .operation_columns .vc_column-inner {
    height: 200px;
}

.operation_head {
    font-size: 20px;
    text-align: center;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

.operation_head p {
    color: #fff;
    margin-top: 30px;
    line-height: 20px;
}

.operation_text {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 10px;
}

.operation_text ul li,
.operation_text p {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
}

.operation_text ul li {
    list-style-position: initial;
    margin-left: 1em;
}

.operation_inner1,
.operation_inner2 {
    margin-left: 0;
    margin-right: 0;
}

.operation_main_head {
    z-index: 30;
    margin: 0 auto;
    border-bottom: 3px solid #fff;
}

.operation_main_head p {
    font-size: 18px;
    color: #fff;
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.operation_title1,
.operation_title2 {
    position: absolute;
    z-index: 30;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 40px;
    padding-bottom: 40px;
}

.operation_title2 {
    bottom: 0;
}

.operation_title1 p,
.operation_title2 p {
    color: #fff;
    font-size: 24px;
    padding: 0;
    margin: 0;
    font-weight: 600;
}

.operation .arrow::before {
    content: "";
    position: absolute;
    top: 102px;
    left: 50px;
    border-right: 40px solid #ffffff;
    border-top: 15px solid transparent;
}

.operation .arrow::after {
    content: "";
    position: absolute;
    top: 102px;
    right: 50px;
    border-left: 40px solid #ffffff;
    border-top: 15px solid transparent;
}

@media screen and (max-width:1200px) {
    .operation_inner2 .operation_head {
        height: 100px;
    }
    .operation_wrap br {
        display: none;
    }
}
@media screen and (max-width:1024px) {
.section .video-overlay.active{
    background-image: url(img/pixel-video.png)!important;
}
.video-wrap{
display:none!important
}
}
@media screen and (max-width:1000px) {
    .operation_columns .vc_column-inner {
        height: 480px;
    }
    .operation_inner1 .operation_columns::after {
        top: 43%;
    }
    .operation_head {
        height: 40px;
    }
    .operation_inner2 .operation_head {
        height: 120px;
    }
    .operation_text {
        padding-left: 15px;
        padding-right: 15px;
    }
}

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

    .operation_inner1 {
        display: inline-block;
        width: 50%;
        float: left;
    }
    .operation_inner2 {
        float: right;
        width: 50%;
    }

    .operation_columns {
        width: 100%;
    }
    .operation_columns {
        height: 340px;
    }

    .operation_columns .vc_column-inner {
        height: 340px;

    }

    .operation_inner1 .operation_columns::after {
    position: absolute;
    content: url(https://www.asratec.co.jp/wp-content/uploads/2017/01/arrow_white.png);
    z-index: 10;
    margin: 0% auto;
    bottom: -15px;
    top: inherit!important;
    transform: rotate(90deg);
    left: 48%;
    }

    .operation_text {
    padding-left: 50px;
    padding-right: 50px;
    }
    .operation_columns .vc_column-inner {
        padding-top: 20px;
    }
    .operation_inner2 .operation_head {
        height: 40px;
    }

    .operation_inner2 .operation_columns {
    height: 1360px;
    }

    .operation_inner2 .operation_columns .vc_column-inner {
    height: 100%;
    }

    .operation_main_head {
    position: absolute;
    width: 10px;
    right: 45%;
    top: 240px;
    left: 45%;
    border-bottom: none;
    }

    .operation .arrow::after {
    content: "";
    position: absolute;
    top: 900px;
    right: -9px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 40px solid #ffffff;
    }
    .operation .arrow::before {
    content: "";
    position: absolute;
    top: 152px;
    left: 7px;
    height: 750px;
    border: solid 2px #ffffff;
    border-right: none;
    border-top: none;
    }
    .operation_title1,
    .operation_title2 {
        display: inline-block;
        width: 50%;
        top: -30px;
        background-color: aqua;
        padding-top: 3px;
        padding-bottom: 3px;
    }
	.consulting_title1:first-child,
	.operation_title1:first-child {
		right: 50%;
	}
    .operation_title1 p,
    .operation_title2 p {
        font-size: 18px;
        text-shadow: none;
    }

    .operation_title1 {
        float: left;
        background-color: #999999;
    }

    .operation_title1::nth-child(even) {
        background-color: #e6879f!important;
    }

    .color2 {
        background-color: #e6879f!important;
    }
}
@media screen and (max-width:414px) {
    .operation_text {
        padding-left: 20px;
        padding-right: 20px;
    }
    .operation {
        padding: 0 6%;
    }
    .operation_inner2 .operation_head {
    height: 40px;
    }
    .operation_columns .vc_column-inner {
        height: 340px;
    }
}
/* ------------固定・投稿レスポンシブ---------- */

@media only screen and (max-width: 1000px){
.content .container .container_inner.default_template_holder, .content .container .container_inner.page_container_inner {
    padding-top: 0px;
}
}
@media screen and (max-width:768px) {
	.content .column1 {
	    width: 65%;
	}
	.content .column2 {
	    width: 35%;
	}
.full_section_inner .term_btn a {
    font-size: 21px;
    padding: 7px;
}
}

@media only screen and (max-width: 480px) {
    .blog_holder.masonry {
        width:100%!important;
margin:0 auto
    }
}
@media screen and (max-width:414px) {
	.content .column1 {
	    width: 100%;
	}
	.content .column2 {
	    width: 100%;
	}
        .select_img {
                display: block;
    width: 100px;
    margin: 20px auto;
        }

.single-post  .vc_col-xs-3 {
    width: 100%;
}
.single-post .column1 .wpb_text_column table {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
}
.blog_single .table_border td {
    width:100%!important
}
}

/* ------------ーお問い合わせ--------- */{}
#contact2017 tr,#contact2017 td,
#privacy_confirm tr,#privacy_confirm td{
border: none!important;
}
#contact2017 tr td select,#contact2017 tr td input,
#privacy_confirm tr td select,#contact2017 tr td input{padding:10px;width:inherit;}
#contact2017 tr td,
#privacy_confirm tr td{text-align:left;padding:20px;}
#contact2017 tr td textarea,
#privacy_confirm tr td textarea{padding:10px;width:96%;}
#contact2017 tr td,
#privacy_confirm tr td{vertical-align:middle;}
.contact_submit{margin:30px 0;}
.contact_submit input{
padding: 20px 50px;
    font-size: 18px;
    font-weight: bold;
    background-color: #d6003a;
    color: #FFF;
    letter-spacing: 2px;
    border:#d6003a solid 2px;
    transition-duration:0.5s;
    margin: 0 auto;
    display: block;
}
#privacy_confirm tr td select, #privacy_confirm tr td input {
    padding: 10px;
    width: inherit;
}
input[type="submit"], input[type="reset"], input[type="button"], button{
  cursor: pointer;
}
.contact_submit tbody tr td div input:hover{
    background-color: #FFF!important;
    color: #d6003a!important;
}
.privacy_Info ul, .privacy_Info ol {
  padding: 0;
  position: relative;
}

#contact2017 tr td textarea,#privacy_confirm  tr td textarea,
#contact2017 select#item,#privacy_confirm select#item
#contact2017 input,#privacy_confirm input {
    padding: 10px;
    border: solid 2px #eee;
    border-radius: 5px;
    box-sizing: border-box;
}
.underline{
    border-bottom:1px solid #3e4243;
}

.contact_submit_wrap{
    display: table;
    margin: 30px auto;
    border-spacing:10px;
}
.contact_submit{
    display: table-cell;
}
@media screen and (max-width:1000px) {
.mw_wp_form table {
  width: 100%;
  table-layout: fixed;
}
.mw_wp_form table td {
    width:100%!important;
}
#contact2017 tr td {
    white-space: normal!important;
}
.contactInfo ul li, .contactInfo ol li {
        line-height: 1.5em!important;
}
}
@media screen and (max-width: 768px) {
#contact2017 tr td textarea,#privacy_confirm tr td textarea,
#contact2017 select#item,#privacy_confirm select#item,
#contact2017 input, #privacy_confirm input{
    width: 100%;
    display: block;
    padding: 10px;
}
#contact2017 tr td:nth-child(1),#privacy_confirm tr td:nth-child(1) {
    width: 100%!important;
    padding: 0 0 5px 10px;
    display: block;
	border: none;
}

#contact2017 tr td:nth-child(2),#privacy_confirm tr td:nth-child(2) {
    display: block;
    padding: 0!important;
    margin-bottom: 25px;
	border: none;
}
.qbutton.large {
    height: auto;
    line-height: 1.4em;
    padding: 18px 17px;
    display: inline-block;
    white-space: normal;
}
}
@media screen and (max-width:414px) {
.contact_submit_wrap,.contact_submit{
    display:block;
}
.contact_submit{
    margin: 20px auto;
}
}

/* ------------ー検索結果--------- */
.search-results .blog_holder article .post_more {
    display:none
}
.search-results h2.entry_title{
font-size:18px;
display:inline-block
}
.search-results h2 a:hover{
border-bottom:1px solid #d6003a!important
}
.search-results .blog_holder article .post_image{
    margin-bottom: 10px;
}
.search-results .blog_holder article {
    margin: 0;
}
.search-results .post_image,.search-results .portfolio_category-video{
display:none!important
}
/* ----------リンクのホバー---------- */

.sP {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.sP a img {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.sP:hover a {
opacity: 0.7;
}
.sP:hover a img {
        transform: translate(5px, 5px);
}

.latest_post h3.latest_post_title a:hover {
color: #d6003a;
}

img.attachment-latest_post_boxes.size-latest_post_boxes.wp-post-image:hover {
    max-width: 105%;
    transform: translate(-2.5%, -2.5%);
}

img {
    transition: 0.3s;
	-webkit-transition: 0.3s;
}



footer .container .widget_text a:hover{
text-decoration: underline;
}


.menu-item-type-post_type a span::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #d6003a;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.menu-item-type-post_type a span:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.menu-item-type-post_type .second a span::after {
	display: none;
}

.drop_down .second ul li {
    transition: 0.15s;
	-webkit-transition: 0.15s;
}

.drop_down .second ul li:hover {
	background-color: #666666;
}


h5.latest_post_title a:hover {
    color: #d6003a!important;
}

a img:hover {
    opacity: 0.7;
}

footer .lang_jp,
footer .lang_en,
.q_social_icon_holder.normal_social,.lang_jp,.lang_en,
#lang_sel {
    display: none;
}

li.flex-active-slide {
background-color: #ffffff!important;
display: block;
width: 100%;
height: 100%;
}



/* 言語選択の挙動 */

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
opacity: 0;
transition: .2s;
-webkit-transition: .2s;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu {
opacity: 1;
}

footer #lang_sel li,
footer #lang_sel ul ul a {
transition: .2s;
-webkit-transition: .2s;
}

footer #lang_sel ul ul a:hover {
    opacity: 0.7;
}

footer #lang_sel li:hover {
    opacity: 0.7;
}

#lang_sel ul ul a span {
    color: #3e4243!important;
}

/* ビデオライブラリー(変更)のCSSまとめ */

a.lightbox.qbutton {
    background-color: #ffffff;
    width: 80px;
    color: #333333;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 600;
}

a.lightbox.qbutton:hover {
	background-color: #333333;
	color: #ffffff;
}

.video_contents .vc_column_container>.vc_column-inner {
    padding: 0!important;
}

.video_contents .column_inner {
    padding: 0!important;
}

.video_contents .vc_column_container {
    padding: 10px!important;
}

.video_contents .video_inner {
    box-sizing: border-box;
    width: 100%!important;
    display: block!important;
    padding: 0!important;
    margin: 0!important;
}

.video_contents {
    display: inline-block;
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
	vertical-align: top;
    margin: 0 auto;
}

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

.video_contents {
    display: block;
    width: 100%;
margin: 0;
padding: 0;
}

}
.title_subtitle_holder h1 {
    margin: 0px!important;
}

nav.main_menu .menu_contact a span:nth-child(2)::after {
    content: none;
}
@media screen and (max-width: 1200px) {
footer .footer_bottom{
width:950px;
}
}

.latest_post_holder.dividers .latest_post_date {
margin: 0 5px 0 0!important;
}
/*fbのスタイル*/
body:not(.home) .fb_iframe_widget,.fb_iframe_widget>span{
display:block!important
}
body:not(.home) .fb_iframe_widget>span,.fb_iframe_widget>span>iframe{
width:100%!important
}

.latest_post_holder.dividers .post_infos>a:not(:last-child):after, .latest_post_holder.dividers .post_infos>span:not(:last-child)>a:after{
display:none;
}

input, textarea, select, button {
    font-family: initial;
}

aside.sidebar .textwidget a > img {
    margin-bottom: 8px;
}
#news .entry_date {
    width: 78px;
}
.fb_iframe_widget {
    display: inline-block!important;
}