}@charset "UTF-8";

/*----------------------------- 
動的スタイルシート
商品詳細ページ
----------------------------- */
#kiji{
	width:96%;
	margin:20px auto;
}
#kiji p{
	margin-bottom:15px;
}

/*システム*/
.con_header h2{
	font-color:#fff;
}
#system_header,#service_header{
	position: relative;
	background-image: -webkit-radial-gradient(circle farthest-corner at left bottom, #e3f1fd 0%, rgba(233, 79, 144, .01) 100%), 
	-webkit-radial-gradient(circle farthest-corner at right bottom, #f7f8ec 0%, rgba(40, 123, 244, .01) 100%);
	background-image: radial-gradient(circle farthest-corner at left bottom, #e3f1fd 0%, rgba(233, 79, 144, .01) 100%), radial-gradient(circle farthest-corner at right bottom, #f7f8ec 0%, rgba(40, 123, 244, .01) 100%);
	background-position: left bottom;
	background-size: 100% 100%;
	padding:15px 0;
}
#service_header{
	background-image: -webkit-radial-gradient(circle farthest-corner at left bottom, #e3fdf5 0%, rgba(233, 79, 144, .01) 100%), 
	-webkit-radial-gradient(circle farthest-corner at right bottom, #f8efec 0%, rgba(40, 123, 244, .01) 100%);
	background-image: radial-gradient(circle farthest-corner at left bottom, #e3fdf5 0%, rgba(233, 79, 144, .01) 100%), radial-gradient(circle farthest-corner at right bottom, #f8efec 0%, rgba(40, 123, 244, .01) 100%);
}
.clm_system{
	padding:0 0 80px;
	border-top:1px solid #e6e6e6;
}

ul.function_list,.osusume_list{
	background-color:#EDF5FC;
	padding :25px 25px;
}
ul.osusume_list{
	background-color:#FCF1ED;
}
ul.function_list li,ul.osusume_list li{
	padding-left: 2em !important;
	text-indent: -2em !important;
	margin-bottom:8px;
}

ul.p2_list li{
	float:left;
	width:47%;
	text-align:center;
}
ul.p2_list li:nth-of-type(odd){
	margin-right:6%;
}

table.support{
	font-size:0.9rem;
	border:2px solid #fff;
	border-collapse: collapse; 
}

table.support tr.title{
	background-color:#5b9bd5 !important;
	color:#fff !important; 
}
table.support tr:nth-of-type(even) {
	background-color:#d2deef;
}
table.support tr:nth-of-type(odd) {
	background-color:#eaeff7;
}
table.support tr th,
table.support tr td{
	padding:10px;
	border-bottom: 2px solid #fff;
}
table.support tr th{
	border-right:2px solid #fff;
	text-align:left;
	width:35%;
	font-weight: normal;
}
table.support ul.sc_list li{
	padding-left: 1em !important;
	text-indent: -1em !important;
	display:block;
}

table.support td ul li.price{
	margin-top:12px;
	font-weight:bold;
}

/*2列table　保守*/
table.websupport{
	width:100%;
	margin:0 0 40px ;
	box-sizing: border-box;
}
table.websupport thead{
	display:none;
}
table.websupport,
table.websupport td{
	border:1px solid #ccc;
	border-collapse: collapse; 
}

table.websupport td{
	padding:8px ;
	text-align:center;
}
table.websupport tr td:first-of-type:after{
	content:"税別";
	font-weight:400;
	font-size:80%;
}

table.websupport td{
	display:block;
	width:100%;
}
table.websupport td:nth-of-type(odd){
	background:#E9FCFD;
	
}
table.websupport td:nth-of-type(even){
	text-align:left;
	line-height:1.8;
}
table.websupport td ul li{
	padding-left: 1em !important;
	text-indent: -1em !important;
	font-size:90%;
	margin-bottom:6px;
}
/*3列table*/
.tbl-r03{
	border-collapse: collapse;
	display:block;
	width:96%;
	margin:0 auto;
}
table.tbl-r03{
	box-sizing: border-box;
}
table.tbl-r03 td{
	border-bottom:2px solid #e9727e;
}
.tbl-r03 th,
.tbl-r03 tr,
.tbl-r03 td,
.tbl-r03 td:last-of-type:before{
	display:block;
	width:100%;
}
.tbl-r03 tr.thead{
	display:none;
}
.tbl-r03 td{
　border: solid 1px #ccc;
  padding: 10px;
}
.tbl-r03 td:last-of-type{
	border: none;
}
.tbl-r03 td:last-of-type:before {
	content:"＜資格取得後の姿＞";
	font-size:95%;
}
.tbl-r03 tr {
	padding:0;
	border:2px solid #e9727e;
	margin-bottom:25px;
}
.tbl-r03 tr td:first-of-type{
	text-align:center;
	font-weight:bold;
	background:#efefef;
}
/*7列table 機能リスト*/
table.cfunction_list,
table.cfunction_list tbody,
table.cfunction_list thead,
table.cfunction_list tr{
	display: block;
	width:98%;
	margin:0 auto;
	box-sizing: border-box;
}

table.cfunction_list{
	margin-top:30px;
}

table.cfunction_list tr{
	margin-bottom:25px;
}
table.cfunction_list thead tr,
table.cfunction_list tr.mds{
	margin-bottom:0;
}

table.cfunction_list th,
table.cfunction_list td{
	border:1px solid #ccc;
	border-collapse: collapse; 
}

table.cfunction_list th,
table.cfunction_list td{
	padding:8px ;
	text-align:center;
}
table.cfunction_list th:nth-of-type(2),
table.cfunction_list th:nth-of-type(3),
table.cfunction_list th:nth-of-type(4),
table.cfunction_list th:nth-of-type(5),
table.cfunction_list th:nth-of-type(6),
table.cfunction_list th:nth-of-type(7){
	display:none;
}
table.cfunction_list th:first-of-type{
	display:block;
	width:100%;
	color:#fff;
	background:#457C8E;
	font-weight:400;
}

table.cfunction_list td:first-of-type{
	background:#ECECEC;	
}

table.cfunction_list td:first-of-type,
table.cfunction_list td:last-of-type{
	text-align:left;
}

table.cfunction_list tr td:first-of-type,
table.cfunction_list tr td:last-of-type{
	display:block !important;
	width:100% !important;
}
table.cfunction_list tr td:first-of-type{
	font-weight:bold;
	line-height:1.6;
}
table.cfunction_list tr td:last-of-type{
	lihe-height:1.7em;
	font-size:90%;
}
table.cfunction_list tr td:nth-of-type(2),
table.cfunction_list tr td:nth-of-type(3),
table.cfunction_list tr td:nth-of-type(4),
table.cfunction_list tr td:nth-of-type(5),
table.cfunction_list tr td:nth-of-type(6){
	width:20%;
	height:60px;
	float:left;
	padding:2px;
}

table.cfunction_list tr td:nth-of-type(2):before,
table.cfunction_list tr td:nth-of-type(3):before,
table.cfunction_list tr td:nth-of-type(4):before,
table.cfunction_list tr td:nth-of-type(5):before,
table.cfunction_list tr td:nth-of-type(6):before{
	display:block;
	content:"集客・SEO";
	font-size:12px;
	letter-spacing: -0.1em
}
table.cfunction_list tr td:nth-of-type(3):before{
	content:"販売促進";
}
table.cfunction_list tr td:nth-of-type(4):before{
	content:"リピート";
}
table.cfunction_list tr td:nth-of-type(5):before{
	content:"運営効率";
}
table.cfunction_list tr td:nth-of-type(6):before{
	content:"オプション";
}
div.circle_bg {
    display: table-cell;
    height: 110px;
    width: 110px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    vertical-align: middle;
	margin:0 auto !important;
}
div.circle_bg img{
	width:100px;
	height:auto;
	display:block;
}
/* WinWinシリーズ紹介 */
ul.winwin_item li{
	width:96%;
	border:1px solid #CCC;
	margin:10px auto 20px auto;
	padding:10px 20px;
}
ul.winwin_item li span{
	text-align: center;
	font-size:22px;
	color:#0068b6;
	display: block;
	margin:0 auto 10px auto;
}
ul.winwin_item li img{
	width:100%;
	height:auto;
	max-width: 264px;
	display: block;
	margin:0 auto;
}

/*  お知らせ    */

#news .list_block dl {
  width: 100%;
  margin: 30px auto 30px;
  border-top: solid 1px #b8b4b0
}

#news .list_block dl dt {
  display:block;
  padding: 16px 0 4px; 
  letter-spacing: 1.7px;
}

#news .list_block dl dd {
  border-bottom: solid 1px #b8b4b0;
}

#news .list_block dl dd a {
  padding: 4px 0 16px;
  display: block
}

