@charset "UTF-8";


/*------------------------
既存クラスをオーバーライトするためこのcssは一番最後に読み込む事
-------------------------------*/

/*-------------------------------------------------------------
ここからパソコン
-------------------------------------------------------------*/


@media print, screen and (min-width:768px) {






/*----------------------秘文ブランドイメージ消去---------------------------------*/


#fc h3.t10{
	display:none;
}


/*----------------------テキストページタイトル---------------------------------*/


#fb div.sp-h1-02,
#fb div.sp-h1-01{
display: table;
background-repeat: no-repeat;
background-position: left top no-repeat;
background-image: url(/katsubun/asset/images/spcommon/c14/bg_pagettle.jpg);
border: solid 1px #cccccc;
height: 72px;
width: calc(100% - 2px);
}

#fb div.sp-h1-02 h1,
#fb div.sp-h1-01 h1{
	display:table-cell;
	height:100%;
	font-size:140%;
	letter-spacing:0.1em;
	vertical-align:middle;
	padding-left:90px;
}
.ttl_normal h1{
		padding-left: 0.5em!important;
	}

#fb div.sp-h1-02 h1 span.subtitle,
#fb div.sp-h1-01 h1 span.subtitle{
	font-size:70%;
	letter-spacing:0.1em;
}




#fb div.sp-h1-03{
}

#fb div.sp-h1-03 h1 span{
	display:none;
}

#fb div.sp-h1-03 h1 img.ofst1{
    display:block;
    margin: -6px 0 0 -6px;
}

/*2行クラス

#fb div.sp-h1-01 h1.l2{
	margin: 8px 0 10px 90px;
}

*/

/*----------------------1409水平垂直ページ内リンクリスト---------------------------------*/

#fb div.sp-naviAnchor-02 li,
#fb div.sp-naviAnchor-01 li{
	background-image: url(/katsubun/asset/images/spcommon/c14/pagelinc_icon.gif) !important;
}


/*----------------------h2---------------------------------*/

#fb div.sp-h2-01{
	display:block;
	border: #eeeeee 1px solid;
	border-bottom: #00a4df 2px solid;
	background:url(/katsubun/asset/images/spcommon/c14/marker_maru.gif) no-repeat 6px 8px;
}

#fb div.sp-h2-01 h2{
	display:block;
	margin: 10px 6px 7px 32px;
	font-size:140%;
	background:none !important;
	padding:0 !important;
	letter-spacing:0.1em;
}


/*-----------------------h3--------------------------------*/

#fb div.sp-h3-01{
	display:block;
	border-left: #00a4df 5px solid;
	margin-top: 16px;
	margin-bottom: 10px;
}


#fb div.sp-h3-01 h3{
	display:block;
	color:#00a4df !important;
	background: none !important;
	margin:0 0 0 6px !important;
	padding:3px 0 0 0 !important;
	letter-spacing:0.1em;
}

#fb h3.t2-16{
	width:14em;
	color:#fff !important;
	padding:5px 0 3px 0!important;
	background-color:#666;
	font-size:100%;
	font-weight:normal;
	text-align:center;
}

#fb p.t3-16 span,
#fb h3.t3-16 span{
	color:#fff !important;
	padding:3px 2em 3px 2em!important;
	background-color:#666;
	font-size:100%;
	font-weight:normal;
}



/*------------------------リンクリスト-------------------------------*/

#fb div.sp-icoLink-hlz li,
#fb div.sp-icoLink-01 li{
	background-image:url(/katsubun/asset/images/spcommon/c14/mkr_right.gif) !important;
}


div#fb div.sp-icoLink-01 li.noLink{
	background-image: url(/katsubun/asset/images/spcommon/c14/blt-grendot_blue.gif) !important;
	background-position: 0.2em 0.4em;
}



#fb ul.sp-ul02 li{
	background-image: url(/katsubun/asset/images/spcommon/c14/blt-grendot_blue.gif) !important;
}


/*:: CLMTOP導入事例用リスト20150820 ::*/
ul.clm-ul li{
        font-size: 130%;
        font-weight:bold;
        color:#000;
        padding-left:15px;
        background:transparent url(/katsubun/asset/images/spcommon/c14/blt-grendot_blue.gif) no-repeat scroll 0px 5px;
}


/*------------------------データテーブル-------------------------------*/


