@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import "fvn.css";
/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, table, pre, ul, ol, dl {
	font-size: 100%;
}
h1 {
	font-size: 110%;
	line-height: 1.5em;
	width: 775px;
	position: absolute;
	margin: 0;
	padding: 2px 0 0 0;
} /* Header内で設定 */
#content h2 {
	font-size: 1%;
	display: block;
	margin: 0 0 12px 0;
}
#content h3 {
	margin: 0 0 20px 0;
	display: block;
	clear: both;
}
#content h4 {
	margin: 0 0 15px 0;
	display: block;
	clear: both;
	background: url(../images/h4_icon.png) no-repeat 10px center #f9faff;
	border-bottom: 1px dotted #ccc;
	font-size: 128%;
	line-height: 35px;
	font-weight: bold;
	padding: 0 0 0 45px;
}
#content h5 {
	clear: both;
}
#content h5.h5_img {
	margin: 0 0 12px 0;
	padding: 0;
	background: none;
}
a {
	color: #4158b5;
	outline: none;
}
a:active {
	color: #95a3de;
}
a:visited {
	color: #95a3de;
}
a:hover {
	color: #de3333;
}
table {
	width: 100%;
}
th, td {
	border: 1px solid #c8bfb3;
	padding: 8px 10px;
	color: #111;
	line-height: 1.428em;
}
th {
	background: #fbf9f9;
}
th.th01 {
	background: #e6dfd7;
	color: #492701;
}
p {
	margin: 0 0 1em;
}
img {
	font-size: 1%;
	line-height: 1%;
}
dt img, dd img, li img {
	vertical-align: bottom;
}
.section {
	border: 1px solid #c8bfb3;
	background: #fff;
	margin-bottom: 20px;
}
.section_fmail {
	border: 1px solid #c8bfb3;
	background: #fff;
}
.section .section {
	padding: 0 24px 24px 23px;
	border: none;
	background: none;
	margin: 0;
}
.section .section .section {
	padding: 0 0 20px 0;
}
.section_b {
	padding: 0;
}
.image_l {
	margin: 0 20px 0px 0;
	float: left;
	display: inline;
	border: 1px solid #c8bfb3;
	padding: 1px;
	background: #fff;
}
*:first-child+html .image_l {
	margin: 0 20px 0px 0;
} /*  for IE7 only */
* html body .image_l {
	margin: 0 17px 0px 0;
} /*  for IE6 only */
.image_r {
	margin: 0 0 0 20px;
	float: right;
	display: inline;
	border: 1px solid #c8bfb3;
	padding: 1px;
	background: #fff;
}
*:first-child+html .image_r {
	margin: 0 0 0 20px;
} /*  for IE7 only */
* html body .image_r {
	margin: 0 0 0 17px;
} /*  for IE6 only */
.image_r2 {
	margin: 0 0 0 20px;
	float: right;
	display: inline;
	padding: 1px;
	background: #fff;
}
.case {
	margin: 0px 30px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg {
	margin: 10px 20px;
}
.caption {
	text-align: center;
	margin: 5px 0 0 0;
	font-weight: bold;
}
#content ul.totop {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
}
#content ul.totop li {
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
	width: 170px;
	height: 40px;
	font-size: 1%;
	line-height: 1%;
}
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