section#news,
#news_content{
	padding-top:50px;
}
#news_content h3{
	padding-top:0;
	border-bottom:1px solid #ccc;
	color:#333;
	margin-bottom:30px;
	line-height:1.8;
}
#news_content .date{
	font-weight:bold;
	color:#666;
}
#news_content p{
	text-indent: 1em;
}
#news_content ul li{
	text-indent: 1em;
	list-style-type:none;
}
#news_content h6{
	padding: 1rem 2rem!important;
	background: #A22C84!important; 
}
.marker_blue {
	background: linear-gradient(transparent 75%, #c1e0ff 75%);
}
.w_half{
	width:95% !important;
}
/*--    会社概要    --*/

table.tb_style{
	width:100%;
	height:auto;
	padding:3px;
	border-collapse: collapse;
	box-sizing: border-box;
	margin:20px auto;
	}

table.tb_style tr{
	
	}
	
table.tb_style th{
	box-sizing: border-box;
    width: 100%;
    background-color: #005bac;
    display: block;
    padding: 5px;
    color: #fff;
}
table.tb_style td{
	text-align: left;
	box-sizing: border-box;
	width:100%;
	display: block;
	padding: 20px;
	font-family: "NotoSans";
	 word-break: break-all;
	font-size:15px;
    line-height: 200%;
	}
a.waku{
    padding: 15px 0;
    display: block;
    text-decoration: none;
    color: #0754CC;
    width: 90%;
    margin: 1px auto;
    border: 1px solid #0754CC;
    text-align: center;
}
.p_top{
    padding: 5px;
}
.tb_style tr td ul.p_1em{
    padding-left: 1em;
}
.tb_style tr td ul li{
      list-style: circle;
}

/*--    プライバシーポリシー  --*/
div.row{
    width:96%;
	margin:20px auto;
    line-height:  200%;
}
h3.line02_2{
    border-bottom: #01479d solid 2px;
}

h3.line02,h3.line02_1{
    border-bottom: #01479d solid 2px;
    padding-left: 2em;
    text-indent: -2em;
}
h3.line02_1{
   padding-left: 3em;
   text-indent: -3em;	
}

h4.line03{
font-weight: bold;
    font-size: 20px;
    padding: 25px 0 10px;
    color: #005bac;
}
ul.li_3em li{
    padding-left: 3em;
    text-indent: -3em;
}

div.check ul ,div.check_670 ul{
    list-style: none;
    background: #f7fcff;
    padding: 11px;
    border-radius: 20px;
    margin: 40px 0;
    line-height: 240%;
}
div.check ul li ,div.check_670 ul li{
    background: url(../../images/service/check.png) no-repeat 0 0.5em;
    padding-left: 25px;
}
div.check ul.ul_mb60{
    margin-bottom: 60px;
}

img.sp_auto{
    width: auto;
}

/*--    プライバシーポリシー   --*/
p.staff{
    text-align: center;
}

p.staff img{
    width: 200px;
}

/*--    スタッフ紹介   --*/
.syoukai{
    margin-top: 40px;
}
.staff{
    padding: 15px;
}

.staff img{
    padding: 5px 0px;
    width: 180px;
    display: block;
    margin: 0 auto;
}
.staff p.name{
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    clear: both;
}

/*--   経営理念    --*/
h3.rinen {
    text-align: center;
    color: #6adaa7;
    font-size: 18px;
    padding-top: 40px;
}
.kiji_rinen{
    margin: 40px 0;
}
div.aboutus_box {
    margin: 40px auto 20px;
    text-align: center;
}
ul.arr_g2 li {
    font-size: 90%;
    line-height: 160%;
    margin: 5px 10px;
    display: inline-block;
    width: 77px;
    height: 77px;
    background: url(../../images/base/aomaru.png) no-repeat top;
    background-size: 77px;
    padding-top: 15px;
}
ul.arr_g2 img{
    margin-bottom: 10px;
}

p.p_pb30{
    padding-bottom: 30px;
}
ul.arr_g2 li a{
    color: #005bac;
    font-weight: bold;
    font-size: 18px;
}
ul.naiyou{
    margin: 20px 0 20px;
}

ul.naiyou li{
    font-weight: bold;
    color: #005bac;
    font-size: 18px;
}

/*--   情報共有    --*/
.li_txt{
    position: relative;
    padding: 0em 0.3em 0.3em 3.3em!important;
    line-height: 2.2;
    text-indent: -1.5em;
}
.h3_pt10{
    padding-top: 10px!important;
}

/*-- 404 --*/
ul.s_map {
    width: 92%;
    margin: 0 auto 30px auto;
    line-height: 180%;
}
ul.s_map li.ico {
    font-size: 18px;
    background: url("../../images/base/ico_g.png") no-repeat 0 8px;
    padding-left: 20px;
    margin: 20px 0 25px 0;
}
ul.s_map li.ya {
    font-size: 15px;
    background: url("../../images/base/ico_g2.png") no-repeat 0 10px;
    padding-left: 17px;
    margin: 0 0 8px 15px;
}
/*--経費精算　機能--*/
.func_col{
	display: flex;
	flex-wrap: wrap; 
	justify-content:space-between; 
}
.func_box{
    margin: 20px auto 20px;
	width: 90%; 
	background: #FFFCF2;
	padding: 20px;
    box-sizing: border-box;
    position: relative;
    min-height: 320px;
  text-align: center;
}
.func_box img{
	max-width:200px;
	height:auto;
}
.func_box h5{
	background:none;
	border:none;
	color:#00348A;
	text-align: center;
	font-size: 20px;
	letter-spacing: 0.08em;
    padding: 0;
    margin: 5px;
}

.func_box h5::before{
	border:none;
}
.func_box p{
	text-align: left!important;
	line-height: 1.45;
}

.func_box img{
	margin:5px auto ;
}

ul.list-note{
	font-size:85%;
}
ul.list-note li{
	margin-bottom:8px;
}

/*------- ▽デジタルサイネージ   -------- */

/*----------------------------- 
スライドショー
----------------------------- */
div#mainv_block {
	width: 100%;
	margin: 0 auto 0 auto;
	height: auto;
  }
  
  .bx-viewport ul{
	  margin:0;
  }
  #ds_slide .bx-controls-direction{
	  display: none;
  }

  /*----*/