#fb div.sp-table-01 table th,
#fb div.sp-table-01 table td,
#fb div.sp-table-02 table th,
#fb div.sp-table-02 table td,
#fb div.sp-table-03 table th,
#fb div.sp-table-03 table td{
    border: 1px #bbbbbb solid !important;
}

#fb div.sp-table-01 table th,
#fb div.sp-table-02 table th,
#fb div.sp-table-03 table th{
	background-color:#e8f4fa !important;
}

#fb div.sp-table-01 table table,
#fb div.sp-table-02 table table{
	width: 100%;
    border: 1px #bbbbbb solid;
    border-collapse: collapse;
    border-spacing: 0;

}

#fb div.sp-table-03 table table{
    border-collapse: collapse;
    border-spacing: 0;

}

/*----------------------テーブルの中のテーブルは修飾をキャンセル
katsubun_sp.cssより移設
---------------------------------*/


div#fb div.sp-tbllist02 table {
	margin-bottom: 0 !important;
	width:auto !important;
}
div#fb div.sp-tbllist02 table,
div#fb div.sp-tbllist02 td {
	border:none !important;
	padding:0.5em 1em 0 1em!important;
}

div#fb div.sp-tbllist02 th{
	border:none !important;
	padding:0.5em 0.5em 0 0 !important;
	background-color: #ffffff !important;
	font-weight:normal;
	vertical-align:top;
}

/*------------------------注釈用データテーブル-------------------------------*/



#fb div.sp-table-note01 caption{
	font-weight:bold;
	text-align:left;
	margin-bottom:6px;
}

#fb div.sp-table-note01 table td,
#fb div.sp-table-note01 table th{
	text-align:left;
	font-weight:normal;
	border:none;
}

#fb div.sp-table-note01 table{
    border: none;
    border-collapse: separate;
    border-spacing: 4px;
}




/*------------------------インラインアイコン-------------------------------*/

.thickbox{
padding-left:17px;
padding-bottom:3px;
background:url("/katsubun/asset/images/spcommon/c14/mark_large.gif") 0px 1px no-repeat;
}

.downopen02 {
padding-left:17px;
padding-bottom:3px;
background:url("/katsubun/asset/images/spcommon/c14/pagelinc_icon.gif") 0px 2px no-repeat ;
}

.newwindow{
padding-left:17px;
padding-bottom:3px;
background:url("/katsubun/asset/images/spcommon/c14/newwindow.gif") 0px 2px no-repeat;
}

.blue_link{
padding-left:17px;
padding-bottom:3px;
background: url(/katsubun/asset/images/spcommon/c14/mkr_right.gif) 0 1px no-repeat;
}

.movie_link{
padding-top:3px;
padding-left:24px;
padding-bottom:10px;
background: url(/katsubun/asset/images/spcommon/c14/mkr_movie.png) 0 1px no-repeat;
}



/*----------------------製品ジャンルページ用パーツ---------------------------------*/

/*----------実現する製品--------------*/
#fb p.sp-mds01,
#fb p.sp-mds02{
	border-bottom:#00a4df 1px solid;
	padding: 4px;
	width:6em;
}

#fb p.sp-mds02{
	width:12em;
}

#fb p.sp-mds04 span{
	border-bottom:#00a4df 1px solid;
	padding: 4px;
}

#fb p.sp-mds05 {
text-align: center;
}

#fb p.sp-mds05-l {
}

#fb p.sp-mds05 span,
#fb p.sp-mds05-l span{
	font-size: 1.8em;
	font-weight: bold;
	border-bottom:#3665ff 2px solid;
}




/*----------見出し類　青バック--------------*/

#fb p.sp-mds03 strong{
	background-color: #00b3ea;
	padding: 4px 1em;
	font-weight: bold;
	color: #fff;
	line-height: 2;
}




/*----------テキストボタン--------------*/

/*-----幅1-------*/

#fb p.sp-prodbtn01{
	background:url(/katsubun/asset/images/spcommon/c14/btnbg01_bg.gif) no-repeat 0 0;
	width: 464px;
	margin-top:4px;
}

#fb p.sp-prodbtn01 span{
	display:block;
	width: 464px;
	background:url(/katsubun/asset/images/spcommon/c14/btnbg01_btm.jpg) no-repeat 0 bottom;
	text-align:left;
	padding:10px 0 10px 10px;
}

