@charset 'utf-8';
/*---------- common ----------*/
.yellow {
	background-color: #fffbbc;
}
.p_yellow {
	color: #fffed6;
}
.att {
	font-size: 12px;
}
.arrow_gray {
	position: relative;
	margin-bottom: 130px;
}
.arrow_gray::after {
	content: "";
	display: block;
	width: 186px;
	height: 54px;
	background: url(/img/biz_pepper/arrow01.gif) no-repeat;
	position: absolute;
	bottom: -124px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.line_dotted {
	background: url(data:image/gif;base64,R0lGODlhCQAFAPIAAMHBwc3NzdbW1uLi4vPz8/f39wAAAAAAACH5BAEAAAYALAAAAAAJAAUAAAMRaETWPgAM12KkJsSAixAFlgAAOw==) repeat-x left bottom;
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
/*---------- closing ----------*/
.btn_closing a {
	width: 304px;
	padding-top: 80px;
	background: url(/img/biz_pepper/btn_closing.png) no-repeat;
}
/*---------- main ----------*/
#main {
	background-color: #eee;
	padding: 20px 0 30px;
}
#main ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
}
#main .main_list {
	width: 960px;
	background-color: #f6fbff;
	margin: 0 auto;
	padding: 20px 29px 5px;
	box-sizing: border-box;
}

/*---------- about ----------*/
.about {
	width: 960px;
	margin: 90px auto 0;
	padding: 0 0 80px;
	position: relative;
}
.about::before {
	border: 55px solid transparent;
	border-top-color: #fff;
	border-left-width: 90px;
	border-right-width: 90px;
	border-bottom-width: 2px;
	bottom: -56px;
	content: "";
	display: block;
	left: 50%;
	transform: translateY(0) translateX(-50%);
 -webkit- transform: translateY(0) translateX(-50%);
	position: absolute;
	width: 0;
	z-index: 1;
}
.about::before {
	border: 55px solid transparent;
	border-top-color: #fff;
	border-bottom-width: 0;
	border-left-width: 90px;
	border-right-width: 90px;
	bottom: -55px;
	content: "";
	display: block;
	left: 50%;
	transform: translateY(0) translateX(-50%);
-webkit- transform: translateY(0) translateX(-50%);
	position: absolute;
	width: 0;
}
.about::after {
	border: 55px solid transparent;
	border-top-color: #e0e8ee;
	border-bottom-width: 0;
	border-left-width: 90px;
	border-right-width: 90px;
	bottom: -57px;
	content: "";
	display: block;
	left: 50%;
	transform: translateY(0) translateX(-50%);
-webkit- transform: translateY(0) translateX(-50%);
	position: absolute;
	width: 0;
}
.about h2 {
	text-indent: 120px;
	background: #f5f5f5 url(/img/biz_pepper/icon_about.gif) no-repeat 30px center;
	padding: 40px 0 40px 0px;
	position: relative;
}
.about h2::after {
	content: "";
	display: block;
	width: 962px;
	height: 6px;
	background-color: #d8d8d8;
	position: absolute;
	left: -1px;
	bottom: -6px;
}
.about .about_inner {
	justify-content: space-between;
	background-color: #f5f5f5;
	padding: 30px 38px 40px;
}
.about_inner p:first-child {
	width: 530px;
}

