@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(0,0,0,1.00)}a:hover { color:rgba(99,99,99,1.00)}
/* css setting */
/*----- わかりやすいようにリンクに下線 20200314 -----*/
a.aul {
text-decoration:underline !important;}

#pt101-3-1 .fs_content {
     padding-top: 3rem ;
}

/* -------------------------------------------------- パンくずの製品情報リンク消し--------------------------------------------------*/ 
.fs_breadcrumb a:nth-child(2){
pointer-events:none;

}

}
/* -------------------------------------------------- アイコンの色 --------------------------------------------------*/ 
.fa fa-user {
backgroundcolor:#ffffff;
}

.breadcrumb li:last-child,.breadcrumb div:nth-child(2){
　display:none;
}

/* -------------------------------------------------- TOP_スライド --------------------------------------------------*/ 
.top-slide .bx-viewport{
background-color: transparent!important;
border: none!important;
box-shadow: none!important;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
/* left強制解除 */
left:0 !important;
}

/* -------------------------------------------------- TOP_資料請求ボタンFIX --------------------------------------------------*/ 
.document_btn .fs_btn  {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
width:50px!important;
border-radius:0px!important;
}
#brochure_btn‗fix{
position: fixed;
z-index: 100;
top: 35%;
right: 0;
} 
.hover_opacity:hover{
opacity: 0.85;
transition:0.6s;
}
.fa-file-text-o:before{
margin-top:5px;
}
@media screen and (max-width: 480px){
.document_btn{
display:none;
}
}
/*-------------------------------------------------- サブミット ボタン --------------------------------------------------*/
.formBlockSurveyTable dd input.formBlockSubmitButton {
max-width: 22rem;
padding: 0.7rem;
color: #fff;
font-size: 0.9em;
background-color: #000;
border: none;
display: inline-block;
cursor: pointer;
}
/* -------------------------------------------------- フォーム調整 --------------------------------------------------*/ 
#fs_block6359 .formBlockSurveyTable .clearfix:nth-child(15) dt:after,   #fs_block6360 .formBlockSurveyTable .clearfix:nth-child(14) dt:after,  #fs_block6361 .formBlockSurveyTable .clearfix:nth-child(13) dt:after{
content:'（複数選択可）';
text-align:right;
margin-left:1rem;
}
.tec21_form .clearfix:nth-child(15) dt:after,{
content:'（価格は全て税別）';
text-align:right;
margin-left:1rem;
background-color:#000;
}
.tec21_form .clearfix:nth-child(15):before {
content:'※ 基本料金には連携得意先数10件を含みます。以降10件追加ごとにプラス1,000円が必要です。\A　  別途「WEB請求書オプション　同意書兼申込書」が必要です。';
display:inline-block;
text-align:left;
visibility:visible;
line-height:normal;
white-space: pre-wrap;
text-align:left;
margin-bottom:2rem;
padding:0 2rem 2rem;
}
.irebakunlite_form .clearfix:nth-child(15):before {
content:'※ 上記全てのオプションを追加の場合、合計月額3,000円のところ合計月額2,000円でご利用できます。\A（価格は全て税別）';
display:inline-block;
text-align:left;
visibility:visible;
line-height:normal;
white-space: pre-wrap;
text-align:left;
margin-bottom:2rem;
padding:0 2rem 2rem;
}
.irebakunlite_form .clearfix:nth-child(16):before {
content:'※１社内LAN（月額料金1台目5,000円・2台目4,000円・3台目3,000円・4台目以降2,000円）\A※２遠隔地WAN（月額料金1台目7,000円・2台目6,000円・3台目5,000円・4台目以降4,000円）  \A別途「WANオプション　同意書兼申込書」が必要です。\A（価格は全て税別）';
display:inline-block;
text-align:left;
visibility:visible;
line-height:normal;
white-space: pre-wrap;
text-align:left;
margin-bottom:2rem;
padding:0 2rem 2rem;
}
.irebakunlite_form .clearfix:nth-child(17):before {
content:'※WEB請求書オプション（月額基本料金2,000円）\A基本料金には連携得意先件数10件を含みます。以降10件追加ごとに＋1,000円が必要です。\A別途「WEB請求書オプション　同意書兼申込書」が必要です。\A（価格は全て税別）';
display:inline-block;
text-align:left;
visibility:visible;
line-height:normal;
white-space: pre-wrap;
text-align:left;
margin-bottom:2rem;
padding:0 2rem 2rem;
}
@media screen and (max-width: 480px) { 
#fs_block6359 .formBlockSurveyTable .clearfix:nth-child(15) dt:after,   #fs_block6360 .formBlockSurveyTable .clearfix:nth-child(14) dt:after,  #fs_block6361 .formBlockSurveyTable .clearfix:nth-child(13) dt:after{
content:'（複数選択可）';
margin-left:0rem;
}
}
/*　==============================　文字に関する設定　==============================　*/
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.eiji {
font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}
.space{
letter-spacing: 0.2rem;
}
.space-1{
letter-spacing: 0.1rem;
}
.space-2{
letter-spacing: 0.4rem;
}
.space-m{
letter-spacing :-0.8rem;
}
.space-m1{
letter-spacing :-0.4rem;
}
.space-btn{
letter-spacing: 0.4rem;
}
.br-sp{
display:none;
}
.br-sp-r{
display:inline;
}
.tx-shadow-b{
text-shadow: 2px 1px 2px #444444;
}
@media screen and (max-width: 900px) { 
}
@media screen and (max-width: 480px) { 
.tx-center{
text-align: center!important;
}
.tx-left{
text-align: left!important;
}
.tx-right{
text-align: right!important;
}
.border-center{
margin: 0 auto!important;
}
.br-sp{
display:block;
line-height:0rem;
}
.br-sp-r{
display:none;
}
}
/*　==============================　色に関する設定　==============================　*/
.rgba-white{
background-color:rgba(255,255,255,0.8);
}
.rgba-black{
background-color:rgba(0,0,0,0.8);
}
.rgba-black4{
background-color:rgba(0,0,0,0.4);
}
.rgba-beige{
background-color:rgba(245,245,236,0.9);
}
.rgba-brown{
background-color:rgba(51,8,0,0.8);
}
.rgba-brown-g{
background: linear-gradient(-45deg, #51301e, #330800);
background-color:rgba(51,8,0,1);
}
/* -------------------------------------------------- ヘッダー --------------------------------------------------*/ 
/*　Fatnaviフィックス　*/
#navsp {
position: absolute;
z-index: 50;
top: 0;
right: 0;
margin: 0.8rem 0.8rem 0rem 0rem;
width: 45px;
background-color: #000000!important;
}
.hamburger{
width: 44px!important;
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after{
background-color: #ffffff!important;
}
.hamburger__icon, .hamburger__icon:after, .hamburger__icon:before{
width: 18px!important;
}
.fat-nav{
background-color: rgba(123,204,37,0.9);
}
.fat-nav .main_list_li {
font-size: 1.3rem;
padding: 1rem 0rem!important;
border-bottom: 1px solid #fff;
}
.main_list_li .sub_list{
display: block;
}
.sub_list .sub_list_li{
font-size: 1rem;
padding: 0.9rem 0rem 0rem 0rem!important;
}
.sub_list .sub_list_li a{
border: none!important
}
.sub_list .sub_list_li a:before{
content:'L '
}

/*ヘッダー　ナビ 横幅調整*/
@media screen and (max-width: 1100px) {
#header-2-4 {
width: 100%;
}
}
/*ヘッダー　サブナビ*/
#fsNavMenuList li ul.sub_list {
background-color: rgba(0,0,0,0.5);
}
#fsNavMenuList li ul.sub_list a {
color: #fff;
border-bottom: solid 1px #777;
}
/*スマホ　ヘッダー*/
@media screen and (max-width: 480px) {
#top {
height: 60px;
padding-right: 50px;
box-sizing: border-box;
text-align: left;
}
#top a img {
width: auto;
height: 100%;
}
#header-2-4 .menu-collapser {
width: 48px;
position: absolute;
top: 7px;
right: 4px;
}
#header-2-4 .menu-collapser .title {
display: none;
}
ul#fsNavMenuList {
height: 100vh;
padding-top: 20px;
background-color: rgba(123,204,37,0.9);
position: absolute;
}
ul#fsNavMenuList li a {
color: #fff;
padding: 1rem 1rem !important;
font-size: 1.1rem;
line-height: 1.8rem;
border-bottom: 1px solid #ffffff;
}
ul#fsNavMenuList li.main_list_li:nth-child(4) > a {
display: none;
}
ul#fsNavMenuList li ul.sub_list {
background-color: rgba(0,0,0,0.4);
display: block !important;
}
ul#fsNavMenuList li ul.sub_list .sub_list_li{
border-bottom:1px solid #fff;
}
ul#fsNavMenuList li ul.sub_list a {
color: #fff;
border: none;
}
ul#fsNavMenuList li span.sub-collapser {
display: none;
}
}
/*　==============================　デフォルト　==============================　*/
/*　--------------------　ページリストタグ　--------------------　*/
.fs_page_list .tk_flex{
padding: 1rem 0rem!important;
}
.fs_page_list .tk_flex:last-child{
border: none!important;
}
.tk_tags_Tags{
background-color: #f5f5ec;
}
@media screen and (max-width: 480px) {
.fs_page_list .tk_flex{
flex-flow: column;
}
}
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {
	pointer-events: none;
}
}
@media screen and (min-width: 480px) {
.tel_splink {
pointer-events: none;
}
}