#fb p.sp-prodbtn01 span em,
#fb p.sp-prodbtn04 span em{
	font-size:110%;
	font-style:normal;
}

#fb p.sp-prodbtn01 span em.wr{
	margin-left:24px;
}

#fb p.sp-prodbtn01 span a,
#fb p.sp-prodbtn02 span a,
#fb p.sp-prodbtn03 span a,
#fb p.sp-prodbtn04 span a{
	background: url(/katsubun/asset/images/spcommon/c14/mrkr_prd01.png) no-repeat left 6px;
	*background: url(/katsubun/asset/images/spcommon/c14/mrkr_prd01.png) no-repeat left 8px;
	color:#FFF;
	font-weight:bold;
	padding: 8px 0 6px 24px;
}

#fb p.sp-prodbtn01 span a:hover,
#fb p.sp-prodbtn02 span a:hover,
#fb p.sp-prodbtn03 span a:hover,
#fb p.sp-prodbtn04 span a:hover{
	background-image: url(/katsubun/asset/images/spcommon/c14/mrkr_prd01_ovr.png);
}

/*-----幅2-------*/

#fb p.sp-prodbtn02{
	background:url(/katsubun/asset/images/spcommon/c14/btnbg02_bg.gif) no-repeat 0 0;
	width: 522px;
	margin-top:4px;
}

#fb p.sp-prodbtn02 span{
	display:block;
	width: 522px;
	background:url(/katsubun/asset/images/spcommon/c14/btnbg02_btm.jpg) no-repeat 0 bottom;
	text-align:center;
	padding:10px 0 10px 0;
}


/*-----幅3-------*/

#fb p.sp-prodbtn03{
	background:url(/katsubun/asset/images/spcommon/c14/btnbg03_bg.gif) no-repeat 0 0;
	width: 362px;
	margin-top:4px;
}

#fb p.sp-prodbtn03 span{
	display:block;
	width: 362px;
	background:url(/katsubun/asset/images/spcommon/c14/btnbg03_btm.jpg) no-repeat 0 bottom;
	text-align:center;
	padding:10px 0 10px 0;
}


/*-----幅4-------*/

#fb p.sp-prodbtn04{
	background:url(/katsubun/asset/images/spcommon/c14/btnbg04_bg.gif) no-repeat 0 0;
	width: 740px;
	margin-top:4px;
}

#fb p.sp-prodbtn04 span{
	display:block;
	width: 740px;
	background:url(/katsubun/asset/images/spcommon/c14/btnbg04_btm.jpg) no-repeat 0 bottom;
	padding:10px 0 10px 10px;
}


/*----------テキストボタン リスト--------------*/

#fb ul.txtbtn01 li{
	float:left;
	background-color: #00b5ed;
	margin-bottom:1em;
	border-radius: 8px;
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */  
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);

}

#fb ul.txtbtn02 li{
	float:left;
	background-color: #fff;
	margin-bottom:1em;
	border: 1px solid #00b5ed;
	border-radius: 8px;
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */  

}

#fb ul.half li{
	width:47%;
	margin-left:2%;
}

#fb ul.txtbtn02 li span,
#fb ul.txtbtn01 li span{
	display:block;
	text-align:left;
	padding: 0.5em;
}

#fb ul.txtbtn02 li span em,
#fb ul.txtbtn01 li span em,
#fb p.sp-prodbtn04 span em{
	font-size:110%;
	font-style:normal;
}

#fb ul.txtbtn01 li span em.wr{
}

#fb ul.txtbtn01 li span a{
	display:block;
	padding: 0.2em 0 0.2em 24px;
	background: url(/katsubun/asset/images/spcommon/c14/mrkr_prd01.png) no-repeat left top;
	color:#FFF;
	font-weight:bold;
}

#fb ul.txtbtn01 li span a:hover{
	background: url(/katsubun/asset/images/spcommon/c14/mrkr_prd01_ovr.png) no-repeat left top;
}

#fb ul.txtbtn02 li span a{
	display:block;
	padding: 0.2em 0 0.2em 24px;
	background: url(/katsubun/asset/images/spcommon/c14/mrkr_prd01_ovr.png) no-repeat left top;
	color:#000;
	font-weight:bold;
}

#fb ul.txtbtn02 li span a:hover{
	background: url(/katsubun/asset/images/spcommon/c14/mrkr_prd01.png) no-repeat left top;
}

/*----------テキストボタン03 リスト 20200412--------------*/