body {
	color: #111;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック";
	background: url(../images/pattern_01.jpg) repeat center 0;
}
#container {
	background: url(../images/header_bg.jpg) repeat-x center 0;
}
#index #container {
	background: url(../images/index_header_bg.jpg) repeat-x center 0;
}
#container_b {
	background: url(../images/footer_bg.jpg) repeat-x center bottom;
}
#wrapper {
	width: 950px;
	margin: 0 auto;
	background: url(../images/pattern_01.jpg) repeat center 0;
}
#wrapper_t {
	background: url(../images/header_bg.jpg) repeat-x 0 0;
}
#index #wrapper_t {
	background: url(../images/index_main_bg.jpg) no-repeat 0 0;
}
#main {
	margin: 0 auto;
	padding: 0 0 57px 0;
	text-align: left;
	clear: both;
}
.pankuzu {
	padding: 6px 15px;
	margin-bottom: 10px;
}
.pankuzu li {
	float: left;
	padding: 0 3px 0 5px;
	color: #333;
}
.pankuzu li.first {
	padding: 0 3px 0 0px;
}
.pankuzu li:before {
	content: " > ";
}
.pankuzu li.first:before {
	content: none;
}
/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/
#header {
	width: 950px;
	height: 284px;
	text-align: left;
}
#index #header {
	height: 497px;
}
#header01 {
	height: 74px;
}
#header .logo {
	float: left;
	margin: 0;
	padding: 19px 0 0 0;
}
#header .tel {
	float: left;
	margin: 0;
	padding: 19px 0 0 32px;
}
.header_link {
	padding-top: 2px;
	margin: 0;
	float: right;
}
#header02 {
	height: 46px;
	clear: both;
}
#header_nav {
	width: 664px;
	float: right;
	padding-top: 5px;
}
#header_nav li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
}
#header h2 {
	margin: 0;
	padding: 20px 0 0 17px;
}
#index #header h2 {
	margin: 0;
	padding: 30px 0 0 0;
}
/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/
#footer {
	width: 950px;
	text-align: left;
	clear: both;
	background: url(../images/footer_bg01.png) no-repeat center bottom;
	height: 303px;
}
#footer .totop {
	float: right;
	padding: 119px 0 0 0;
	margin: 0;
}
#footer address {
	margin: 0;
	padding: 7px 0 0 0;
	float: left;
	font-size: 1%;
	line-height: 1%;
}
/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	float: right;
	width: 221px;
	padding: 0;
}
#index #navi {
	padding: 23px 0 0 0;
}
#navi ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navi ul li {
	margin: 0;
	padding: 0 0 5px 0;
	list-style: none;
	font-size: 1%;
	line-height: 1%;
}
.nav_bg01 {
	border: 1px solid #c8bfb3;
	background: #fff;
	padding: 1px;
	text-align: center;
}
.nav_bg02 {
	background: #fcf9f9;
	padding: 10px 13px 11px 13px;
	text-align: center;
}
.nav_shadow {
	background: url(../images/nav_shadow.png) no-repeat right bottom;
	padding-bottom: 8px;
}
.nav_bg03 {
	border: 1px solid #c8bfb3;
	background: #fff;
	padding: 1px;
	margin-bottom: 17px;
}
.nav_bg03_w {
	background: #fcf9f9;
	padding: 0 13px;
}
#navi ul.nav_link {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navi ul.nav_link li {
	padding: 0;
	border-bottom: 1px dotted #cccbcb;
	font-size: 140%;
	background: url(../images/icon_01.jpg) no-repeat 0 center;
}
#navi ul.nav_link li.li_b {
	border-bottom: none;
}
#navi ul.nav_link li a {
	padding: 0 0 0 11px;
	line-height: 33px;
	background: url(../images/icon_01.jpg) no-repeat 0 center;
	display: block;
	color: #0a155b;
	text-decoration: none;
}
#navi ul.nav_link li a:active, #navi ul.nav_link li a:visited {
	color: #465798;
	text-decoration: none;
}
#navi ul.nav_link li a:hover {
	color: #0123a7;
	text-decoration: none;
}
#navi ul.nav_link li.w a {
	padding: 0 0 0 11px;
	line-height: 33px;
	background: url(../images/icon_01.jpg) no-repeat 0 center;
	display: block;
	color: #0a155b;
	text-decoration: none;
}
#navi ul.nav_link li.w a:active, #navi ul.nav_link li a:visited {
	color: #465798;
	text-decoration: none;
}
#navi ul.nav_link li.w a:hover {
	color: #0123a7;
	text-decoration: none;
}
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/
.mar_b0 {
	margin-bottom: 0;
}
.mar_b07 {
	margin-bottom: 7px;
}
.mar_b10 {
	margin-bottom: 10px;
}
.mar_b11 {
	margin-bottom: 11px;
}
.mar_b15 {
	margin-bottom: 15px;
}
.mar_b17 {
	margin-bottom: 17px;
}
.mar_b18 {
	margin-bottom: 18px;
}
.mar_b20 {
	margin-bottom: 20px;
}
.mar_b57 {
	margin-bottom: 57px;
}
#content {
	width: 699px;
	float: left;
	font-size: 140%;
	line-height: 1.428em;
}
.alpha {
	float: left;
	margin: 0;
}
.beta {
	float: right;
	margin: 0;
}
.w_20p {
	width: 20%;
}
.w_25p {
	width: 25%;
}
.w_30p {
	width: 30%;
}
.w_33p {
	width: 33%;
}
.w_35p {
	width: 35%;
}
.w_40p {
	width: 40%;
}
.w_50p {
	width: 50%;
}
.top {
	vertical-align: top;
}
.text_red {
	color: #ff0000;
}
.text_b {
	font-weight: bold;
}
.text_s {
	font-size: 85%;
}
.text_span {
	font-size: 122%;
	color: #2442be;
	line-height: 1.5em;
}
.img_cb {
	text-align: center;
	margin: 0;
}