/*　--------------------　その他　--------------------　*/
a {
text-decoration:none;
}
h1 , h2 , h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
margin-top: 0px;
font-weight: normal;
}
.hover-opacity:hover{
opacity: 0.8;
transition:0.6s;
}
.hover-opacity:hover{
opacity: 0.8;
transition:0.6s;
}
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　box-shadow　*/
.boxshadow_w_20{
box-shadow: 4px 4px 6px 0 rgba(89,69,0,.20);
}
.boxshadow_20 {
box-shadow: 4px 4px 6px 0 rgba(0,0,0,.20);
}
.boxshadow_50 {
box-shadow: 4px 4px 6px 0 rgba(0,0,0,.5);
}
.boxshadow_90 {
box-shadow: 4px 4px 6px 0 rgba(0,0,0,.9);
}
/* -------------------------------------------------- いればくんシリーズの特徴テーブル -------------------------------------------------- */
.bl_fixedtbl table td.center{
text-align:center;
width50%;
}
td.sub_text {
padding-left:22px!important;
}
td.sub_text3 {
font-size:0.85rem!important;
}
td.sub_text3 span {
font-size:0.7rem;
color:#e71f19;
}
td.sub_text span, span.sub_text {
font-size:0.7rem;
color:#e71f19;
}
.col_fixedtbl {
width: 100%;
max-width: 1200px;
}
.tl_fixedtbl {
width: 32%;
height: 20px;
float: left;
}
.tr_fixedtbl {
width: 68%;
overflow-x:auto;
float: left;
}
.bl_fixedtbl {
width: 32%;
overflow-y: hidden;
overflow-x : scroll;
float: left;
}
.br_fixedtbl {
width: 68%;
overflow-x:scroll;
float: left;
}
.col_fixedtbl table {
margin: 0;
padding: 0;
border-top: solid 1px #dcdcdc;
border-right: solid 1px #dcdcdc;
box-sizing: border-box;
}
.tl_fixedtbl table,
.bl_fixedtbl table {
width: 366px;
}
.tr_fixedtbl table{
width: 775px;
border: none;
}
.br_fixedtbl table {
width: 760px;
}
.col_fixedtbl table th {
margin: 0;
padding: 0;
font-weight: normal;
border-left: solid 1px #dcdcdc;
}
.col_fixedtbl table td {
margin: 0;
padding: 0.2rem;
font-size: 0.85rem;
border-bottom: solid 1px #dcdcdc;
border-left: solid 1px #dcdcdc;
box-sizing: border-box;
}
.col_fixedtbl table td.dummyColumn {
width: 17px;
border: 0px;
}
.col_fixedtbl table td.dummyRow {
height: 18px;
border: 0px;
}
.tl_fixedtbl table,
.tl_fixedtbl table th,
.tl_fixedtbl table td {
border: none;
}
.tr_fixedtbl table th {
width: 189px;
padding: 0.5rem;
color: #000000;
font-size: 1rem;
box-sizing: border-box;
}
.tr_fixedtbl table th:nth-child(1) {
background-color: #39bbed;
}
.tr_fixedtbl table th:nth-child(2) {
background-color: #ec7e95;
}
.tr_fixedtbl table th:nth-child(3) {
background-color: #77c078;
}
.tr_fixedtbl table th:nth-child(4) {
background-color: #b9a8a2;
}
.tr_fixedtbl table th:nth-child(5) {
background-color: #EDCE3C;
}
.bl_fixedtbl table {
border-right: none;
background-color: #fff;
}
.bl_fixedtbl table td {
text-align: left;
}
.br_fixedtbl table td {
width: 189px;
text-align: center;
}
.br_fixedtbl table td:nth-child(1):not(.mds) {
background-color: #eefcff;
width: 148px;
}
.br_fixedtbl table td:nth-child(2) {
background-color: #fff3f6;
width: 151px;
}
.br_fixedtbl table td:nth-child(3) {
background-color: #f6fff6;
width: 149px;
}
.br_fixedtbl table td:nth-child(4) {
background-color: #fff8eb;
width: 151px;
}
.br_fixedtbl table td:nth-child(5) {
background-color:#F7F2D8;
width: 160px;
}
.col_fixedtbl table .mds {
padding: 0.4rem;
color: #fff;
text-align: left;
background-color: #888888;
border-left: none;
}
.col_fixedtbl table .mds.tall {
height: 36px;
line-height: 1rem;
}
.col_fixedtbl table .mds.tall span.small {
font-size: 0.7rem;
}