ul.txtbtn03 li{
	float:left;
	background-color: #fff;
	margin-bottom:1em;
	border: 1px solid #3665ff;
}

ul.txtbtn03 li a{
	display:block;
	padding: 0.4em 2em 0.4em 2em;
	color:#3665ff;
	font-size: 1.3em;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
text-decoration: none;
}

ul.txtbtn03 li a:hover{
	background-color: #3665ff;
	color: #fff;
}


/*----------テキストボタン04 リスト 20210122--------------*/

ul.txtbtn04 li{
	float:left;
	margin: 0 2em 1em 0;
	
}

ul.txtbtn04 li a{
	display:block;
	padding: 0.6em 3.5em 0.6em 3em ;
	color:#000;
	font-size: 1.1em;
    position: relative;
	background-color: #f0f0f0;
}

ul.txtbtn04 li a:after{
    position: absolute;
    content: '';
    width: 0.5em;
    height: 0.5em;
    border-top: solid 2px #00a3df;
    border-right: solid 2px #00a3df;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 15px;
	margin-top: -0.35em
}







/*---------------------囲み画像リンク----------------------------------*/


#fb div.sect_image_link{
	width:460px;
	display: block;
	border:#CCC solid 1px;
	padding:8px;
	min-height:80px;
}

#fb div.sect_image_link img{
	float:left;
}

#fb div.sect_image_link p{
	display: block;
	float:left;
	padding:1.8em 10px 0 10px;
	width:350px;
}

#fb div.sect_image_link p strong{
	background:url(/katsubun/asset/images/spcommon/c14/mkr_right.gif) no-repeat 0 1px;
	padding:1px 0 1px 20px;
}

#fb div.sect_image_link p strong em{
	font-size:110%;
	padding-left:20px;
	font-style:normal;
}








}


/*-------------------------------------------------------------
-------------------------------------------------------------
ここからスマホ
-------------------------------------------------------------
-------------------------------------------------------------*/



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




/*----------------------秘文ブランドイメージ消去---------------------------------*/


#fc h3.t10{
	display:none;
}


/*----------------------テキストページタイトル---------------------------------*/


#fb div.sp-h1-03,
#fb div.sp-h1-02,
#fb div.sp-h1-01{
	display:table;
	background: url(/katsubun/asset/images/spcommon/c14/bg_page_title_smp.jpg) left center no-repeat;
	background-size: 100% auto;
	border:solid 1px #cccccc;
	height:20vw;
	width:calc(100% - 2px);
}

#fb div.sp-h1-03 h1,
#fb div.sp-h1-02 h1,
#fb div.sp-h1-01 h1{
	display:table-cell;
	height:100%;
	font-size:5vw;
	vertical-align:middle;
	padding-left:18vw;
	padding-top:0.5em;
	padding-bottom:0.5em;
/*	padding-left:90px;*/
}


#fb div.sp-h1-03 img{
	display:none;
}

/*2行クラス

#fb div.sp-h1-01 h1.l2{
	margin: 8px 0 10px 90px;
}
*/

/*----------------------1409水平垂直ページ内リンクリスト---------------------------------*/

#fb div.sp-naviAnchor-02 li,
#fb div.sp-naviAnchor-01 li{
	background-image: url(/katsubun/asset/images/spcommon/c14/pagelinc_icon.gif) !important;
}


/*----------------------h2---------------------------------*/

#fb div.sp-h2-01{
	display:block;
	border: #eeeeee 1px solid;
	border-bottom: #00a4df 2px solid;
	background:url(/katsubun/asset/images/spcommon/c14/marker_maru.gif) no-repeat 6px 8px;
}

#fb div.sp-h2-01 h2{
	display:block;
	margin: 10px 6px 7px 32px;
	font-size:140%;
	background:none !important;
	padding:0 !important;
	letter-spacing:0.1em;
}


/*-----------------------h3--------------------------------*/

#fb div.sp-h3-01{
	display:block;
	border-left: #00a4df 5px solid;
	margin-top: 16px;
	margin-bottom: 10px;
}


#fb div.sp-h3-01 h3{
	display:block;
	color:#00a4df !important;
	background: none !important;
	margin:0 0 0 6px !important;
	padding:3px 0 0 0 !important;
	letter-spacing:0.1em;
}