/*---------- service ----------*/
.service {
	background-color: #f6fbff;
	padding-bottom: 100px;
}
.service > h2 {
	border-top: 2px solid #e0e8ee;
	padding: 130px 0 25px;
}
.service .service_inner {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border-top: 6px solid #d0e1f2;
	padding: 50px 40px 75px;
	position: relative;
}
.service .pepper_img {
	width: 425px;
	position: absolute;
	top: 150px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10;
}
.service .service_inner .flex {
	height: 1067px;
	justify-content: space-between;
}
.service_inner ul {
	width: 260px;
	flex-wrap: wrap;
	align-content: space-between;
}
.service_inner ul li {
	display: inline-block;
	position: relative;
}
.service_inner ul.service_tab_body02 li:last-child {
	position: absolute;
	bottom: 74px;
	left: 350px;
}
.service_inner li .icon {
	position: relative;
	z-index: 9;
}
.service_inner li .icon::before {
	content: url(/img/biz_pepper/icon_plus_s.gif);
	position: absolute;
	top: 50%;
	right: 18px;
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	margin-top: -3px;
}
.service_inner li.on .icon::before {
	content: url(/img/biz_pepper/icon_minus_s.gif);
	position: absolute;
	top: 50%;
	right: 18px;
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	margin-top: -6px;
}
.service_inner li .check_btn {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 260px;
	z-index: 10;
	cursor: pointer;
}
.service_tab_body01 li:nth-of-type(1) .check_btn,
.service_tab_body01 li:nth-of-type(3) .check_btn {
	height: 76px;
}
.service_tab_body01 li:nth-of-type(2) .check_btn {
	height: 116px;
}
.service_tab_body01 li:nth-of-type(4) .check_btn,
.service_tab_body01 li:nth-of-type(5) .check_btn,
.service_tab_body01 li:nth-of-type(6) .check_btn,
.service_tab_body01 li:nth-of-type(8) .check_btn {
	height: 106px;
}
.service_tab_body01 li:nth-of-type(7) .check_btn {
	height: 146px;
}
.service_tab_body02 li:nth-of-type(1) .check_btn,
.service_tab_body02 li:nth-of-type(4) .check_btn,
.service_tab_body02 li:nth-of-type(6) .check_btn {
	height: 146px;
}
.service_tab_body02 li:nth-of-type(2) .check_btn,
.service_tab_body02 li:nth-of-type(3) .check_btn,
.service_tab_body02 li:nth-of-type(5) .check_btn,
.service_tab_body02 li:nth-of-type(7) .check_btn,
.service_tab_body02 li:nth-of-type(8) .check_btn {
	height: 106px;
}
.service_inner li.on > .service_tab {
	display: block;
}
.service_tab {
	display: none;
	width: 360px;
	background-color: rgba(128, 128, 128, 0.9);
	border-radius: 5px;
	margin: 0 auto;
	padding: 25px;
	position: absolute;
	z-index: 10;
}
.service_tab.s_tab01 {
	top: 100px;
}
.service_tab.s_tab02 {
	top: 120px;
}
.service_tab.s_tab03 {
	top: 140px;
}
.service_tab::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 47px 12px;
	border-color: transparent transparent rgba(128, 128, 128, 0.9) transparent;
	position: absolute;
	top: -47px;
}
.service_tab_body02 .service_tab {
	right: 0px;
}
.service_tab_body01 .service_tab::before {
	left: 214px;
}
.service_tab_body02 .service_tab::before {
	right: 20px;
}
.service_tab p {
	color: #fff;
}
#tab {
	padding-top: 70px;
}
#tab-head {
	overflow: hidden;
	background: transparent url(/img/20180625/bg_tab-head.png) repeat-x bottom;
}
ul.tab-head_wrapper {
	justify-content: space-between;
}
ul.tab-head_wrapper li {
	width: 300px;
	height: 330px;
	cursor: pointer;
}
.tab-head_wrapper li.on img {
	opacity: 0;
}
.tab-head_wrapper #tab-h1.on {
	background: url(/img/biz_pepper/caseli1_on.png) no-repeat bottom;
}
.tab-head_wrapper #tab-h2.on {
	background: url(/img/biz_pepper/caseli2_on.png) no-repeat bottom;
}
.tab-head_wrapper #tab-h3.on {
	background: url(/img/biz_pepper/caseli3_on.png) no-repeat bottom;
}
#tab-body {
	width: 100%;
	background: transparent url(../../img/20180625/bg_tile.png) repeat;
	position: relative;
}
#tab-body > div {
	position: relative;
	width: 880px;
	background-color: #fff;
	border: 2px solid #e7e7e7;
	margin: 0 auto;
	padding: 40px 40px 0;
}
#tab-body > div:nth-child(n + 2) {
	display: none;
}
#tab-body > div::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 22px 50px 22px;
	border-color: transparent transparent #e7e7e7 transparent;
	position: absolute;
	top: -50px;
}
#tab-body > div::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 22px 50px 22px;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	top: -47px;
}
#tab-b1 {
	background: url(/img/biz_pepper/tab1_bg.png) no-repeat right 118px;
}
#tab-b2 {
	background: url(/img/biz_pepper/tab2_bg.png) no-repeat right 118px;
}
#tab-b3 {
	background: url(/img/biz_pepper/tab3_bg.png) no-repeat right 118px;
}
#tab-b1::before {
	left: 130px;
}
#tab-b1::after {
	left: 130px;
}
#tab-b2::before {
	left: 0;
	right: 0;
	margin: auto;
}
#tab-b2::after {
	left: 0;
	right: 0;
	margin: auto;
}
#tab-b3::before {
	right: 130px;
}
#tab-b3::after {
	right: 130px;
}
#tab-body > div dd {
	padding: 30px 0 50px;
}
#tab-body > div dl:nth-of-type(1) dd {
	width: 590px;
	box-sizing: border-box;
}