/*----- お客様の声 行間 -----*/
.otherUsers p {
margin-bottom:0.25rem;}


/*　--------------------　スマホ時 - 改行あり　--------------------　*/
@media only screen and (min-width: 480px){
.sp_br br { display:none;}
}
@media only screen and (max-width: 498px){
.sp_br_none br { display:none;}
}
/*　--------------------　スマホ時 スライドショーleft位置強制修正　--------------------　*/
@media only screen and (min-width: 480px){
.top-slide .bx-viewport{
left:0 !important;
}
}



/* -------------------------------------------------- wanライセンスオプション -------------------------------------------------- */

/*　▼　*/
.flowA-sankaku  {
width: 0;
height: 0;
border: 1rem solid transparent;
border-top: 1rem solid #eaf6fd;
margin: 0 auto;
padding:0 0 0 0;
}
.flowA-sankaku-color {
width: 0;
height: 0;
border: 2rem solid transparent;
border-top: 2rem solid #eaf6fd;
margin: 0 auto;
padding:0 0 1rem 0;
}

.flowB-sankaku  {
width: 0;
height: 0;
border: 2rem solid transparent;
border-top: 1rem solid#D8D8D8;
margin: 0 auto;
padding:0 0 0 0;
}
.flowB-sankaku-color {
width: 0;
height: 0;
border: 2rem solid transparent;
border-top: 2rem solid #D8D8D8;
margin: 0 auto;
padding:0 0 1rem 0;
}
.flowC-sankaku  {
width: 0;
height: 0;
border: 2rem solid transparent;
border-top: 1rem solid #0B318F;
margin: 0 auto;
padding:0 0 0 0;
}
.flowC-sankaku-color {
width: 0;
height: 0;
border: 2rem solid transparent;
border-top: 2rem solid #0B318F;
margin: 0 auto;
padding:0 0 1rem 0;
}