#fb h3.t2-16{
	width:14em;
	color:#fff !important;
	padding:5px 0 3px 0!important;
	background-color:#666;
	font-size:100%;
	font-weight:normal;
	text-align:center;
}

#fb p.t3-16 span,
#fb h3.t3-16 span{
	color:#fff !important;
	padding:3px 2em 3px 2em!important;
	background-color:#666;
	font-size:100%;
	font-weight:normal;
}



/*------------------------リンクリスト-------------------------------*/

#fb div.sp-icoLink-hlz li,
#fb div.sp-icoLink-01 li{
	background-image:url(/katsubun/asset/images/spcommon/c14/mkr_right.gif) !important;
}


div#fb div.sp-icoLink-01 li.noLink{
	background-image: url(/katsubun/asset/images/spcommon/c14/blt-grendot_blue.gif) !important;
	background-position: 0.2em 0.4em;
}



#fb ul.sp-ul02 li{
	background-image: url(/katsubun/asset/images/spcommon/c14/blt-grendot_blue.gif) !important;
}


/*:: CLMTOP導入事例用リスト20150820 ::*/
ul.clm-ul li{
        font-size: 130%;
        font-weight:bold;
        color:#000;
        padding-left:15px;
        background:transparent url(/katsubun/asset/images/spcommon/c14/blt-grendot_blue.gif) no-repeat scroll 0px 5px;
}


/*------------------------データテーブル-------------------------------*/


#fb div.sp-table-01 table th,
#fb div.sp-table-01 table td,
#fb div.sp-table-02 table th,
#fb div.sp-table-02 table td,
#fb div.sp-table-03 table th,
#fb div.sp-table-03 table td{
    border: 1px #bbbbbb solid !important;
}

#fb div.sp-table-01 table th,
#fb div.sp-table-02 table th,
#fb div.sp-table-03 table th{
	background-color:#e8f4fa !important;
}

#fb div.sp-table-01 table table,
#fb div.sp-table-02 table table{
	width: 100%;
    border: 1px #bbbbbb solid;
    border-collapse: collapse;
    border-spacing: 0;

}

#fb div.sp-table-03 table table{
    border-collapse: collapse;
    border-spacing: 0;

}

/*----------------------テーブルの中のテーブルは修飾をキャンセル
katsubun_sp.cssより移設
---------------------------------*/


div#fb div.sp-tbllist02 table {
	margin-bottom: 0 !important;
	width:auto !important;
}
div#fb div.sp-tbllist02 table,
div#fb div.sp-tbllist02 td {
	border:none !important;
	padding:0.5em 1em 0 1em!important;
}

div#fb div.sp-tbllist02 th{
	border:none !important;
	padding:0.5em 0.5em 0 0 !important;
	background-color: #ffffff !important;
	font-weight:normal;
	vertical-align:top;
}

/*------------------------注釈用データテーブル-------------------------------*/



#fb div.sp-table-note01 caption{
	font-weight:bold;
	text-align:left;
	margin-bottom:6px;
}

#fb div.sp-table-note01 table td,
#fb div.sp-table-note01 table th{
	text-align:left;
	font-weight:normal;
	border:none;
}

#fb div.sp-table-note01 table{
    border: none;
    border-collapse: separate;
    border-spacing: 4px;
}




/*------------------------インラインアイコン-------------------------------*/

.thickbox{
padding-left:17px;
padding-bottom:3px;
background:url("/katsubun/asset/images/spcommon/c14/mark_large.gif") 0px 1px no-repeat;
}

.downopen02 {
padding-left:17px;
padding-bottom:3px;
background:url("/katsubun/asset/images/spcommon/c14/pagelinc_icon.gif") 0px 2px no-repeat ;
}

.newwindow{
padding-left:17px;
padding-bottom:3px;
background:url("/katsubun/asset/images/spcommon/c14/newwindow.gif") 0px 2px no-repeat;
}

.blue_link{
padding-left:17px;
padding-bottom:3px;
background: url(/katsubun/asset/images/spcommon/c14/mkr_right.gif) 0 1px no-repeat;
}

.movie_link{
padding-top:3px;
padding-left:24px;
padding-bottom:10px;
background: url(/katsubun/asset/images/spcommon/c14/mkr_movie.png) 0 1px no-repeat;
}



/*----------------------製品ジャンルページ用パーツ---------------------------------*/