.font_red {
	color:#ff0000;
}

/* index
------------------------------------------------------------------------*/
.index_bg01 {
	background: url(../images/index_bg01.png) no-repeat 0 0 #fff;
	padding-top: 36px;
	margin-bottom: 20px;
}
.index_img01 {
	margin: 0 0 17px 73px;
}
.index_bg02 {
	background: url(../images/index_bg02.jpg) no-repeat 0 0;
	border-bottom: 1px solid #c8bfb3;
	border-left: 1px solid #c8bfb3;
	border-right: 1px solid #c8bfb3;
	padding: 34px 25px 20px 155px;
}
.index_01 {
	width: 270px;
	float: right;
	padding: 3px 0 0 0;
}
#index #content h3 {
	margin: 0;
}
.index_bg03 {
	border-bottom: 1px solid #c8bfb3;
	border-left: 1px solid #c8bfb3;
	border-right: 1px solid #c8bfb3;
	background: url(../images/pattern_02.jpg) repeat 0 0;
	padding: 19px 18px 14px 19px
}
#topBnr {
	position: relative;
	width: 660px;
	height: 174px;
	padding: 0;
	margin: 0;
}
#slideBnr {
	overflow: hidden;
	width: 660px;
	height: 174px;
	position: absolute;
}
#slideBnr ul {
	width: 1716px;
	height: 174px;
	margin: 0;
}
#slideBnr ul li {
	overflow: hidden;
	float: left;
	width: 132px;
	margin: 0;
	text-align: center;
}
#bnrBtn a {
	position: absolute;
	top: 70px;
}
.back {
	left: 0;
	margin-left: -17px;
}
.next {
	right: 0;
	margin-right: -17px;
}
.index_bg04 {
	border-bottom: 1px solid #c8bfb3;
	border-left: 1px solid #c8bfb3;
	border-right: 1px solid #c8bfb3;
	background: #fff;
	padding: 7px 13px 13px 12px
}
.index_bg04 li {
	float: left;
	font-size: 1%;
	line-height: 1%;
}
.index_bg05 {
	border-bottom: 1px solid #c8bfb3;
	border-left: 1px solid #c8bfb3;
	border-right: 1px solid #c8bfb3;
	background: #fff;
	padding: 17px 19px 13px 18px
}
.index_bg06 {
	border-bottom: 1px solid #c8bfb3;
	border-left: 1px solid #c8bfb3;
	border-right: 1px solid #c8bfb3;
	background: #fff;
	padding: 17px 0px 13px 0px
}
.pad_01 {
	padding: 0 24px 24px 23px;
}
.box01 {
	width: 535px;
	float: right;
	background: url(../images/box01_bg.jpg) repeat-y 0 0;
}
.box01_t {
	background: url(../images/box01_top.jpg) no-repeat 0 0;
}
.box01_b {
	background: url(../images/box01_bottom.jpg) no-repeat 0 bottom;
	padding: 20px 20px 25px 45px;
}
.button, .button01, .button02 {
	cursor: pointer;
}
.show, .show01, .show02 {
	border: 1px dotted #ccc;
	background: #fff;
	padding: 1px;
}
.show_bg {
	background: #fbf9f9;
	padding: 15px 19px;
}
.text_01 {
	padding-top: 45px;
	margin: 0;
}
.title_img {
	border-bottom: 1px dotted #a47535;
	padding-bottom: 7px;
}
.title_01 {
	font-size: 122%;
	border-bottom: 1px dotted #a47535;
	font-weight: bold;
	padding: 0 0 5px 5px;
	margin-bottom: 10px;
}
.compare_img01 {
	float: left;
	margin: 0;
	padding-left: 34px;
}
.compare_img02 {
	float: right;
	margin: 0;
	padding-right: 58px;
}
.list_ad {
	width: 650px;
}
.list_ad li {
	width: 204px;
	float: left;
	margin-right: 19px;
	padding-bottom: 20px;
}
.list_ad li.li_r {
	margin-right: 0;
}
.ad_img01 {
	margin: 0 0 10px 0;
	background: #fff;
	/*width: 200px;
 	height: 150px;*/
	text-align: center;
}
.ad_img01 img {
	max-height: 150px;
	max-width: 200px;
	border: 1px solid #c8bfb3;
	padding: 1px;
	width: auto;
}
/**********/
.galleriffic {
	text-align: center;
	margin: 0;
}
.example h3 {
	background: url(../images/advantage_detail_h3.jpg) no-repeat 10px center;
	border-bottom: 2px solid #0123a8;
	font-size: 160%;
	padding: 15px;
	padding-left: 50px;
}
#content.example h5 {
	clear: none;
}
#slideshow-adv1 img, #slideshow-adv img {
	max-width: 640px;
	max-height: 480px;
	width: auto;
}
#slideshow-adv1, #slideshow-adv {
	width: 480px;
	float: left;
	text-align: center;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	-moz-box-pack: center;
	-webkit-box-pack: center;
	box-pack: center;
	-moz-box-align: center;
	-webkit-box-align: center;
	box-align: center;
	padding-top: 6px;
}
#evidence_case1 #slideshow-adv1, #evidence_case #slideshow-adv {
	float: left;
	width: 480px;
	height: 640px;
}
#evidence_case #slideshow-adv1 img, #evidence_case #slideshow-adv img {
	max-width: 480px;
	max-height: 640px;
	width: auto;
}
#thumbs-adv1 li a {
	text-decoration: none;
	font-weight: bold;
	color: #333333;
}
#thumbs-adv1 li a:hover {
	color: #333333;
}
#thumbs-adv1 li, #thumbs-adv li {
	width: 125px;
	margin: 5px 0px 5px 5px;
	float: left;
	text-align: center;
}
#thumbs-adv1 li img, #thumbs-adv li img {
	max-width: 112px;
	max-height: 84px;
	width: auto;
}
#thumbs-adv1 li img {
	margin-bottom: 5px;
}
#evidence_case #thumbs-adv1, #evidence_case #thumbs-adv {
	float: left;
	width: 125px;
	margin-left: 35px;
	margin-bottom: 12px;
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 12px;
	;
}
ul.thumbs img {
	padding: 3px;
	border: solid 1px #eea147;
	text-align: center;
	background: #fff;
	margin: auto;
}
a.thumb {
	display: block;
}
ul.thumbs li.selected a.thumb img {
	background: #eea147;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	display: block;
}
.example .section .image_r {
	width: 200px;
	text-align: center;
}
.example .section .image_r img {
	max-width: 200px;
	width: auto;
}
.line01 {
	background: url(../images/line_01.jpg) repeat-y 215px 0;
}
.feature_01 {
	width: 420px;
	float: right;
}
.flow_01 {
	padding: 0 100px;
}
.flow_img01 {
	float: right;
	margin: 0;
	padding-top: 17px;
}
.faq_bg {
	border: 1px dotted #ccc;
	background: #fff;
	padding: 1px;
	margin-bottom: 20px;
}
.faq_bg_b {
	border: 1px dotted #ccc;
	background: #fff;
	padding: 1px;
}
.faq_q {
	border-bottom: 1px dotted #ccc;
	background: url(../images/q.png) no-repeat 10px center #f7f7f7;
	padding: 10px 10px 10px 40px;
	margin: 0;
	font-weight: bold;
	font-size: 115%;
}
.faq_a {
	background: url(../images/a.png) no-repeat 10px 20px #fbf9f9;
	padding: 15px 20px 15px 40px;
}
.w_15p {
	width: 15%;
}
.w_42p {
	width: 42.5%;
}
.w_316 {
	width: 316px;
}
.mar_b34 {
	margin: 0 0 34px;
}
#content h5 {
	margin: 0 0 6px 0;
	display: block;
	clear: both;
	background: url(../images/h5_icon.jpg) no-repeat left 4px;
	font-size: 114%;
	line-height: 1.4em;
	font-weight: bold;
	padding: 0 0 0 18px;
}
.text_bold1 {
	color: #0000CC;
	font-weight: bold;
}
ul.ul01 {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.ul01 li {
	padding: 0 0 0 14px;
	background: url(../images/icon_01.jpg) no-repeat left 6px;
}
#content h4.h4_01 {
	margin: 0 0 15px 0;
	display: block;
	clear: both;
	background: url(../images/h4_icon.png) no-repeat 10px center #f9faff;
	border-bottom: 1px dotted #ccc;
	font-size: 114%;
	line-height: 35px;
	font-weight: bold;
	padding: 0 0 0 45px;
}
.text_num {
	background: #4158b5;
	padding: 1px 3px 1px 5px;
	display: inline-block;
	margin-right: 5px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 2px;
}
.fmail01 {
	margin-left: 25px;
	margin-right: 25px;
}
.case {
	width: 205px;
	float: left;
	margin: 0 0 10px 10px;
	text-align: center;
}
.case .name {
	font-weight: bold;
}
.banner_left {
	width: 345px;
	float: left;
}
.banner_right {
	width: 345px;
	float: right;
}
ul.fnavi_list {
	float: left;
	margin-top: 20px;
	margin-right: 5px;
	width: 200px;
	padding: 100px 0 0 0;
	font-size: 120%;
}
ul.fnavi_list02 {
	float: left;
	margin-top: 20px;
	margin-right: 5px;
	width: 250px;
	padding: 100px 0 0 0;
	font-size: 120%;
}
ul.fnavi_list li.first, ul.fnavi_list02 li.first {
	background: url("../images/icon02.png") no-repeat scroll left center transparent;
	font-weight: bold;
	padding-left: 12px;
}
ul.fnavi_list li, ul.fnavi_list02 li {
	line-height: 1.5;
	margin-bottom: 5px;
}
li {
	line-height: 1;
	list-style-type: none;
}
ul.fnavi_list li a, ul.fnavi_list02 li a {
	color: #FFFFFF;
	text-decoration: underline;
}
ul.fnavi_list li a:hover, ul.fnavi_list02 li a:hover {
	color: #CCCCFF;
	text-decoration: underline;
}
.footer_bn {
	width: 200px;
	float: left;
	padding: 120px 0 0 0;
}
/***news Cate***/
#productidx .product-list01 a img:hover {
	opacity: 0.8;
}
#news-contribute .section p:last-child {
	margin: 0;
}
.pagination li {
	display: inline;
	padding: 5px;
	width: auto;
}
.pagination {
	margin-bottom: 50px !important;
	text-align: center; margin-top: 50px;
}
.pagination li a{padding:5px 8px; background:#0A155B; color:#fff; text-decoration:none;}
.pagination li a:hover{opacity:0.8}
.pagination li.active a{background:#465798}
.news_cate {
	max-width: 800px;
	margin: 0 auto;
	border: 1px solid #98c8c3;
}
.news_cate dt {
	background: #c7eae7;
	color: #488d56;
	font-weight: bold;
	padding: 15px;
	border-bottom: 1px solid #98c8c3
}
.navi_cate {
	background: #fff;
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid #c8bfb3;
	padding: 1px
}
.navi_cate ul li {
	
	padding: 5px 12px !important;
	float: left;
	line-height: 1.7em !important;
	font-size: 14px !important;
	width: 100%;
	background: url("../images/icon_01.jpg") no-repeat left;
	padding-left: 15px;
	border-bottom: 1px dotted #CCCBCB;
	box-sizing: border-box
}
.navi_cate ul li a{color:#4657A9}
.navi_cate ul li a:hover{color:#002CA2}
.navi_cate ul li:last-child {
	border-bottom: 0px
}
.navi_cate ul li a {
	text-decoration: none
}
.navi_cate dt {
	color: #fff;
	background: #4158B5;
	padding: 7px;
	font-weight: bold;
	font-size: 15px;
	text-align: left
}
.navi_cate dd {
	padding: 0 13px;
}
.list-post{overflow:hidden}
.list-post li {
	float: left;
	margin-bottom: 15px;
	display: block;
	width: 100%;
	background: url("../images/icon_01.jpg") no-repeat left;
	padding-left: 15px;
	box-sizing: border-box
}
.mb20 {
	margin-bottom: 20px
}
.pt30 {
	padding-top: 30px
}
#news-contribute .section, .blog .section {
	padding: 20px
}
.blog h2 {margin-top:20px !important;
	font-size: 46px;
	color: #fff;
	font-family: "小塚明朝 Pr6N L", "DFHSMinchoR Pro-6N", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
.blog-h3 {
	background: url(../images/blog_h3.jpg) no-repeat !important;
}
.blog h3 {
	padding: 17px 0 17px 60px;
	border-bottom: 2px solid #0223A8;
	background: #fff;
	font-size: 26px;
	border-top: 1px solid #c8bfb3;
	border-left: 1px solid #c8bfb3;
	border-right: 1px solid #c8bfb3;
	margin-bottom: 0px !important;color:#333333;font-weight:bold
}
.blog-btn {
	text-align: right
}
.blog-btn a {
	border-radius: 5px;
	background: #4158B5;
	color: #fff;
	padding: 10px 15px;
	text-decoration: none
}
.blog-btn a:hover {
	opacity: 0.8
}
.blog_txt {
	margin-bottom: 30px !important
}

.view_timer{
        display: none;
}

.camp_box{
    max-height: 150px;
    overflow:hidden;
}

.social-ico {
	display: flex;
	width: 70px;
	margin-top: 2px;
	margin-left: 35px;
	float: left;
}
.social-ico li {
	width: 25px;
	height: 25px;
}
.social-ico li.social-ico-fb {
	background: url("../images/ico-fb.svg") no-repeat;
	background-size: contain;
	margin-right: 10px;
}
.social-ico li.social-ico-in {
	background: url("../images/ico-insta.svg") no-repeat;
	background-size: contain;
}
.social-ico li a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.list-bottom {
	justify-content: center;
}

.prd-img-top {
	display: flex;
	justify-content: center;
	margin-top: 18px;
}
.prd-img {
	display: flex;
	justify-content: center;
	width: 50%;
	
}
.prd-img img {
	height: 200px;
}

.center.top-space {
	margin-top: 18px;
}

.no-color th {
	border: 1px solid black;
	background-color: white;
}
.no-color td {
	border: 1px solid black;
}