/*---------- market ----------*/
.market {
	background-color: #eee;
}
.market_inner h3 {
	background-color: #1567bc;
	border-radius: 10px 10px 0 0;
	position: relative;
}
.market_box {
	background-color: #fff;
	padding: 40px 40px 40px;
}
.market_box .flex {
	justify-content: space-between;
}
.market_box table {
	width: 880px;
	border-collapse: collapse;
}
.market_box th {
	width: 150px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	border: 1px solid #d2d2d2;
	padding: 20px;
}
.market_box tr:nth-child(odd) th {
	background-color: #3a6490;
}
.market_box tr:nth-child(even) th {
	background-color: #547aa2;
}
.market_box td {
	border: 1px solid #d2d2d2;
	font-size: 18px;
	padding: 20px;
}
.market_box tr:nth-child(odd) td {
	background-color: #fbfbfb;
}
.marketli2_txt {
	width: 390px;
}
.marketli3_txt {
	width: 490px;
}

/*---------- plan ----------*/
.plan_inner {
	width: 880px;
	background-color: #f6fbff;
	border-top: 6px solid #084181;
	margin: 0 auto;
	padding: 50px 40px 40px;
}
.plan_inner .flex {
	justify-content: space-between;
	position: relative;
}
.plan_inner .flex::before {
	content: "";
	display: block;
	width: 52px;
	height: 52px;
	background: url(/img/biz_pepper/plus.png) no-repeat;
	position: absolute;
	top: 293px;
	left: 380px;
}
.plan_inner .plan_option {
	background-color: #fff;
	border: 1px solid #8a9eb6;
	border-radius: 5px;
	padding: 39px 39px 30px;
}
.plan_inner .att {
	text-indent: -1em;
	padding-left: 1em;
}

/*---------- flow ----------*/
#flow {
	padding-top: 45px;
}
#flow ul {
 width: 960px display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	background-color: #f5f5f5;
	border-top: 6px solid #19479d;
	margin: 0 auto;
	padding: 45px 21px;
	box-sizing: border-box;
}
#flow ul li {
	position: relative;
}
#flow ul li::after {
	content: "";
	display: block;
	width: 20px;
	height: 31px;
	background: url(/img/biz_pepper/arrow_l.gif) no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -30px;
	margin: auto 0;
}
#flow ul li:last-child::after {
	content: none;
}

/*
--------------------------------------------------------------------------------
 END OF CSS
--------------------------------------------------------------------------------
*/