/*----------実現する製品--------------*/
#fb p.sp-mds01,
#fb p.sp-mds02{
	border-bottom:#00a4df 1px solid;
	padding: 4px;
	width:6em;
}

#fb p.sp-mds02{
	width:12em;
}

#fb p.sp-mds04 span{
	border-bottom:#00a4df 1px solid;
	padding: 4px;
}

#fb p.sp-mds05 {
text-align: center;
}

#fb p.sp-mds05-l {
}

#fb p.sp-mds05 span,
#fb p.sp-mds05-l span{
	font-size: 1.4em;
	font-weight: bold;
	border-bottom:#3665ff 2px solid;
}




/*----------見出し類　青バック--------------*/

#fb p.sp-mds03 strong{
	background-color: #00b3ea;
	padding: 4px 1em;
	font-weight: bold;
	color: #fff;
	line-height: 2;
}

/*----------テキストボタン--------------*/

/*-----幅1-------*/



#fb p.sp-prodbtn01{
	background-color: #00b5ed;
	margin-top:4px;
	border-radius: 8px;
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */  
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);

}

#fb p.sp-prodbtn01 span{
	display:block;
	text-align:left;
	padding: 0.5em;
}

#fb p.sp-prodbtn01 span em,
#fb p.sp-prodbtn04 span em{
	font-size:110%;
	font-style:normal;
}

#fb p.sp-prodbtn01 span em.wr{
}

#fb p.sp-prodbtn01 span a{
	display:block;
	padding: 0 0 2px 24px;
	background: url(/katsubun/asset/images/spcommon/c14/mrkr_prd01.png) no-repeat left top;
	color:#FFF;
	font-weight:bold;
}








/*---------------------囲み画像リンク----------------------------------*/


#fb div.sect_image_link{
	width:460px;
	display: block;
	border:#CCC solid 1px;
	padding:8px;
	min-height:80px;
}

#fb div.sect_image_link img{
	float:left;
}

#fb div.sect_image_link p{
	display: block;
	float:left;
	padding:1.8em 10px 0 10px;
	width:350px;
}

#fb div.sect_image_link p strong{
	background:url(/katsubun/asset/images/spcommon/c14/mkr_right.gif) no-repeat 0 1px;
	padding:1px 0 1px 20px;
}

#fb div.sect_image_link p strong em{
	font-size:110%;
	padding-left:20px;
	font-style:normal;
}




/*----------テキストボタン リスト--------------*/

#fb ul.txtbtn01 li{
	float:left;
	background-color: #00b5ed;
	margin-bottom:1em;
	border-radius: 8px;
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */  
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);

}

#fb ul.half li{
	width:98%;
}

#fb ul.txtbtn01 li span{
	display:block;
	text-align:left;
	padding: 0.5em;
}

#fb ul.txtbtn01 li span em,
#fb p.sp-prodbtn04 span em{
	font-size:110%;
	font-style:normal;
}

#fb ul.txtbtn01 li span em.wr{
}

#fb ul.txtbtn01 li span a{
	display:block;
	padding: 0.2em 0 0.2em 24px;
	background: url(/katsubun/asset/images/spcommon/c14/mrkr_prd01.png) no-repeat left top;
	color:#FFF;
	font-weight:bold;
}

#fb ul.txtbtn01 li span a:hover{
	background: url(/katsubun/asset/images/spcommon/c14/mrkr_prd01_ovr.png) no-repeat left top;
}






/*----------テキストボタン03 リスト 20200412--------------*/

ul.txtbtn03 li{
	display:inline-block;
	background-color: #fff;
	margin-bottom:1em;
	border: 1px solid #3665ff;
}

ul.txtbtn03 li a{
	display: block;
	padding: 0.4em 2em 0.4em 2em;
	color:#3665ff;
	font-size: 1.3em;
}

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



/*----------テキストボタン04 リスト 20210122--------------*/

ul.txtbtn04 li{
	margin: 4vw auto;
	
}

ul.txtbtn04 li a{
	display:block;
	padding: 0.6em 3.5em 0.6em 3em ;
	color:#000;
	font-size: 1.1em;
    position: relative;
	background-color: #f0f0f0;
	text-align: center;
}

ul.txtbtn04 li a:after{
    position: absolute;
    content: '';
    width: 0.5em;
    height: 0.5em;
    border-top: solid 2px #00a3df;
    border-right: solid 2px #00a3df;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 15px;
	margin-top: -0.35em
}







}