.flex > div.cl4 span{
	display: block;
	font-size:92%;
    letter-spacing: -0.05em;
	line-height: normal;
}

/*----------------------------- 
	youtube動画埋め込み
----------------------------- */
/*.video-container{
	width: 90% !important;
	margin:40px auto;
    text-align: center;

  }
  .video-container iframe {
  width: 100% !important;
  height:auto;
}*/


.video-container{
    padding-top: 56.25%;
    width: 100%;
    position: relative;
}
.video-container iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

/*役員紹介*/

  .flex1 {
	display: flex;
	flex-direction: column; /* 縦方向に変更 */
	width: 100%;
	justify-content: center;
	align-items: center; /* 中央に配置 */
	gap: 30px; /* 要素間に30pxのスペースを追加 */
  }

  .flex1 ul {
	width: 80%; /* リスト幅80%*/
	padding: 0; /* パディングを削除 */
	text-align: left; /* リスト内テキストを左寄せ */
  }
  
  .f-space {
	margin-right: 20px; /* 画像とリストの間にスペースを追加 */
  }
  
  .flex-container {
	flex-direction: column; /* SPで縦方向に変更 */
	gap: 30px; /* 要素間のスペースを縮小 */
  }
  
  .flex-item {
	display: flex;
	flex-direction: column; /* 縦方向に並べる */
	width: 100%; /* 幅を100%にして画面幅にフィット */
	height: auto; /* 高さを自動調整 */
	margin-bottom: 40px; /* 下部スペースを調整 */
	align-items: center; /* 要素全体を中央に配置 */
  }

  .flex-item img {
	margin-bottom: 20px; /* 画像とテキストの間に余白を追加 */
  }

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

  .flex-item ul {
	width: 85%; /* リスト幅85%*/
	padding: 0; /* パディングを削除 */
	text-align: left; /* リスト内テキストを左寄せ */
  }

  /*フレックスボックス*/
  .flex-tp {
	width: 100%; /* フル幅に変更 */
	gap: 20px; /* 要素間のスペースを縮小 */
 }

  .flex-tp2 {
	padding: 0 0 0 40px ; 
  }

  .flex-itemtp {
	flex: 1 1 100%; /* 1列に変更 */
 }