@charset "utf-8";
/*
theme Name: lignapps-theme
Author: Plusers
Description: original theme
version： 1.0.0


--- index ---

1.base
2.shared
3.パンくず
4.top
5.header/nav
6.footer
7.subnavi
8.form
9.pp
10.company
11.business
12.404
13.archive
14.single

*/

/*---- 1.base ----*/

body {
  /*フォントの指定*/
  font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", 'メイリオ', 'Meiryo',  sans-serif;
  /*サイト全体のフォントサイズを指定*/
  font-size: 14px;
  /*行間の指定*/
  line-height: 1.7;
  /*サイト全体にかかるmarginをリセット*/
  margin: 0;
  /*サイト全体にかかるpaddingをリセット*/
  padding: 0;
  /*サイトのデフォルトとなる文字の色を指定*/
  color: #333;
}
 
/*見出しを全て太字で表示するように指定*/
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}
/*画像の最大幅を画面のサイズの最大幅に設定*/
img {
  max-width: 100%;
  height: auto;
}
 
a{color:#ba0000;}
a:hover{opacity:0.5;}
p{margin:0px;}


/*---- shared ----*/

/* margin
============================================================================================================ */
.m00 {margin: 0 !important;}
.mb {margin-bottom: 1.5em !important;}
.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb08 {margin-bottom: 8px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb100 {margin-bottom: 100px !important;}
.mt {margin-top: 1.5em !important;}
.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 5px !important;}
.mt08 {margin-top: 8px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mr00 {margin-right: 0 !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}

.mt-40 {margin-top: -40px !important;}

/* padding
============================================================================================================ */
.p00 {padding: 0 !important;}
.pb {padding-bottom: 1.3em !important;}
.pb00 {padding-bottom: 0 !important;}
.pb05 {padding-bottom: 5px !important;}
.pb08 {padding-bottom: 8px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}
.pt00 {padding-top: 0 !important;}
.pt05 {padding-top: 5px !important;}
.pt08 {padding-top: 8px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.plem01 {padding-left: 1em !important;}
.plem02 {padding-left: 2em !important;}
.em01 {padding-left: 1em !important;text-indent: -1em !important;}


/* font size
============================================================================================================ */
.fz10 {font-size: 10px;}
.fz11 {font-size: 11px;}
.fz12 {font-size: 12px;}
.fz13 {font-size: 13px;}
.fz14 {font-size: 14px;}
.fz15 {font-size: 15px;}
.fz16 {font-size: 16px;}
.fz17 {font-size: 17px;}
.fz18 {font-size: 18px;}
.fz19 {font-size: 19px;}
.fz20 {font-size: 20px;}
.fz24 {font-size: 24px;}

/* single
============================================================================================================ */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {float: left;}

.alignright {float: right;}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* shared
============================================================================================================ */

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

.lh12{line-height:1.2em;}
.lh14{line-height:1.4em;}

.home #wrap{
    margin-left:auto;
    margin-right:auto;
    margin-bottom:auto;
    position: relative;
}
.home #wrap{
    margin-left:auto;
    margin-right:auto;
    margin-bottom:auto;
    position: relative;
}
.home .service_logo_blc{
    position: absolute;
    top: -75px;
    right: 0px;
    z-index:9999;
}
.home .service_logo_blc a{
    margin-right:28px;
    position:relative;
}
.home .service_logo_blc a{
    opacity:1;
}
.home .service_logo_blc a.add img{
    opacity:0.5;
}
.home .service_logo_blc a .description{display:none;}
.home .service_logo_blc a.add .description{display:block;}
.home .service_logo_blc a .description{
  position: absolute;
  top: -3.5em;
  left: -10px;
  padding: 5px 10px;
  background-color: #d8dce3;
  color:#000000;
  border-radius:6px;
  opacity:0;
}
.home .service_logo_blc a .description:after {
  content: "";
  position: absolute;
  top: -47%;
  left: 10px;
  border: 0.4em solid transparent;
  border-bottom: 10px solid #d8dce3;
}
.home .service_logo_blc a.l_na .description{top: 25px;left: -25px;width:140px;}
.home .service_logo_blc a.l_na .description::after{left:68px;}
.home .service_logo_blc a.l_ov .description{top: 25px;left: -45px;width: 132px;}
.home .service_logo_blc a.l_ov .description::after{left:64px;}
.home .service_logo_blc a.l_ca .description{top: 25px;left: -53px;width: 160px;}
.home .service_logo_blc a.l_ca .description::after{left:73px;}
.home .service_logo_blc a.l_mf .description{top: 25px;left: -53px;width: 146px;}
.home .service_logo_blc a.l_mf .description::after{left:73px;}
.home .service_logo_blc a.l_sm .description{top: 25px;left: -20px;width: 80px;}
.home .service_logo_blc a.l_sm .description::after{left:39px;}
.home .service_logo_blc a.l_pm .description{top: 25px;left: -45px;width: 130px;}
.home .service_logo_blc a.l_pm .description::after{left:64px;}
.home .service_logo_blc a.l_ai .description{top: 25px;left: -40px;width: 120px;}
.home .service_logo_blc a.l_ai .description::after{left:65px;}
.home .service_logo_blc a.l_vc .description{top: 25px;left: -60px;width: 105px;}
.home .service_logo_blc a.l_vc .description::after{left:80px;}
.home .service_logo_blc a:last-child{margin-right:0px;}
@media screen and (max-width: 600px){
    .home .service_logo_blc{display:none;}
}
@media screen and (max-width: 1100px){
    .home .service_logo_blc{padding-right:10px;}
}

.home .service_logo_blc a.add .description{
  animation: popup 0.5s forwards;
}

@keyframes popup {
  100% {opacity:1;}
}
#wrap{width:1080px;margin:0px auto 50px;}
#wrap,#wrap *{box-sizing: border-box;}
section .inner{padding:50px 100px;}
#sub section .inner{padding:30px 100px;}
#sub section .inner.mdl{padding:75px 100px;}
body {
    background:#000000;
    background-image: url('/shared/image/background-image.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
header,main{ background-color:#ffffff; }
main{ display:block;padding-bottom:100px;position:relative; }
.break{word-break: break-all;}
.site_group{border:solid 1px #000000;}
.link{font-size:16px;text-decoration: none;color:#BA0000;}
.link::before{
    content:url('/shared/image/link_arrow.svg');
    display: inline-block;
    vertical-align: sub;
    margin-right: 10px;
}
.icon::before{
    display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.train::before{
    content:'\f238';
    font-family: "Font Awesome 5 Free";  /* updated font-family */
    font-weight: 900;
    font-size: 21px;
    margin-right: 20px;
}
.tel::before,
.mail::before,
.send::before{
    font-family: "Font Awesome 5 Free";  /* updated font-family */
    font-weight: 900;
}
.send::before{content:'\f1d8';}
.icon_i.home::before{
    display: inline-block;
    content:url('/shared/image/menu_home.svg');
    margin-right:10px;
    vertical-align:middle;
}
.bold{font-weight:bold;}
.din{font-family: 'Abel', sans-serif;}
.marugo { font-family: "新丸ゴ L" , "Shin Maru Go Light" , "M PLUS Rounded 1c", sans-serif; }
.hel { font-family:  "Helvetica Neue" , Helvetica ;}
/*.marugo{font-family: 'Ropa Sans', sans-serif;}*/
.border{border-bottom:solid 1px #000000;}
.gray{color:#c6ccd6 !important;}
.pdf_link::before{content:'\f1c1';
    font-family: "Font Awesome 5 Free";  /* updated font-family */
    font-weight: 300;
    font-size: 28px;
    margin-right: 15px;
    color:#ff0000;
    vertical-align: middle;
}
@media screen and (min-width: 601px){
    .blc{display:block;}
}

/*------------------------
  3.パンくず
------------------------*/
.panlist{padding:25px 100px 5px;}
.panlist a{color:#000000;text-decoration: none;}
.panlist ul{
    margin:0px;
    padding:0px;
    list-style-type: none;
}
.panlist ul::after{
    content:'';
    display:block;
    height:0;
    clear:both;
}
.panlist ul li{
    float:left;
    font-size:12px;
    margin-right:10px;
}
.panlist ul li:last-child{
    margin-right:0px;
}
.panlist ul li span.symbol{
    margin-right:10px;
}

/*------------------------
  4.top
------------------------*/
#top h2{font-size:28px;letter-spacing: 0.1em;}
.n_list1{
    display:flex;
    width:100%;
    justify-content: flex-start;
}
.n_list1 a{color:#333;text-decoration: none;display:inline-block;}
.n_list1 .n_cnt_blc .in_cnt{width:170px;}
.n_list1 .n_cnt_blc{padding-right:calc((100% - (170px * 4)) / 3);}
.n_list1 .n_cnt_blc::after{
    display:block;
    content:"";
    clear:both;
    height:0;
}
.n_list1 .n_cnt_blc:nth-of-type(4){padding-right:0px;}
.n_list1 .n_cnt_img{
    margin-bottom:15px;
    border: solid 1px #8e939f;
    max-width: 170px;
    max-height:135px;
    width:100%;
    height:100%;
}
.n_list1 .n_cnt_img img {
    border-collapse: collapse;
    vertical-align: bottom;
    width:168px;
    height:133px;
    object-fit: cover;
}
.n_list1 .n_cnt_cat{background-color:#000000;padding: 5px 8px;line-height: 1em;margin-bottom:7px;}
.n_list1 .n_cnt_cat.cpaas{background-color:#54200c;}
.n_list1 .n_cnt_cat.dx{background-color:#282858;}
.n_list1 .n_cnt_cat.event{background-color:#213e05;}
.n_list1 .n_cnt_cat.event-report{background-color:#5A005A;}

.n_list1 .n_cnt_cat span{line-height:1em;font-size:12px;color:#ffffff;}
.n_list1 .n_cnt_data{color:#8e939f;font-size:12px;margin-bottom:10px;line-height: 1em;}
.n_list2 .n_cnt_blc{display:flex;margin-bottom:20px;}
.n_list2 .n_cnt_cat{width:130px;padding-right:20px;}
.n_list2 .n_cnt_data{width:110px;font-size:12px;}
.n_list2 .n_cnt_data.new{
    display:flex;
    justify-content: space-between;
}
.n_list2 .n_cnt_data.new::after{
    display:inline-block;
    content:url("/shared/image/new_icon.svg");
    vertical-align: middle;
    margin-right:5px;
    width:28px;
    height:15px;
}
.n_list2 .n_cnt_data.new{
    display:flex;
    justify-content: space-between;
}
.n_list2 .n_cnt_text{width:calc(100% - 240px);}
.n_list2 .n_cnt_text a{color:#333;text-decoration: none;}
.n_list2 .n_cnt_cat{padding-right:20px;}
.n_list2 .n_cnt_cat.cpaas span{background-color:#54200c;}
.n_list2 .n_cnt_cat.dx span{background-color:#282858;}
.n_list2 .n_cnt_cat.event span{background-color:#213e05;}
.n_list2 .n_cnt_cat.event-report span{background-color:#5A005A;}
.n_list2 .n_cnt_cat span{
    line-height:1em;
    font-size:12px;
    color:#ffffff;
    padding:5px;
    display:inline-block;
    background-color:#000000;
    width:100%;
}
.n_cnt_data span.new-txt{ margin-left:5px;vertical-align:middle;}
.n_list2 .n_cnt_data{color:#8e939f;font-size:12px;}
#services .service_list{display:flex;justify-content: space-between;}
#services .service_list > .service_blc{
    background-image:url('/shared/image/top_service_bg.jpg');
    /*width:calc(100%/2 - 5px);*/
    width:100%;
    min-height:265px;
    color:#ffffff;
    align-self: stretch;
    padding:40px;
    display:block;
    text-decoration: none;
}
#services .service_list > .service_blc .service_b_t{display:flex;justify-content:center;}
#services .service_list > .service_blc:nth-of-type(1){
    background-position:left top;
    background-repeat: no-repeat;
}
#services .service_list > .service_blc:nth-of-type(2){
    background-position:right top;
    background-repeat: no-repeat;
}
#services .service_list > .service_blc h3{
    font-size:42px;
    font-weight:normal;
    margin-top:0px;
    margin-bottom:30px;
    line-height:1em;
}
#partners h3{font-size:18px;}
#partners ul{padding-left:16px;margin:0px;}
#partners ul li{margin-bottom:5px;}
#partners ul li a{text-decoration: none;color:#333;}
#partners ul li a:hover{text-decoration:underline;text-decoration-color:#ba0000;}

.clients_list{width:100%;}
.c_cnt_blc{width:410px;display:flex;padding-bottom:20px;border-bottom:1px solid #8e939f;}
.c_cnt_blc .c_cnt_l{width:130px;}
.c_cnt_blc .c_cnt_r{width:calc(100% - 130px);}
.clients_list{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
/*section#philosophy{
    background-image:url('/shared/image/background-philosophy.png');
    background-repeat: no-repeat;
    height:570px;
}*/
#wrap{}
@media screen and (max-width: 1100px){
    #wrap{width:100%;}
}
.cpaas_blc{display:flex;justify-content: flex-start;align-items: center;text-decoration: none;color:#062c42;}
.cpaas_blc .c_logo{margin-right:5px;}
.cpaas_blc .c_text{margin-right:10px;}
.cpaas_blc .c_text span{font-size:20px;}

/*------------------------
  5.header/nav
------------------------*/
header.fixed {
    position: fixed;
    top: 0;
    z-index: 9997;
    margin: auto;
    width:100%;
    max-width: 1078px;
    background-color: #ffffff;
}
.header-inner{
    display:flex;
    border-bottom:1px solid #000000;
    position: relative;
}
.hlc{width:calc(100% - 63px);}
.hlc .logo{
    padding-top:20px;
    padding-left:35px;
}
.hlc .logo h1{
    padding:0px;
    margin:0px;
    line-height:1em;
}
.gnav{right:0px;border-left:1px solid #000000;}
#nav_btn {
    display: block;
    background: #ffffff;
    padding: 5px;
    width: 62px;
    height: 62px;
	position: relative;
	z-index: 1000;
    /*border-bottom:1px solid #000000;*/
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}
#nav_btn.active {background: #000000;}
#nav_btn .menu-trigger {
    display: inline-block;
    width: 30px;
    height: 27px;
    vertical-align: middle;
    cursor: pointer;
    z-index: 100;
    transform: translateX(0);
    transition: transform .5s;
    position: absolute;
    left: 17px;
    top: 18px;	
 }
#nav_btn .menu-trigger.active {
  /*transform: translateX(-250px);*/
}
#nav_btn .menu-trigger span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #000000;
}
#nav_btn .menu-trigger.active span {background-color: #ff1a00;}
#nav_btn .menu-trigger span:nth-of-type(1) {top: 0;}
#nav_btn .menu-trigger.active span:nth-of-type(1) {transform: translateY(15px) rotate(-45deg);}
#nav_btn .menu-trigger span:nth-of-type(2) {top: 12px;}
#nav_btn .menu-trigger.active span:nth-of-type(2) {opacity: 0;}
#nav_btn .menu-trigger span:nth-of-type(3) {bottom: 0;}
#nav_btn .menu-trigger.active span:nth-of-type(3) {transform: translateY(-9px) rotate(45deg);}
.nav_c {
	width: 100%;
    background-color: #000000;
    z-index: 10;
    position: absolute;
    left: 0;
    top: 63px;
    z-index: 9999;
    display: none;

}
.nav_c.open {
  /*transform: translateZ(0);*/
}

.nav_c ul {list-style-type: none;}
.nav_c li {color: #fff;text-align: left;}
.nav_c .inner{padding:30px 100px 40px;}
.nav_c .menu_up{display:flex;}
.nav_c .menu_p{width:200px;}
.nav_c .menu_p ul{margin-top:0px;}
.nav_c .menu_p,.nav_c .menu_c{width:25%;}
.nav_c .menu_p ul{padding-left:0px;marin-top:0px;}
.nav_c .menu_p ul li{padding-left:35px;margin-bottom:20px;line-height:1em;}
.nav_c .menu_p ul li.icon_i{padding-left:0px;}
.nav_c .menu_p ul li a{color:#ffffff;text-decoration: none;font-size:13px;}
.nav_c .menu_c p{
    border-bottom:1px solid #61667a;
    padding: 0px;
    margin: 0px;
    line-height: 1.6em;
    color:#e7eaee;
}
.nav_c .menu_c p a{color:#ffffff;text-decoration: none;font-size:13px;}

.nav_c .menu_c ul{border-left:1px solid #61667a;margin-top:0px;padding-left:0px;font-size:13px;}
.nav_c .menu_c ul li a{color:#e7eaee;text-decoration: none;}
.menu_c .in_menu{max-width:145px;}
.menu_c ul {padding-top:20px;}
.menu_c li {
    display: flex;
    padding-bottom:15px;
}
.menu_c li span.line{
    border-bottom:1px solid #61667a;
    width:10px;
    height:12px;
    padding-right:5px;
}
.menu_c li span.text{padding-left:5px;}

.menu_c .btn.contact{
    width: 185px;
    display: inline-block;
    padding: 8px 20px;
    background-color: #c7161d;
    color: #ffffff;
    text-decoration: none;
    text-align:center;
    line-height:1em;
}
.menu_c .btn.contact::before{
    content:'\f059';
    font-family: "Font Awesome 5 Free";  /* updated font-family */
    font-weight: 900;
    font-size: 21px;
    margin-right: 10px;
    vertical-align: sub;
}


/*------------------------
  6.footer
------------------------*/

footer{background-color:#ba0000;}
.footer-inner{
    padding:30px 100px 25px;
    color:#ffffff;
    display:flex;
    justify-content: space-between;
    align-items: flex-end;
    min-height:158px;
}
.footer-inner h3{font-size:20px;margin-bottom:5px;margin-top:0px;}
.page_top{
    display: inline-block;
    text-align: center;
    
}
.page_top img{
    width:35px;
    height:auto;
}

.foot_left{align-self: flex-start;display: inline-flex;}
.foot_right{align-self: flex-end;}
.page_top a{text-decoration: none;display: inline-block;}
.page_top a:hover{opacity:0.5;}
.page_top span{
    display:block;
    color:#c6ccd6;
}
.foot_left .address{display:inline-block;margin-right:20px;}
.foot_left .foot_sns{display:inline-block;align-self: flex-end;}
.foot_sns a img{
    width:60px;
    height:60px;
    vertical-align: bottom;
}
.foot_sns a:hover{
    opacity:1;
}
.copy{margin:10px 0px 10px;color:#ffffff;}

/*------------------------
  7.subnavi
------------------------*/

/*-- ナビゲーション --*/
#sub .contents {position:relative;}
.subnav::after {
    display:block;
    content:"";
    height:0;
    clear:both;
}
.subnav .list-nav-01 {
    float: left;
    list-style-type: none;
}
.subnav .list-nav-01>li {
    position: relative;
    float: left;
    letter-spacing: 1.2px;
    line-height: 1;
    padding-left: 10px;
}
.subnav .list-nav-01 li .label {
    position: relative;
    display: inline-block;
    font-size: 38px;
    color: #c6ccd6;
    line-height: 1;
    vertical-align: top;
    z-index: 20;
    transition: color .2s cubic-bezier(.35,.5,.6,.46);
}
.subnav .list-nav-02 {
    overflow: hidden;
    max-height: 1em;
    position: absolute;
    box-sizing: border-box;
    width: 200px;
    padding-top: 1em;
    padding-left: 10px;
    margin-top: -2px;
}
.subnav .list-nav-02 li {margin-top: 17px;}
.subnav .list-nav-02 li:first-child {margin-top: 15px;}
.subnav_blc-bg-pc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 0;
    opacity: 0;
    background: #fff;
    transition: opacity .1s cubic-bezier(.35,.5,.6,.46),max-height .1s .2s;
    z-index: 10;
}

/*--  is-active  --*/
.subnav.is-active {
    transition: background .5s;
    background: rgba(255,255,255,0);
}
.subnav_blc .subnav .list-nav-01>li.is-active {overflow: inherit;}
.subnav_blc .subnav .list-nav-01>li.is-active>.label,
.subnav_blc .subnav .list-nav-01>li.is-current>.label {color: #b71a35;}
.subnav_blc .subnav .list-nav-01>li.is-active .list-nav-02 {
    padding-top: 24px;
    transition: max-height .8s ease;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    max-height: 500px;
    z-index:100;
}
.subnav_blc-bg-pc.is-active {
    transition: opacity .1s cubic-bezier(.35,.5,.6,.46) .1s,max-height 0s;
    opacity: .9;
    max-height: 100%;
}
@media screen and (max-width: 1400px){
    .subnav_blc {
        /*padding-left: 7%;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
        max-width: inherit;*/
    }
}
.subnav_blc {
    /*width:100%;*/
    /*padding-left: 0;*/
    height: 72px;
    box-sizing: border-box;
    z-index: 20;
    /*transition: margin-left .1s cubic-bezier(.35,.5,.6,.46);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;*/
    position:absolute;
    top:5px;
    right:75px;
}

/*------------------------
  8.form
------------------------*/
.mw_wp_form h1{font-size:18px;}
.mw_wp_form h1 i{font-size:42px;vertical-align: middle;}
.number-blc{display:flex;border-bottom:1px solid #373b4a;}
.number_cnt{width:40%;padding-left:70px;padding-bottom:50px;}
.mail_cnt{width:53%;border-right:1px solid #373b4a;padding-right:70px;padding-bottom:50px;}
.number-blc .mail,.number-blc .tel{font-size:36px;line-height:1em;}
.number-blc .mail a{color:#333;text-decoration: none;}
.form-block h2{font-size:36px;margin-top:0px;}
.form-block h2::before{margin-right:25px;}
.in_form{
    padding:30px 0px 50px;
}
.f_cnt{margin-bottom:70px;}
.f_cnt input[type="text"]{
    background-color:#edeff2;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px solid #000000;
    height:30px;
    padding:5px;
    width:335px;
    font-size:15px;
}
.f_cnt input[type="email"]{
    background-color:#edeff2;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px solid #000000;
    height:30px;
    padding:5px;
    width:100%;
    font-size:15px;
    width:335px;
}
.f_cnt input[type="text"]::placeholder,
.f_cnt input[type="email"]::placeholder{color:#929db1;}

.f_cnt textarea{
    background-color: rgb(237, 239, 242);
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgb(0, 0, 0);
    max-width: 100%;
    width:100%;
    margin: 0px;
    font-size:15px;
    padding:10px;
}
.f_block01{
    display:flex;
    flex-wrap: wrap;
}
.f_block01 .f_cnt:nth-of-type(2n-1){
    width:calc(100% - 490px);
}
.f_block01 .f_cnt input[type="text"]{
    
}
.f_block01 .f_cnt:nth-of-type(2n){
    width:490px;
}
.f_block03 .submit_blc{
    display:flex;
    border:1px solid #c7161d;
    width:100%;
}
.submit_blc .s_l{
    width:calc(100% - 283px);
    padding:10px;
}
.submit_blc .s_r{
    display:flex;
    width:283px;
}
.submit_blc .s_l label{
    display:inline-flex;
    align-items: center;
    vertical-align: top;
}

input[name="submitConfirm"]{
    font-size:15px;
    font-weight:bold;
    height:46px;
    color:#ffffff;
    width:283px;
    background-color:#c7161d;
    background-image:url("/shared/image/contact_arrow.png");
    background-repeat: no-repeat;
    background-position:right 10px top 10px;
    border:none;
}
.f_cnt .required,
.submit_blc .required{
    display:inline-block;
    background-color:#373b4a;
    padding:3px;
    color:#ffffff;
    font-size:12px;
    line-height:1em;
    margin-left:10px;
}
.f_cnt label{
    display:inline-block;
    margin-bottom:10px;
}
.f_cnt label .text{font-weight:bold;}
.f_cnt .error{font-size:18px;}
.f_cnt.content > .error{display:none;}
.f_cnt.content > .error + .in_cnt > .in_input textarea{background-color:#FFDBDB;}
/*--    --*/
.submit_blc #p_check{
  display: none;
}
.che_b{
  padding-left: 23px;
  position: relative;
  border:1px solid #000000;
  margin-right:10px;
  padding-bottom: 23px;
}
.che_b::before{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 8px;
  left: 4px;
  background: #c7161d;
  transition:width .2s;
  transform: rotate(140deg);
}
.che_b::after{
  content: "";
  position: absolute;
  width: 0;
  height: 0px;
  background: #c7161d;
  top: 2px;
  left: 13px;
  transition:width .2s .2s;
  transform: rotate(230deg);
}

.submit_blc #p_check:checked + .che_b::before{width: 2px;height: 10px;}
.submit_blc #p_check:checked + .che_b::after{width: 2px;height: 18px;}
.submit_blc #p_check:checked + .che_b{color: #0071bc;}
.submit_blc input[name="submitConfirm"].disable{
    opacity:0.5;
    pointer-events: none;
}

/*-- mw_wp_form_confirm --*/

.mw_wp_form_confirm .in_cnt{
    border-bottom:1px solid #000000;
    width:283px;
}

.mw_wp_form_confirm .required{display:none;}
.mw_wp_form_confirm .f_block02 .in_cnt {
    border-bottom: 1px solid #000000;
    width: 100%;
}
.mw_wp_form_confirm .submit_blc{border:none;}
.mw_wp_form_confirm .submit_blc .s_l label{display:none;}
input[name="submit"]{
    font-size:15px;
    font-weight:bold;
    height:46px;
    color:#ffffff;
    width:283px;
    background-color:#c7161d;
    background-image:url("/shared/image/contact_arrow.png");
    background-repeat: no-repeat;
    background-position:right 10px top 10px;
    border:none;
}
.d_confirm{display:none;}
.mw_wp_form_confirm .d_confirm{display:inline-block;margin-left:20px;}
.mw_wp_form_confirm .f_cnt .in_input{padding:0px 10px 10px;color:#660000;font-size:16px;}

.complete_message{width:530px;}


/*------------------------
  9.pp
------------------------*/
.privacypolicy h1 i{font-size:42px;vertical-align: middle;}
.pp dt{font-size:18px;font-weight:bold;margin-bottom:15px;}
.pp dd{margin-left:0px;}
.pp table{border-collapse: collapse;}
.pp th,.pp td{padding:5px 10px;text-align:left;border-bottom:1px solid #000000;}
.pp th{font-weight:bold;}

ol.list_parentheses{
    padding:1em 0 1em 2.5em;
    margin:0;
}

ol.list_parentheses > li{
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
    text-indent: -1.5em;
}
ol.list_parentheses > li:before{
    display: marker;
    content: "(" counter(cnt) ") ";
}
ol.list_number{
    padding:1em 0 1em 2.5em;
    margin:0;
}

ol.list_number > li{
    list-style-type:none;
    list-style-position:inside;
    counter-increment: num;
    text-indent: -1.1em;
}
ol.list_number > li:before{
    display: marker;
    content: counter(num) ". ";
}
ol.list_dot{
    padding:1em 0 1em 2.5em;
    margin:0;
}
ol.list_dot > li{
    list-style-type:none;
    list-style-position:inside;
    text-indent:-1.3em;
}
ol.list_parentheses > li p,ol.list_dot > li p{text-indent:0em;}
ol.list_dot > li:before{
    display: marker;
    content: "● ";
}



/*------------------------
  10.company
------------------------*/
.company{
    /*background-image:url('/shared/image/company_bg.jpg');
    background-repeat: no-repeat;*/
}
.company h2{font-weight:normal;font-size:18px;}
.company .message .inner{min-height:680px; color:#000;}
.company .message{}
.company .message .w535{width:535px;}
.company .message .w400{width:400px;}
.company .message .list{display:block;}
.company .message .e_text{width:80px;display:inline-block;}
.company .message .p_text{display:inline-block;vertical-align: top;margin-right:20px;}
.company table{width:100%;border-collapse: collapse;}
.company table th,
.company table td{
    padding:10px 5px;
    border-bottom:solid 1px #c6ccd6;
}
.company table th{
    width:140px;
    font-weight:normal;
    text-align:left;
}
.company table td span.blc{display:block;}
.company .hd_info{margin-right:2em;display:inline-block;}
#map iframe {
    width: 100%;
}

/*------------------------
  11.business
------------------------*/
.flex_blc{display:flex;}
.service h2{font-size:38px;margin-bottom: 0px;line-height: 1.4em;font-weight: normal;}
.service span.hel{font-size:14px;display:inline-block;}
.service .index_list{display:flex;justify-content:space-around;}
.service .index_blc{width:370px;border:solid 1px #ba0000;text-align:center;}
.service .index_blc a.in{padding:20px 20px 10px;display:block;text-decoration: none;color:#333;}
.service .index_blc img{width:80px;height:auto;}
.service .ih{font-size:38px;margin-bottom:10px;}
.service .ih_s{margin-bottom:10px;font-size:18px;}
.service .ih_t{text-align:left;margin-bottom:10px;min-height:3.2em;display:flex;justify-content: center;}
.service .w400{width:400px;}
.service .w470{width:470px;}
.service .n_service_blc{border:solid 1px #ba0000;display:flex;text-decoration: none;color: #333;}
.service .n_service_blc .n_s_l{width:300px;}
.service .n_service_blc .n_s_l img{vertical-align: bottom;}
.service .n_service_blc .n_s_r{width:calc(100% - 300px);padding:12px 30px;}
.service .n_service_blc .h_s_t{display:flex;align-items: center;}
.service .n_service_blc .s_icon{padding-right: 20px;width: 70px;}
.service .n_service_blc .h_s_t p{font-size:21px;}




/*------------------------
  12.404
------------------------*/

.not_found h1{font-size:38px;font-weight:200;}
.not_found a.back_home_link{
    background-color:#c7161d;
    color:#ffffff;
    padding:10px 20px;
    border-radius: 30px;
    text-decoration: none;
}
/*------------------------
  13.archive
------------------------*/
.archive h2{font-size:28px;letter-spacing: 0.1em;}
.archive .n_list1{border-bottom:1px solid #66666a;margin-bottom:40px;padding-bottom:30px;}

/*------------------------
  14.single
------------------------*/
.single h1{font-size:22px;}
.single .info_blc{display:inline-flex;vertical-align: middle;width:100%;position:relative;}
.single .info_blc .cat_blc{padding:3px 8px;background-color:#000;min-width:230px;}
.single .info_blc .cat_blc.cpaas{background-color:#54200c;}
.single .info_blc .cat_blc.dx{background-color:#282858;}
.single .info_blc .cat_blc.event{background-color:#213e05;}
.single .info_blc .cat_blc.event-report{background-color:#5A005A;}
.single .info_blc .cat_blc span{color:#FFF;}
.single .info_blc .date_blc{ margin-left:15px;color:#8e939f;align-self: center;}
.single .title_blc{padding-bottom:20px;margin-bottom:40px;border-bottom:1px solid #66666a;}
.news_table01,.news_table02{border-collapse: collapse;}
.news_table01 th,.news_table01 td{border:1px solid #000;padding:10px;font-weight:normal;}
.news_table02 th,.news_table02 td{border-bottom:1px solid #000;padding:10px; text-align:left;font-weight:normal;}

.single .inner .r_blc{display:inline-flex;}
.single .inner .sns_blc{
    position:absolute;
    top:0px;
    right:0px;
}
.single .inner .sns_blc a{
    display:inline-block;
    margin-left:20px;
}

#contact_btn {
    display: none;
    position: fixed;
    z-index: 9999;
}

ol.list_num li{
    list-style-type:none;
    list-style-position:inside;
    counter-increment: num;
    text-indent:-2.6em;
}
ol.list_num li:before{
    display: marker;
    content: "＊" counter(num) "";
    margin-right:1em;
}

.solution_blc{
    width:100%;
    text-decoration: none;
    border:6px solid #c8cfd3;
    background-color:#ffffff;
}
.solution_blc{border:6px solid #94a2aa;}
.solution_blc p{color:#062C42;}
.solution_b_img{
    text-align: center;
    padding:0px;
    height:75px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.solution_b_img img{
    vertical-align:bottom;
}
.solution_b_head{
    text-align: center;
    padding:10px 0px;
    font-size:20px;
    color:#062c42;
}
.solution_b_head.tem{
    line-height:2.4em;
}

.solution_b_head .br{
    display:block;
    height: 1.2em;
}
@media screen and (min-width: 601px){
    .solution_list{
        display:flex;
        flex-wrap: wrap;
    }
    .solution_blc{
        max-width:280px;
        margin-right:calc((100% - (280px * 3))/2);
        padding:15px;
        margin-bottom:25px;
    }
}

@media screen and (max-width: 600px){
    .solution_list{
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .solution_blc{
        max-width:49%;
        margin-right:2%;
        padding:15px;
        margin-bottom:15px;
    }
    .solution_blc:nth-child(2n){margin-right:0px;}
}
@media screen and (min-width: 991px){
    .solution_blc:nth-child(3n-1){margin-right:0px;}
}
@media screen and (min-width: 451px) and (max-width: 990px){
    .solution_blc{
        max-width:48%;
        margin:0 1% 15px;
        padding:15px;
    }
}
@media screen and (min-width: 451px) and (max-width: 630px){
    .solution_blc{
        max-width:280px;
        margin-left:0;
        margin-right:0;
        padding:15px;
        margin-bottom:15px;
    }
    .solution_list{justify-content: center;}
}
@media screen and (max-width: 450px){
    .solution_blc{
        max-width:100%;
        margin-right:0;
        padding:15px;
        margin-bottom:15px;
    }
}
@media screen and (min-width: 601px) and (max-width: 1100px){
    #sub section .inner.mdl {
        padding: 75px 50px;
    }
}

.partner_bblc{
    margin-top:25px;
    border:6px solid #87969f;
    text-decoration: none;
}
.partner_bblc .b_image{
    width:119px;
}
.partner_bblc .b_text{
    padding:0px 15px;
    font-size:18px;
    font-weight:bold;
    letter-spacing: -1px;
    color:#354b57;
}
.partner_bblc .b_text span{
    text-decoration: none;
}
.partner_bblc .b_arrow{
    width:50px;
    text-align: left;
}
.partner_bblc img{
    vertical-align: bottom;
}
@media screen and (min-width: 991px){
    .partner_bblc .b_logo{
        width:calc((100% - (119px + 270px + 50px)));
        text-align: center;
        padding:0px 5px;
    }
}
@media screen and (min-width: 601px) and (max-width: 990px){
    .partner_bblc{padding:5px 0px;}

    .partner_bblc .b_logo{
        width:calc((100% - (270px + 50px)));
        text-align: center;
        padding:0px 5px;
    }
    .partner_bblc .b_image{
        display:none;
    }
}
@media screen and (min-width: 601px){
    .partner_bblc{
        display:flex;
        align-items: center;
    }
    .partner_bblc .b_text .br{
        display:block;
    }
    .partner_bblc .b_text{
        width:270px;
    }

}
@media screen and (max-width: 600px){
    .imageover {
        width: 100%;
        height: auto;
        overflow: scroll;
    }
    .imageover img{
        max-width: none;
        width: auto;
        max-height: 55vh;
        margin-bottom: 15px;
    }
    .imageover{text-align:left;}
    .imageover::after {
        content: "※この画像は横にスクロールできます。";
        padding: 5px 10px 10px;
        display: inline-block;
        font-size:12px;
    }
    .partner_bblc{padding:10px;}

    .partner_bblc .b_image,
    .partner_bblc .b_arrow{
        display:none;
    }
    .partner_bblc .b_logo{padding-bottom:5px;}
    .partner_bblc .b_logo img{width:270px;height:auto;}
    .partner_bblc .b_text{font-size:14px;}
    .partner_bblc .b_logo,
    .partner_bblc .b_text{text-align: center;}

}

.news_cnt ol.dot{margin:0;padding:0;}
.news_cnt ol.dot li:before{
    display: marker;
    content: "● ";
}
.news_cnt ol.dot li{
    padding:0 0 0 1.5em;
    margin:0 0 5px;
    list-style-type:none;
    list-style-position:inside;
    text-indent:-1.3em;
}

.news_cnt dl.num > dt{
    list-style-type:none;
    list-style-position:inside;
    counter-increment: num;
    text-indent:0;
}
.news_cnt dl.num > dt:before{
    display: marker;
    content:"" counter(num) "、";
    margin-right:0;
}

.news_cnt .dott dt:before{
    display: marker;
    content: "● ";
}
.news_cnt .dott dt{
    padding:0 0 0 1.5em;
    margin:0 0 5px;
    list-style-type:none;
    list-style-position:inside;
    text-indent:-1.3em;
}