.wanplan-tb{width: 100%; text-align:center; vertical-align: top ; border: 2px solid #fff;}
.wanplan-tb tr:first-child{border-top: 0px solid #FFFFFF;}
.wanplan-tb tr{border-top: 2px solid #FFFFFF;}
.wanplan-tb-f{padding: 1rem 1rem 1rem 0rem; width: 25%; background-color: #0B318F; color: #fff;  }
.wanplan-tb-s{padding: 1rem 1rem 1rem 0rem; width: 25%; background-color: #0B318F; color: #fff; font-weight: bold; }
.wanplan-tb-t{padding: 1rem 1rem 1rem 0rem; width: 25%; background-color: #0B318F; color: #fff; font-weight: bold; }
.wanplan-tb-fo{padding: 1rem 1rem 1rem 0rem; width: 25%; background-color: #0B318F; color: #fff; font-weight: bold;}

.place-tb-f{padding: 1rem 1rem 1rem 0rem; width: 25%; background-color: #eaf6fd;  color: #0B318F;font-weight: bold;}
.place-tb-s{padding: 1rem 1rem 1rem 0rem; width: 25%; background-color: #eaf6fd; font-weight: bold; color: #0B318F;}
.place-tb-t{padding: 1rem 1rem 1rem 0rem; width: 25%; background-color: #eaf6fd; font-weight: bold; color: #0B318F;}
.place-tb-fo{padding: 1rem 1rem 1rem 0rem; width: 25%; background-color: #eaf6fd; font-weight: bold; color: #0B318F;}

@media screen and (max-width: 480px) { 
.wanplan-tb-f{width: 23%;}
.wanplan-tb-s{width: 23%;}
.wanplan-tb-t{width: 23%;}
.wanplan-tb-fo{width: 30%;}

.place-tb-f{width: 23%;}
.place-tb-s{width: 23%;}
.place-tb-t{width: 23%;}
.place-tb-fo{width: 30%;}

}


/* -------------------------------------------------- web請求所オプション -------------------------------------------------- */

@media screen and (max-width: 480px)  {
.web-bill_merit img{
max-width:150px;
}
}

/*
.web-bill_pricetable{
width:100%;
margin:0 auto;
}
.web-bill_pricetable .main-title th{
vertical-align:middle;
}
.web-bill_pricetable thead{
background-color:#0b318f;
color:#fff;
}
.web-bill_pricetable th{
border:1px solid #fff;
padding:0.5rem;
}
.web-bill_pricetable th:first-child, .web-bill_pricetable th:last-child{
vertical-align:middle;
}
.web-bill_pricetable  .table_ct:nth-child(2n){
background-color:#EAF6FD;
}
.web-bill_pricetable td{
padding:0.5rem;
}
.web-bill_pricetable .price{
text-align:right;
}
@media screen and (max-width: 480px)  {
.web-bill_pricetable{
display: block;
overflow-x: scroll;
white-space: nowrap;
}
}
*/

.web-bill_flow{
display:flex;
align-items: stretch;

}

.web-bill_item{
background-color:#EAF6FD;
padding:2rem;
width:calc(calc(100% - 80px) / 3);
}
.web-bill_item:last-child{
background-color:#F7F7F7;
}
.web-bill_item .img img{
margin:1rem 0;
}
.web-bill_item .number span{
background-color:#0B318F;
color:#fff;
padding:0.25rem 2rem;
border-radius:5rem;
}
.web-bill_item .ttl{
font-weight:bold;
margin-bottom:0.5rem;
}
.web-bill_item .text{
text-align:left;
}


.web-bill_pricetable{
width:100%;
margin:0 auto;
}
.web-bill_pricetable .omission{

text-align:center;
}

.web-bill_pricetable .main-title th{
vertical-align:middle;
}
.web-bill_pricetable thead{
background-color:#333333;
color:#fff;
}
.web-bill_pricetable thead .not_title{
background-color:#fff!important;
}
.web-bill_pricetable th{
border:1px solid #fff;
padding:0.5rem;
}
.web-bill_pricetable .start_plan{
background-color:#E93232;
color: #fff;
font-weight:bold;
border-bottom:1px solid #fff;
}
.web-bill_pricetable .basic_plan{
background-color:#0b318f;  
color: #fff;
font-weight:bold;
vertical-align:middle;
}
.web-bill_pricetable .remarks{
background-color: #888888!important;
text-align: center;
font-weight:bold;
color:#fff;
}
.web-bill_pricetable th:first-child, .web-bill_pricetable th:last-child{
vertical-align:middle;
}
.web-bill_pricetable .table_ct:first-child{
    background-color:#ffebeb!important;
}
.web-bill_pricetable  .table_ct:nth-child(2n){
background-color:#EAF6FD;
}
.web-bill_pricetable  .table_ct:nth-child(2n-1){
background-color:#f6fbff;
}
.web-bill_pricetable td{
padding:0.5rem;
}
.web-bill_pricetable .price{
text-align:right;
}
@media screen and (min-width: 480px)  {
.pc_none{
display:none;
}
}
@media screen and (max-width: 480px)  {
.web-bill_pricetable{
display: block;
overflow-x: scroll;
white-space: nowrap;
}
.sp_none{
display:none;
}
}



.triangle_pc {
  width: 0;
  height: 0;
  border-style: solid;
  border-top:40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 30px solid #0B318F;
  border-right: 0;
margin:auto 1rem;
}
@media screen and (min-width: 480px) {
.triangle_sp{
display:none;
}
}
@media screen and (max-width: 480px) {
.web-bill_flow{
display:block;
margin:0 auto;
width:100%;
text-align:-webkit-center;
}
.web-bill_item{
background-color:#EAF6FD;
padding:2rem;
width:80%;

}
.triangle_pc {
display:none;
}
.triangle_sp {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  border-top: 20px solid #0B318F;
  border-bottom: 0;
margin:1rem auto;
}
}


/*　----------　会社概要　----------　*/
.cp_left {
font-size: 0.9rem;
padding: 1rem 0;
vertical-align: top;
width: 20%;
font-weight: bold;
text-align: justify;
color: #7a8e96;
}
.cp_right {
font-size: 0.9rem;
text-align: justify;
padding: 1rem  0 1rem 1rem;
vertical-align: top;
width: 80%;
}
.cp_line {
border-top:1px solid #ccc;
}
@media screen and (max-width: 480px)  {
.fs_btn {
width:100%!important;
}
@media screen and (max-width: 480px){
br.br_onoff {
display:none;
}
}

/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 769px){
.sp-br br {display:none;}
}


@media screen and (max-width: 480px) { 
.tx-left{
text-align: left!important;
}}