@charset "UTF-8";


/********************************
DEFAULT
*********************************/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0px;
    padding: 0px;
    outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
caption,
address,
th {
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

ul,
ol,
li,
dl,
dt,
dd {
    list-style: none;
}

img,
iframe {
    vertical-align: middle;
    border: 0px;
}

img {
    line-height: 0;
    font-size: 0;
}

table {
    border-collapse: collapse;
}

th {
    font-weight: normal;
    text-align: left;
}

button,
fieldset,
form,
input,
label,
legend,
select,
textarea {
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

select {
    padding: 2px;
}

input,
select {
    font-size: 100%;
    vertical-align: middle;
}

input[type="text"],
input[type="password"],
textarea,
select {
    outline: none;
}

textarea {
    font-size: 99%;
}

input {
    vertical-align: middle;
}

::-webkit-input-placeholder {
    color: #000;
}

label {
    padding: 0 0 0 2px;
}

hr {
    display: none;
}

a[href^="tel:"] {
    cursor: default;
}


a:link {
    color: #333333;
    text-decoration: none;
    word-break: break-all;
}

a:active {
    color: #0000ff!important;
    text-decoration: none;
}

a:hover {
    color: #0000ff!important;
    text-decoration: none;
}

a:visited {
    color: #555555!important;	
}

a[href^="tel:"] {
    cursor: default;
}

html {
    height: 100%;
    overflow-y: scroll;
    width: 100%;
}

body {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    line-height: 1.6;
    color: #313131;
    font-size: 14px;
    text-align: center;
    min-height: 100%;
    height: auto !important;
    position: relative;
    min-width: 1000px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}

.m_b0 {
    margin-bottom: 0px !important;
}

.m_b1 {
    margin-bottom: 1px !important;
}

.m_b2 {
    margin-bottom: 2px !important;
}

.m_b3 {
    margin-bottom: 2px !important;
}

.m_b5 {
    margin-bottom: 5px !important;
}

.m_b7 {
    margin-bottom: 7px !important;
}

.m_b8 {
    margin-bottom: 8px !important;
}

.m_b10 {
    margin-bottom: 10px !important;
}

.m_b11 {
    margin-bottom: 11px !important;
}

.m_b12 {
    margin-bottom: 12px !important;
}

.m_b13 {
    margin-bottom: 13px !important;
}

.m_b15 {
    margin-bottom: 15px !important;
}

.m_b20 {
    margin-bottom: 20px !important;
}

.m_b25 {
    margin-bottom: 25px !important;
}

.m_b30 {
    margin-bottom: 30px !important;
}

.m_b35 {
    margin-bottom: 35px!important;
}

.m_b40 {
    margin-bottom: 40px !important;
}

.m_b45 {
    margin-bottom: 45px !important;
}

.m_b50 {
    margin-bottom: 50px !important;
}

.m_b55 {
    margin-bottom: 55px !important;
}

.m_t30 {
    margin-top: 30px !important;
}

.m_r0 {
    margin-right: 0 !important;
}

.p_b0 {
    padding-bottom: 0 !important;
}

.p_b10 {
    padding-bottom: 10px !important;
}

.d_center {
    text-align: center;
}

.d_left {
    text-align: left;
}

.d_right {
    text-align: right;
}

.d_bold {
    font-weight: bold;
}

.d_fix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    font-size: .01em;
    height: 0;
    overflow: hidden;
}

.d_fix {
    min-height: 1px;
}

.d_pc {
	display:block;
}
.d_sp {
	display:none;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	font-size:.01em;
	height:0;
	overflow:hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}

.clear {
	clear:both;
}

.d_pc {
	display:block;
}
.d_sp {
	display:none;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.center {
	text-align: center !important; 
	display: block;
}


/********************************
HEADER
*********************************/

#Header .headbx {
	width: 1100px;
	margin: 0 auto;
	text-align: left;
	padding: 10px 0 0 0;
}

#Header .headbx .logo {
	float: left;
	padding: 20px 0 0 0;
}

#Header .headbx .htx {
    padding: 19px 10px 0 28px;
    float: left;
    line-height: 1.8em;
    font-weight: bold;
    font-size: 14px;
}

#Header .headbx .tel {
    float: right;
    padding-top: 20px;
	font-weight: bold;
	width: 650px;
    text-align: right;	
}
#Header .headbx .tel div.telbxleft {
    float: left;
    padding-left: 80px;
    padding-top: 7px;
}
#Header .headbx div.tel span {
    font-size: 25px;
    display: inline-table;
    margin-bottom: 23px;
}
#Header .headbx div.tel img {
    margin: 10px 10px 24px 10px;
}

#Header .tnav {
	width: 1000px;
	margin: 20px auto 10px auto;
	text-align: left;
	overflow: hidden;
}
#Header .tnav li {
	float: left;
	line-height: 1;
	padding: 0 20px;
	border-right: 1px solid #656565;
}
#Header .tnav li:first-child {
	border-left: 1px solid #656565;
}

#Header .mnav {
	background: #fff;
	padding: 10px 0;
}
#Header .mnav ul {
	width: 1100px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
#Header .mnav ul li {
	float: left;
	margin: 0 17px 0 0;
}
#Header .mnav ul li:last-child {
    float: right;
    margin: 0;
    position: fixed;
    z-index: 2;
    margin-left: 872px;
    margin-top: 3px;
}
#Header .mnav ul li span {
	display: none;
}

/********************************
FOOTER
*********************************/

#Footer .bgbx {
	background: #eee;
	border-top: 1px solid #d2d2d2;
	padding: 28px 0 0 0;
}

#Footer .lnkbx {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#Footer .lnkbx .ltbx {
	float: left;
}
#Footer .lnkbx .ltbx.is_a {
	width: 280px;
}
#Footer .lnkbx .ltbx.is_b {
	width: 260px;
}
#Footer .lnkbx .ltbx.is_c {
	width: 460px;
}

#Footer .lnkbx .ltbx dl dt {
	border-left: 3px solid #8fc31f;
	padding: 5px 0 5px 10px;
	line-height: 1;
	margin: 0 0 20px 0;
}
#Footer .lnkbx .ltbx dl dd {
	padding: 0 0 30px 0;
}
#Footer .lnkbx .ltbx dl dd ul li {
	margin: 0 0 10px 0;
	font-size: 12px;
	background: url(../images/dec_arrow02.png) no-repeat 0 50%;
	padding: 0 0 0 15px;
}

#Footer .cntotbx {
	border-top: 1px solid #d2d2d2;
}

#Footer .cntotin {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding: 10px 0 10px 0;
	position: relative;
}

#Footer .cntotin .code {
	width: 555px;
	float: left;
}
#Footer .cntotin .code ul {
	padding: 10px 0 0 10px;
}
#Footer .cntotin .code ul li {
	font-size: 12px;
	margin: 2px 0 0 0;
}
#Footer .cntotin .mark {
	width: 445px;
	float: left;
	padding: 8px 0 0 0;
}
#Footer .cntotin .mark dl dt {
	display: table-cell;
	vertical-align: bottom;
}
#Footer .cntotin .mark dl dd {
	display: table-cell;
	vertical-align: bottom;
	font-size: 12px;
	padding: 0 0 0 10px;
}
#Footer .cntotin .mark dl dd a {
	text-decoration: underline;
}
#Footer .cntotin .tkbtn {
	position: absolute;
	right: -62px;
	top: 32px;
}

#Footer .footbx {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0;
}
#Footer .footbx .copy {
	float: left;
}
#Footer .footbx .lnk {
	float: right;
	padding: 15px 0 0 0;
	letter-spacing: -0.4em;
}
#Footer .footbx .lnk li {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 0 0 30px;
	font-size: 12px;
	background:url(../images/dec_arrow02.png) no-repeat 0 50%;
	padding: 0 0 0 12px;
}

/********************************
CONTENTS
*********************************/
.com_forest {
	padding:20px 0 0;
}
.content {
	margin-bottom: 20px;
	
}


.com_bnr {
	margin-bottom: 100px;
	
}
.sub_mainbg {
	background: #eeeeee;
	padding-bottom: 50px;
	
}


.com_goods_nav {
	background: #8fc31f;
	padding: 10px 0 6px 0;
}


.com_goods_nav h2 {
	width: 1000px;
	margin: 0 auto;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
}




.com_pita_nav {
	background: #8fc31f;
	padding: 10px 0 6px 0;
}


.com_pita_nav h2 {
	width: 1000px;
	margin: 0 auto;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
}

.bg_g {
	background: #eee;
	
}


.com_service_nav {
	background: #8fc31f;
	padding: 10px 0 6px 0;
}


.com_service_nav h2 {
	width: 1000px;
	margin: 0 auto;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
}



.com_oem_nav {
	background: #cf31b1;
	padding: 10px 0 6px 0;
}


.com_oem_nav h2 {
	width: 1000px;
	margin: 0 auto;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
}

.com_oemgra {
	background:url(../images/img_oem.png) no-repeat center;
	background-size:cover;
}

.com_pitagra {
	background:url(../images/img_pita.png) no-repeat center;
	background-size:cover;
}

.com_totebaggra {
	background:url(../images/img_totebag.png) no-repeat center;
	background-size:cover;
}

.com_tshirtsgra {
	background:url(../images/img_tshirts.png) no-repeat center;
	background-size:cover;
}

.com_ecobaggra {
	background:url(../images/img_ecobag.png) no-repeat center;
	background-size:cover;
}

.com_thermosgra {
	background:url(../images/img_thermos.png) no-repeat center;
	background-size:cover;
}

.com_tumblergra {
	background:url(../images/img_tumbler.png) no-repeat center;
	background-size:cover;
}

.com_lightgra {
	background:url(../images/img_light.png) no-repeat center;
	background-size:cover;
}

.com_kirakiragra {
	background:url(../images/img_kirakira.png) no-repeat center;
	background-size:cover;
}

.com_bandgra {
	background:url(../images/img_band.png) no-repeat center;
	background-size:cover;
}

.com_servicegra {
	background:url(../images/img_service.png) no-repeat center;
	background-size:cover;
}


.com_voicegra {
	background:url(../images/img_voice.png) no-repeat center;
	background-size:cover;
}


.com_access {
	margin-bottom: 50px;
}


.com_companygra {
	background: #eee;
	letter-spacing: -0.4em;
	padding: 25px 0 30px 0;
}
.com_companygra p {
	letter-spacing: normal;
	display: inline-block;
}
.com_companygra p:first-child {
	margin: 5px 34px 0 0;
}
.com_companygra p:last-child {
	margin: 5px 0 0 22px;
}



.com_interviewgra {
	background: #eee;
}

.com_interviewgra .cont {
	width: 1000px;
	margin: 0 auto;
	background: #000;
}


.com_interviewgra .ttl {
	float: left;

	color: #fff;
	width: 420px;
}


.com_interviewgra .ttl p{
	padding: 40px 20px;
	text-align: left;
	font-size: 24px;
	line-height: 1.3em;
}

.com_interviewgra .ttl p span{
	font-size: 18px;
}

.com_interviewgra .img {
	float: right;
	width: 580px;
}



.toku_cont {
	padding: 0 0 40px;
}
.toku {
	margin-bottom: 20px;
}

.toku dt {
	width: 200px;
	color: #fff;
	text-align: center;
	font-size: 24px;
	background: #00b7ee;
	padding: 5px 10px;
	float: left;
	min-height: 20px;
}

.toku dd {
	width: 700px;
	color: #313131;
	text-align: left;
	font-size: 16px;
	padding: 10px 0 0 20px;
	float: left;
	background: #fff;
	min-height: 40px;
}



.com_subtitle {
	padding: 0 0 20px 0;
	line-height: 1.3;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #c9c9c9;
	text-align: left;
	font-size: 18px;
}

.com_subtitle span {
	color: #fff;
	padding: 6px;
	margin-right: 10px;
	font-size: 14px;
}

.oembx .com_subtitle span {
	background: #cf31b1;
}

.goodsbx .com_subtitle span {
	background: #00b7ee;
}


.tpltbx p{
	text-align: left;
	font-size: 16px;
	line-height: 1.8em;
}

.oembx{
	padding: 0 10px;
}

.oembx p{
	margin-bottom: 30px;
}

.oembx ul {
	margin-bottom: 80px;
}
.oembx ul li {
	float:left;
	margin:0 0 0 33px;
	text-align: center;
}
.oembx ul li:first-child {
	margin-left:0;
}
.oembx ul li .point_01 {
	margin-left:0;
}


.goodsbx p{
	margin-bottom: 40px;
}


.goodsbx ul {
	margin-bottom: 80px;
}
.goodsbx ul li {
	float:left;
	margin:0 0 0 33px;
	text-align: center;
}
.goodsbx ul li:first-child {
	margin-left:0;
}
.goodsbx ul li .point_01 {
	margin-left:0;
}










.com_ctnav {
	background: #d7dddf;
	padding: 14px 0 10px 0;
}

.com_ctnav ul {
	text-align: left;
}
.com_ctnav ul li {
	float: left;
	margin: 0 14px 0 0;
}
.com_ctnav ul li:last-child {
	float: right;
	margin: 0;
}

.com_title {
	padding: 65px 0 0 0;
	line-height: 1.6;
	margin: 0 0 50px 0;
}


.com_title span {
	padding: 0 0 30px;
}


.com_title.is_agt {
	padding: 40px 0 0 0;
	margin: 0 0 25px 0;
}

.com_title span {
	font-size: 28px;
	display: block;
}


.com_btn {
    border: 2px solid #36a4d7;
    padding: 5px 20px;
    color: #36a4d7;
    cursor: pointer;
    padding: 5px;
    text-align: center;
    width: 200px;
    margin: 0 auto;
    cursor: pointer;
}


.com_btn a {
	display: block;
	color: #3a96b2;
	padding: 5px 48px;
}

.com_btn2 {
	border: 2px solid #000;
	display: inline-block;
}
.com_btn2 a {
	display: block;
	color: #000;
	padding: 5px 48px;
}

.com_btn3 {
	border: 2px solid #898989;
	display: inline-block;
}
.com_btn3 a {
	display: block;
	color: #626262;
	padding: 5px 48px;
}


.com_btn4 {
	border: 2px solid #cf31b1;
	background: #cf31b1;
	display: inline-block;
}
.com_btn4 a {
	display: block;
	color: #ffffff;
	padding: 5px 48px;
}

.com_btn4 a:hover {
	display: block;
	color: #e7d0f2;
	padding: 5px 48px;
}



.com_lybx {
	width: 1000px;
	margin: 0 auto;
}

.com_newsbx {
	letter-spacing:-0.4em;
	margin: 0 0 60px 0;
	padding: 20px 0 0 0;
}
.com_newsbx li {
	display: inline-block;
	letter-spacing: normal;
	text-align: left;
	margin: 0 20px;
}
.com_newsbx li p {
	font-size: 12px;
	border-bottom: 1px solid #c9c9c9;
	padding: 0 0 10px 0;
	margin: 0 0 12px 0;
}

.com_gralinebx {
	overflow: hidden;
	margin: 0 0 80px 0;
}
.com_gralinebx ul {
	width: 9999px !important;
	text-align: left;
	letter-spacing: -0.4em;
	margin: 0 0 0 164px;
}
.com_gralinebx ul li {
	display: inline-block;
	margin: 0 12px 0 0;
	letter-spacing: normal;
}

.com_gralinebx .bx-wrapper {
	max-width: 5000px !important;
}

.com_itembx ul {
	letter-spacing: -0.4em;
	padding: 0 0 50px 0;
}
.com_itembx ul li {
	width: 328px;
	margin: 0 4px;
	position: relative;
	height: 380px;
	letter-spacing: normal;
	display: inline-block;
	text-align: left;
}
.com_itembx ul li:nth-child(3n-2) {
	margin-left: 0;
}
.com_itembx ul li:nth-child(3n) {
	margin-right: 0;
}
.com_itembx ul li a {
	display: block;
}
.com_itembx ul li .in {
	position: absolute;
	top: 158px;
	left: 10px;
	background: #fff;
	width: 308px;
	height: 170px;
	padding: 16px 15px 0 15px;
	box-sizing: border-box;
	-webkit-box-shadow: 0 2px 3px #eee;
	box-shadow: 0 2px 3px #eee;
}
.com_itembx ul li .in .tl {
	font-size: 20px;
	margin: 0 0 10px 0;
}
.com_itembx ul li .in .tx {
	font-size: 13px;
	height: 65px;
}
.com_itembx ul li .in .lnk {
	margin: 0 0 0 0;
	text-align: right;
}
.com_itembx ul li .in .lnk span {
	background:url(../images/dec_arrow01.png) no-repeat right 50%;
	padding: 5px 30px 5px 0;
	display: inline-block;
	font-size: 14px;
}

.com_staffbx {
	background: #d7dddf;
	position: relative;
	padding: 60px 0 35px 0;
}
.com_staffbx h2 {
	position: absolute;
	top: -50px;
	left: 50%;
	margin-left: -230px;
}
.com_staffbx ul {
	letter-spacing: -0.4em;
}
.com_staffbx ul li {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 12px;
	width: 231px;
}
.com_staffbx ul li:first-child {
	margin-left: 0;
}
.com_staffbx ul li:last-child {
	margin-right: 0;
}
.com_staffbx ul li a {
	display: block;
	background: #fff;
}
.com_staffbx ul li a p {
	text-align: left;
	padding: 10px 12px;
}



.com_servbx.bgyellow {
	background: #fff100;
	padding: 0 0 40px 0;
}


.com_servbx.bggray {
	background: #eee;
	padding: 0 0 40px 0;
}


.com_servbx {
	padding: 0 0 40px 0;
}



.com_servbx .serbx {
	padding: 55px 0 0 0;
}

.com_servbx .serbx li {
	width: 321px;
	float: left;
	margin: 0 0 0 17px;
}


.com_servbx .serbx .box {
	width: 321px;
	background: #fff;
	position: relative;
	padding: 45px 0 35px 0;
	font-size: 16px;
}
.com_servbx .serbx .box:before {
	content: "";
	background: url(../images/dec_ribbon.png) no-repeat 0 0;
	width: 32px;
	height: 38px;
	position: absolute;
	top: -8px;
	left: 10px;
}
.com_servbx .serbx li:first-child {
	margin: 0;
}
.com_servbx .serbx .box span {
	display: block;
	font-size: 26px;
}



.com_servbx .serbx dt {
	margin-top: 20px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	background: url(../images/dec_arrow.png) no-repeat left;
	padding-left: 15px;
	}
	

.com_servbx .serbx dd {
	text-align: left;
	font-size: 12px;
	padding-left: 15px;
	}	



.com_servbx .more {
	margin: 42px 0 0 0;
}

.com_voicebx  {
	padding: 0 0 50px 0;
}
.com_voicebx .tpltbx {
	padding: 30px 0 0 0;
	letter-spacing: -0.4em;
}
.com_voicebx .tpltbx .lt {
	margin: 0 0 20px 40px;
	width: 480px;
	letter-spacing: normal;
	display: inline-block;
	text-align: left;
}
.com_voicebx .tpltbx .lt:nth-child(2n-1) {
	margin-left: 0;
}
.com_voicebx .tpltbx .lt a {
	display: block;
	padding: 0 60px 10px 0;
	border-bottom: 1px solid #c9c9c9;
	background:url(../images/dec_arrow01_b.png) no-repeat 440px 52px;
}
.com_voicebx .tpltbx .lt p {
	float: left;
	padding: 0 20px 0 0;
}
.com_voicebx .tpltbx .lt dl dt {
	display: inline-block;
	background: #8fc31f;
	color: #fff;
	padding: 7px 15px;
	line-height: 1;
	margin: 0 0 10px 0;
}

.com_voicebx .ankbx {
	padding: 35px 0 0 0;
}
.com_voicebx .ankbx li {
	float: left;
	margin: 0 0 0 40px;
}
.com_voicebx .ankbx li:first-child {
	margin: 0;
}

.com_voicebx .more {
	margin: 70px 0 0 0;
}

.com_campbx {
	background: #e8f0c4;
	margin: 40px 0 0 0;
	position: relative;
	padding: 50px 0 25px 0;
}
.com_campbx h2 {
	position: absolute;
	left: 50%;
	top: -40px;
	margin: 0 0 0 -250px;
}
.com_campbx .bx-wrapper {
	width: 1000px;
	margin: 0 auto;
}
.com_campbx ul li {
	width: 320px;
	margin: 0 16px 0 0;
	vertical-align: top;
	float: left;
	padding: 0 2px 5px 0;
}
.com_campbx ul li a {
	display: block;
	padding: 15px 0 10px 0;
	background: #fff;
	border-radius: 6px;
	-webkit-box-shadow: 1px 2px 2px #b7bca3;
	box-shadow: 1px 2px 2px #b7bca3;
}
.com_campbx ul li dl {
	padding: 10px 5px 0 15px;
	text-align: left;
}
.com_campbx ul li dl dt {
	font-size: 18px;
	color: #3a96b2;
}
.com_campbx ul li a:hover dl dt {
	color: #8fc31f;
}





.com_bnrbx {
	width: 670px;
	margin: 0 auto;
}

.com_bnrbx ul li {
	vertical-align: top;
	padding: 0;
}


.com_bnrbx ul li a {
	display: block;
	padding: 15px;
	background: #fff;
	border-radius: 6px;
	-webkit-box-shadow: 1px 2px 2px #b7bca3;
	box-shadow: 1px 2px 2px #b7bca3;
}

.com_bnrbx .gra {
	float: left;
	width: 300px;
}

.com_bnrbx ul li dl {
	text-align: left;
	float: right;
	width: 300px;
	padding-top: 15px;
}
.com_bnrbx ul li dl dt {
	font-size: 18px;
	color: #3a96b2;
	text-align: center;
	margin-bottom: 10px;
}
.com_bnrbx ul li a:hover dl dt {
	color: #8fc31f;
}

.com_bnrbx ul li dl dd {
	text-align: center;
	font-size: 12px;
}









.com_campbx .bx-controls-direction .bx-prev {
	position: absolute;
	top: 50%;
	left: -60px;
	background:url(../images/slide_l.png) no-repeat 0 0;
	width: 41px;
	height: 0;
	overflow: hidden;
	padding: 41px 0 0 0;
	margin: -20px 0 0 0;
}
.com_campbx .bx-controls-direction .bx-next {
	position: absolute;
	top: 50%;
	right: -60px;
	background:url(../images/slide_r.png) no-repeat 0 0;
	width: 41px;
	height: 0;
	padding: 41px 0 0 0;
	overflow: hidden;
	margin: -20px 0 0 0;
}

.com_contactbx {
    background: #eee;
    letter-spacing: -0.4em;
    padding: 25px 0 30px 0;
}
.com_contactbx p {
	letter-spacing: normal;
	display: inline-block;
}
.com_contactbx p:first-child {
	margin: 5px 34px 0 0;
}
.com_contactbx p:last-child {
	margin: 5px 0 0 22px;
}
.com_contactbx div.tel {
    padding-top: 20px;
    font-weight: bold;
    width: 1100px;
    margin: auto;
    display: inline-block;
    /* padding: 10px; */
}
.com_contactbx div.tel div.telbxleft {
    padding-top: 7px;
    width: 30%;
    float: left;
}
.com_contactbx div.tel div.telbxcenter {
    padding-top: 7px;
    width: 30%;
    float: left;
}
.com_contactbx div.tel div.telbxright {
    padding-top: 7px;
    width: 30%;
    float: left;
}
.com_contactbx div.tel span {
    font-size: 30px;
}
.com_contactbx div.tel img {
    margin: 10px 10px 24px 10px;
}


.com_contact_pita {
	background: #fff;
	width: 1000px;
	margin: 0 auto;
}


.com_contact_pita .l_box {
	float: left;
	width: 460px;
	text-align: left;
}

.com_contact_pita .r_box {
	float: left;
	width: 540px;
	text-align: left;
}

.com_contact_pita .r_box h2{
	font-size: 20px;
	color: #3a96b2;
	margin-top: 50px;
}

.com_contact_pita .r_box p{
	margin-bottom: 20px;
}


.com_contact_chat {
	background: #fff;
	width: 1000px;
	margin: 0 auto 50px;
}




.flowbx {
	padding:20px 0 50px 0;
}


.flowbx ul{
	margin-bottom: 50px;
}

.flowbx li{
	float: left;
	width: 240px;
	margin-right: 10px;
}



.flowbx li.zu{
	margin-top: 25px;
}



.flowbx li.end{
	float: left;
	width: 240px;
	margin-right: 0;

}

.flowbx ul li p{
	font-size: 14px;
	background: none;
	margin: 20px 10px 0 0;
	
}


.flowbx p.center{
	margin-bottom: 20px;
	
}

.flowbx li.end p{
	margin: 20px 10px 0 10px;

}



ul.service_point li {
	float: left;
	margin-right: 18px;
		width: 321px;
	}

ul.service_point li:last-child {
	margin-right: 0;
	}


ul.service_point li dt {
	margin-top: 20px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	background: url(../images/dec_arrow.png) no-repeat left;
	padding-left: 15px;
	}
	

ul.service_point li dd {
	text-align: left;
	font-size: 12px;
	padding-left: 15px;
	}	







ul.service_reason li {
	float: left;
	margin-right: 10px;
		width: 242px;
	}

ul.service_reason li:last-child {
	margin-right: 0;
	}


ul.service_reason li dt {
	margin-top: 20px;
	text-align: center;
	font-size: 12px;
	margin-bottom: 10px;

	}
	

ul.service_reason li dd {
	text-align: left;
	font-size: 12px;
	}	


ul.service_reason li dt span{
	color: #eb6100;
	}	


.interview_bx{
	margin: 80px 0;
	text-align: left;
	}

.interview_bx .cont{
	padding: 0 25px;
	text-align: left;
	}


.interview_bx .lead{
	margin-bottom: 50px;
	}



.interview_bx h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
	}
.interview_bx h2{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	}

.interview_bx .cont dl{
	margin-bottom: 40px;
	}

.interview_bx .cont dt{
	width: 510px;
	float: left;
	}

.interview_bx .cont dd{
	float: right;
	width: 400px;
	line-height: 2em;
	}


.interview_bx .prof{
	border: 10px solid #eeeeee;
	}


.interview_bx .prof dl{
	
	}

.interview_bx .prof dl dt{
	float: left;
	width: 260px;
	text-align: center;
	padding: 40px 0;
	}

.interview_bx .prof dl dd{
	float: right;
	width: 720px;
	padding: 40px 0;
	}

.voice_bx{
	margin: 80px 0;
	}


.voice_bx .com_lybx{
	margin-bottom: 70px;
	}



.voice_bx .com_contactbx{
	margin-bottom: 70px;
	}


.voice_bx .l_vbx{
	width: 220px;
	float: left;
	}
	
	
.voice_bx .l_vbx p{
	font-size: 10px;
	padding-top: 10px;
	}		

.voice_bx .r_vbx{
	width: 725px;
	float: right;
	text-align: left;
	}	
	

.voice_bx .r_vbx h3{
	background: #8fc31f;
	color: #fff;
	padding: 8px 10px;
	margin-bottom: 20px;
	}	



	

.voice_bx .r_vbx dl{

     line-height:1.6em;
     overflow: hidden;
     _zoom: 1;
	margin-bottom: 0;
}

.voice_bx .r_vbx dl dd,
.voice_bx .r_vbx dl dt{
     text-indent: -2.1em;   
     padding: 0 10px 0px 40px;
}



.voice_bx .r_vbx dl dt{
     margin:10px 20px 0 0;
     color: #8fc31f;
}

.voice_bx .r_vbx dl dd:first-letter,
.voice_bx .r_vbx dl dt:first-letter{
     font-size: 1.3em;
     font-weight: bold;
     margin-right:6px;
     padding:5px;
     font-family: 'Nunito', sans-serif;
}


.voice_bx .r_vbx dl dd{
     margin: 10px 0 -1px 0;
     padding-bottom:10px;
     border-bottom: 1px #000 dotted;
}



.company_bx{
	margin-bottom: 100px;
}

.company_bx dl{
	margin-bottom: 10px;
     padding-bottom:10px;
     border-bottom: 1px #eeeeee solid;
     text-align: left;
     font-size: 16px;
}

.company_bx dl dt{
	width: 230px;
	float: left;
	border-right: 1px solid #8fc31f;
	padding: 10px 0 10px 0;
}


.company_bx dl dd .map{
	float: right;
}


.company_bx dl dd{
	width: 750px;
	float: right;
	padding: 10px 0 10px 0;
}


.contact_bx_bx{
	margin-bottom: 100px;
}



.det_mnbx {
	padding:20px 0 110px 0;

}

.det_mnbx h2 {
	margin-bottom: 20px;
}

.det_mnbx h3 {
	font-size:14px;
	margin:0 0 50px 0;
}
.det_mnbx .dtbx {
	width:1000px;
	margin:0 auto 60px auto;
	text-align:left;
	font-size:16px;
}
.det_mnbx .dtbx dl {
	width:100%;
	display:table;
	padding:15px 0;
	border-bottom:1px solid #eee;
	text-align: left;
}
.det_mnbx .dtbx dl dt {
	width:200px;
	padding:0 0 0 20px;
	display:table-cell;
	vertical-align:middle;
	position:relative;
}
.det_mnbx .dtbx dl.cnt dt {
	vertical-align:top;
}
.det_mnbx .dtbx dl dt b {
	display:block;
	font-weight:normal;
	border-right:1px solid #a5cf4c;
	padding:3px 0;
}
.det_mnbx .dtbx dl.cnt dt b {
	height:170px;
	margin:5px 0 0 0;
}
.det_mnbx .dtbx dl dt span {
	background:#e41c82;
	color:#fff;
	padding:5px 10px;
	font-size:18px;
	font-weight:bold;
	position:absolute;
	right:15px;
	top:2px;
}
.det_mnbx .dtbx dl dd {
	display:table-cell;
	padding:0 0 0 12px;
	vertical-align:middle;
		text-align: left;
}
.det_mnbx .dtbx dl dd input {
	width:450px;
	border:1px solid #e1e1e1;
	height:33px;
	line-height:33px;
	float:left;
}


.det_mnbx .dtbx dl dd input.post {
	width:150px;
	border:1px solid #e1e1e1;
	height:33px;
	line-height:33px;
	float:left;
}

.det_mnbx .dtbx dl dd textarea {
	width:450px;
	height:185px;
	border:1px solid #e1e1e1;
	float:left;
}
.det_mnbx .dtbx dl dd span {
	display:block;
	padding:5px 0 0 30px;
	float:left;
	font-size: 11px;
	
}
.det_mnbx .btnbx {
	text-align:center;
}
.det_mnbx .btnbx input {
	background:#eb6100;
	color:#fff;
	font-size:24px;
	display:inline-block;
	border:0;
	padding:22px 65px;
	cursor:pointer;
	
} 


#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;

}
#page-top a {

    display: block;

}






@media (max-width: 767px) {

    body {
		min-width: 320px;
	}
	#Header .headbx {
		width: auto;
		padding: 10px 10px 0 10px;
	}
	#Header .headbx .logo {
		padding: 0;
		width: 125px;
		float: none;
		display: table-cell;
		vertical-align: middle;
	}
	#Header .headbx .logo img {
		width:114px;
	}
	#Header .headbx .htx {
		padding: 0;
		font-size: 10px;
		float: none;
		display: table-cell;
		vertical-align: middle;
	}
	#Header .headbx .tel {
		display: none;
	}

	#Header .tnav {
		display: table;
		width: 100%;
		margin: 10px 0;
	}
	#Header .tnav li {
		font-size: 12px;
		padding: 0;
		display: table-cell;
		float: none;
		vertical-align: middle;
	}
	#Header .tnav li:first-child {
		border-left: 0;
	}
	#Header .tnav li:last-child {
		border-right: 0;
	}
	#Header .tnav li div {
		display: table;
		width: 100%;
	}
	#Header .tnav li a {
		display: table-cell;
		text-align: center;
		width: 100%;
		vertical-align: middle;
		height: 30px;
		box-sizing: border-box;
	}
	#Header .tnav li.ajt a {
		padding: 0 3px;
	}
	#Header .tnav li span {
		display: block;
	}
	#Header .mnav {
		padding: 0;
	}
	#Header .mnav ul {
		width: 100%;
		display: table;
	}
	#Header .mnav ul li {
		margin: 0;
		float: none;
		display: table-cell;
		text-align: center;
		font-size: 12px;
	}
	#Header .mnav ul li:last-child {
		float: none;
	}
	#Header .mnav ul li img {
		display: none;
	}
	#Header .mnav ul li span {
		display: block;
	}
	#Header .mnav ul li a {
		display: block;
	}
	#Header .mnav ul li.nv1 {
		background: -webkit-gradient(linear, left top, left bottom, from(#c2ef62),to(#91c421));
		background: linear-gradient(#c2ef62 0%, #91c421 100%);
	}
	#Header .mnav ul li.nv2 {
		background: -webkit-gradient(linear, left top, left bottom, from(#62edef),to(#21bfc4));
		background: linear-gradient(#62edef 0%, #21bfc4 100%);
	}
	#Header .mnav ul li.nv3 {
		background: -webkit-gradient(linear, left top, left bottom, from(#ee61d8),to(#c421a4));
		background: linear-gradient(#ee61d8 0%, #c421a4 100%);
	}
	#Header .mnav ul li.nv4 {
		background: -webkit-gradient(linear, left top, left bottom, from(#edb55f),to(#c56c22));
		background: linear-gradient(#edb55f 0%, #c56c22 100%);
	}
	#Header .mnav ul li a {
		color: #fff;
		padding: 8px 0;
	}

.com_forest p img{
	padding:20px 0 0;
	width: 100%;	
}
	.com_lybx {
		width: auto;
		padding: 0 10px;
	}
	.com_title {
		padding: 15px 0 0 0;
		font-size: 12px;
		margin: 0 0 15px 0;
	}
	.com_title.is_agt {
		padding: 20px 0 0 0;
	}
	.com_title span {
		font-size: 22px;
	}
	.com_newsbx {
		margin: 0 0 20px 0;
		padding: 0;
	}
	.com_newsbx li {
		display: block;
		margin: 0 10px 20px 10px;
	}
	.com_newsbx li p {
		padding: 0 0 5px 0;
		margin: 0 0 5px 0;
	}
	.com_gralinebx {
		margin: 0 0 40px 0;
	}
	.com_gralinebx ul li {
		margin: 0 6px 0 0;
	}
	.com_gralinebx ul li img {
		width: 150px;
	}
	
	.com_itembx ul {
		padding: 0 0 30px 0;
	}
	.com_itembx ul li {
		width: 320px;
		margin: 0;
		height: 345px;
	}
	.com_itembx ul li img {
		width: 100%;
	}
	.com_itembx ul li .in {
		width: 300px;
	}
	.com_itembx ul li .in .tl {
		font-size: 18px;
		margin: 0 0 5px 0;
	}
	.com_ctnav {
		padding: 5px 2px;
	}
	.com_ctnav ul {
		text-align: center;
	}
	.com_ctnav ul li,
	.com_ctnav ul li:last-child {
		float: left;
		margin: 0;
		width: 33.3%;
		padding:0 2px;
		box-sizing: border-box;
	}
	.com_ctnav ul li a {
		display: block;
		border-bottom: 3px solid #7fc4d9;
	}
	.com_ctnav ul li.ct1 a {
		background:#fff url(../images/menu_product_s.png) no-repeat 50% 0;
		-webkit-background-size:auto 60px;
		background-size:auto 60px;
		height: 60px;
	}
	.com_ctnav ul li.ct2 a {
		background:#fff url(../images/menu_voice_s.png) no-repeat 50% 0;
		-webkit-background-size:auto 60px;
		background-size:auto 60px;
		height: 60px;
	}
	.com_ctnav ul li.ct3 a {
		background:#fff url(../images/menu_service_s.png) no-repeat 50% 0;
		-webkit-background-size:auto 60px;
		background-size:auto 60px;
		height: 60px;
	}
	.com_ctnav ul li img {
		display: none;
	}
	.com_campbx {
		padding: 35px 0 10px 0;
	}
	.com_campbx .bx-wrapper {
		width: auto;
	}	
	.com_campbx h2 {
	    margin: 0 0 0 -155px;
		top: -20px;
	}
	.com_campbx h2 img {
		width: 310px;
	}
	.com_campbx ul li a {
		margin: 0 10px;
	}
	.com_campbx ul li .gra {
		padding: 0 10px;
	}
	.com_campbx ul li img {
		width: 100%;
	}
	.com_campbx ul li dl dt {
		font-size: 16px;
	}
	.com_campbx .bx-controls-direction .bx-prev {
		left: 5px;
    	background:url(../images/slide_l.png) no-repeat 0 0;
		-webkit-background-size:auto 30px;
		background-size:auto 30px;
		width: 30px;
		padding: 30px 0 0 0;
	}
	.com_campbx .bx-controls-direction .bx-next {
		right: 5px;
		background:url(../images/slide_r.png) no-repeat 0 0;
		-webkit-background-size:auto 30px;
		background-size:auto 30px;
		width: 30px;
		padding: 30px 0 0 0;
	}
	
	.com_staffbx {
		padding: 30px 5px 15px 5px;
	}
	.com_staffbx h2 {
	    margin: 0 0 0 -155px;
		top: -30px;
	}
	.com_staffbx h2 img {
		width: 310px;
	}
	.com_staffbx ul li {
		width: 50%;
		margin: 0 0 6px 0 !important;
		box-sizing:border-box;
		padding: 0 3px;
	}
	.com_staffbx ul li img {
		width: 100%;
	}

	.com_contactbx {
		padding: 10px 10px 15px 10px;
	}
	.com_contactbx p {
		margin: 0 0 10px 0;
	}
	.com_contactbx p:first-child {
		margin: 0 0 15px 0;
	}
	.com_contactbx p:last-child {
		margin: 0;
	}
	.com_contactbx p img {
		width: 240px;
	}
	.com_contactbx p:first-child img {
		width: 200px;
	}
	
	.com_servbx {
		padding: 0 0 15px 0;
	}
	.com_servbx .serbx {
		padding: 10px 10px 0 10px;
	}

	.com_servbx .serbx .box,
	.com_servbx .serbx .box:first-child{
		margin: 0 0 20px 0;
		padding: 25px 0 25px 0;
		width: auto;
	}


	.com_servbx .serbx li,
	.com_servbx .serbx li:first-child{
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.com_servbx .serbx li:before {
		content: "";
		background: url(../images/dec_ribbon.png) no-repeat 0 0;
		-webkit-background-size:25px auto;
		background-size:25px auto;
		width: 25px;
		height: 34px;
		position: absolute;
		top: -4px;
		left: 10px;
	}
	.com_servbx .serbx li span {
		font-size: 22px;
	}
	.com_servbx .more {
		margin: 0;
	}
	
	
	
	.com_servbx .serbx dl {
	margin-bottom: 30px;
	}

.com_servbx .serbx dt {
	margin-top: 20px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	background: url(../images/dec_arrow.png) no-repeat left;
	padding-left: 15px;
	}
	

.com_servbx .serbx dd {
	text-align: left;
	font-size: 12px;
	padding-left: 15px;
	}	

	
	
	
	.com_voicebx {
		padding: 0 0 20px 0;
	}
	.com_voicebx .tpltbx {
		padding:  0;
	}
	.com_voicebx .tpltbx .lt {
		width: auto;
		margin: 0 !important;
	}
	.com_voicebx .tpltbx .lt p {
		padding: 0 10px 0 0;
	}
	.com_voicebx .tpltbx .lt a {
		padding: 10px 10px;
	}
	.com_voicebx .tpltbx .lt dl dt {
		padding: 5px 15px;
		font-size: 12px;
	}
	.com_voicebx .tpltbx .lt dl dd {
		line-height: 1.4;
	}
	
	.com_voicebx .ankbx {
		padding: 15px 5px 0 5px;
	}
	.com_voicebx .ankbx li {
		width: 50%;
		margin: 0;
		box-sizing:border-box;
		padding: 0 3px 6px 3px;
	}
	.com_voicebx .ankbx li img {
		width: 100%;
	}
	.com_voicebx .more {
		margin: 15px 0 0 0;
	}
	
	#Footer .bgbx {
		padding: 15px 10px 0 10px;
	}
	#Footer .cntotin {
		width: auto;
	}
	#Footer .cntotin .code {
		width: auto;
	}
	#Footer .cntotin .tkbtn {
		right: 0;
	}
	#Footer .cntotin .mark {
		width: 100%;
	}
	#Footer .lnkbx {
		width: auto;
	}
	#Footer .lnkbx .ltbx.is_a {
		width: auto;
	}
	#Footer .lnkbx .ltbx.is_b {
		width: auto;
	}
	#Footer .lnkbx .ltbx.is_c {
		width: auto;
	}
	#Footer .lnkbx .ltbx dl dt {
		margin: 0 0 10px 0;
	}
	#Footer .lnkbx .ltbx dl dd ul {
		overflow: hidden;
	}
	#Footer .lnkbx .ltbx dl dd ul li {
		float: left;
		width: 50%;
		box-sizing:border-box;
		background: url(../images/dec_arrow02.png) no-repeat 0 4px;
		padding-right: 10px;
		font-size: 11px;
	}
	#Footer .lnkbx .ltbx dl dd {
		padding: 0 0 20px 0;
	}
	#Footer .cntotin .code ul {
		padding-left: 0;
	}
	#Footer .cntotin .code img {
		width: 120px;
	}
	#Footer .cntotin .tkbtn {
		top: 10px;
	}
	#Footer .cntotin .tkbtn img {
		width: 30px;
	}
	#Footer .cntotin .mark dl dt img {
		width: 40px;
	}
	#Footer .footbx {
		width: auto;
		padding: 10px;
	}
	#Footer .footbx .copy img {
		width: 120px;
	}
	#Footer .footbx .lnk {
		padding: 5px 0 0 0;
	}
	#Footer .footbx .lnk li {
		font-size: 10px;
		margin: 0 0 0 10px;
	}




.com_goods_nav {
	background: #8fc31f;
	padding: 10px 0 6px 10px;
}


.com_goods_nav h2 {
	width: 100%;
	margin: 0 auto;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
}


.com_oem_nav {
	background: #cf31b1;
	padding: 10px 0 6px 10px;
}


.com_oem_nav h2 {
	width: 100%;
	margin: 0 auto;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
}

.com_pita_nav {
	background: #8fc31f;
	padding: 10px 0 6px 10px;
}


.com_pita_nav h2 {
	width: 100%;
	margin: 0 auto;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
}


.com_service_nav {
	background: #8fc31f;
	padding: 10px 0 6px 10px;
}


.com_service_nav h2 {
	width: 100%;
	margin: 0 auto;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
}



.com_servicegra {
	background:url(../images/img_service.png) no-repeat center;
background-size:cover;
}


.com_servicegra img {
width: 100%;
}




.com_voicegra {
	background:url(../images/img_voice.png) no-repeat center;
background-size:cover;
}


.com_voicegra img {
width: 100%;
}



.com_oemgra {
	background:url(../images/img_oem.png) no-repeat center;
background-size:cover;
}


.com_oemgra img {
width: 100%;

}


.com_goosgra {
	background:url(../images/img_goods.png) no-repeat center;
background-size:cover;
}

.com_goodsgra img {
width: 100%;
}


.com_pitagra {
	background:url(../images/img_pita.png) no-repeat center;
background-size:cover;
}

.com_pitagra img {
width: 100%;
}



.com_totebaggra {
	background:url(../images/img_totebag.png) no-repeat center;
	background-size:cover;
}

.com_totebaggra img {
width: 100%;
}
	
.com_tshirtsgra {
	background:url(../images/img_tshirts.png) no-repeat center;
	background-size:cover;
}

.com_tshirtsgra img {
width: 100%;
}

.com_ecobaggra {
	background:url(../images/img_ecobag.png) no-repeat center;
	background-size:cover;
}

.com_ecobaggra img {
width: 100%;
}

.com_thermosgra {
	background:url(../images/img_thermos.png) no-repeat center;
	background-size:cover;
}

.com_thermosgra img {
width: 100%;
}

.com_tumblergra {
	background:url(../images/img_tumbler.png) no-repeat center;
	background-size:cover;
}

.com_tumblergra img {
width: 100%;
}	
	
.com_lightgra {
	background:url(../images/img_light.png) no-repeat center;
	background-size:cover;
}

.com_lightgra img {
width: 100%;
}	
	
.com_kirakiragra {
	background:url(../images/img_kirakira.png) no-repeat center;
	background-size:cover;
}

.com_kirakiragra img {
width: 100%;
}	

.com_bandgra {
	background:url(../images/img_band.png) no-repeat center;
	background-size:cover;
}

.com_bandgra img {
width: 100%;
}	
	
.com_subtitle {
	padding: 0 0 10px 0;
	line-height: 1.6;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #c9c9c9;
	text-align: left;
	font-size: 16px;
}

.com_subtitle span {
	color: #fff;
	background: #cf31b1;
	padding: 6px;
	margin-right: 10px;
	font-size: 12px;
}



.tpltbx p{
	text-align: left;
	font-size: 13px;
	line-height: 1.8em;
}
.oembx{
	padding: 0 10px;
}

.oembx p{
	margin-bottom: 30px;
}

.oembx p img{
	width: 100%;
}


.oembx ul {
	margin-bottom: 40px;
}
.oembx ul li {
	float:none;
	margin:0 0 20px 0;
	text-align: center;
}
.oembx ul li:first-child {
	margin-left:0;
}
.oembx ul li .point_01 {
	margin-left:0;
}



.goodsbx{
	padding: 0 10px;
}

.goodsbx p{
	margin-bottom: 30px;
}


.goodsbx ul {
	margin-bottom: 40px;
}
.goodsbx ul li {
	float:none;
	margin:0 0 20px 0;
	text-align: center;
}
.goodsbx ul li:first-child {
	margin-left:0;
}
.goodsbx ul li .point_01 {
	margin-left:0;
}


.goodsbx img {
	width: 100%;
}


.com_bnr {
	margin-bottom: 50px;
	
}

.com_bnr img {
	width: 100%;
	
}



.toku_cont {
	padding: 0 ;
}
.toku {
	margin-bottom: 20px;
}

.toku dt {
	width: 90%;
	color: #fff;
	text-align: center;
	font-size: 16px;
	background: #00b7ee;
	padding: 5px 10px;
	float: none;
	min-height: 20px;
}

.toku dd {
	width: 90%;
	color: #313131;
	text-align: left;
	font-size: 14px;
	padding: 5px 10px;
	float: none;
	background: #fff;
	min-height: 20px;
}




.com_contact_pita {
	background: #fff;
	width: 100%;
	margin: 0 auto;
}


.com_contact_pita .l_box {
	display: none;
}

.com_contact_pita .r_box {
	float: none;
	width: 100%;
	text-align: left;
}
.com_contact_pita .r_box .cont {
	padding: 10px;
}
.com_contact_pita .r_box h2{
	font-size: 18px;
	color: #3a96b2;
	margin-top: 0;
}

.com_contact_pita .r_box p{
	margin-bottom: 20px;
}

.com_contact_pita .r_box p img{
	width: 100%;
}




.flowbx {
	padding:20px 10px;
}

.flowbx img {
	width: 100%;
}
.flowbx ul{
	margin-top: 10px;
	margin-bottom: 10px;
}

.flowbx li{
	float: none;
	width: 100%;
	margin-right: 0;
}
.flowbx li img{
	width: 100%;
}

.flowbx li.end{
	float: none;
	width: 100%;
	margin-right: 0;
}

.flowbx p.center{
	margin-bottom: 20px;
	
}


.flowbx ul li p{
	font-size: 12px;
	background: none;
	margin: 10px 10px 20px 10px;
	
}

.flowbx ul li.end p{
	font-size: 12px;
	background: none;
	margin: 10px 10px 20px 10px;
	
}


.sub_mainbg {
	background: #eeeeee;
	padding-bottom: 20px;
	
}



.com_contact_chat {
	background: #fff;
	width: 1000px;
	margin: 0 auto 50px;
}


ul.service_point ul {
	padding: 0 10px;
	}
ul.service_point li {
	float: none;
	margin-right: 0;
		width: 100%;
		margin-bottom: 20px;
	}

ul.service_point li:last-child {
	margin-right: 0;
	}


ul.service_point li dt {
	margin-top: 20px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	background: url(../images/dec_arrow.png) no-repeat left;
	padding-left: 15px;
	}
	

ul.service_point li dd {
	text-align: left;
	font-size: 12px;
	padding-left: 15px;
	}	







ul.service_reason {
	padding: 0 10px;
	}

ul.service_reason li {
	float: none;
	margin-right: 0;
		width: 100%;
		margin-bottom: 20px;
	}

ul.service_reason li:last-child {
	margin-right: 0;
	}


ul.service_reason li dt {
	margin-top: 20px;
	text-align: center;
	font-size: 12px;
	margin-bottom: 10px;

	}
	

ul.service_reason li dd {
	text-align: left;
	font-size: 12px;
	}	


ul.service_reason li dt span{
	color: #eb6100;
	}	






.com_contact_chat {
	background: #fff;
	width: 100%;
	margin: 0 auto;
}


	

.com_contact_chat .cont {
	padding: 0 10px 20px;
}





.voice_bx{
	margin: 30px 0;
	}


.voice_bx .com_lybx{
	margin-bottom: 30px;
	}



.voice_bx .com_contactbx{
	margin-bottom: 30px;
	}


.voice_bx .l_vbx{
	width: 100%;
	float: none;
	text-align: center;
	margin-bottom: 20px;
	}
	
	
.voice_bx .l_vbx p{
	font-size: 10px;
	padding-top: 10px;
	}		

.voice_bx .r_vbx{
	width: 100%;
	float: none;
	text-align: left;
	}	
	

.voice_bx .r_vbx h3{
	background: #8fc31f;
	color: #fff;
	padding: 8px 10px;
	margin-bottom: 20px;
	}	



	

.voice_bx .r_vbx dl{

     line-height:1.6em;
     overflow: hidden;
     _zoom: 1;
	margin-bottom: 0;
}

.voice_bx .r_vbx dl dd,
.voice_bx .r_vbx dl dt{
     text-indent: -2.1em;   
     padding: 0 10px 0px 40px;
}



.voice_bx .r_vbx dl dt{
     margin:10px 20px 0 0;
     color: #8fc31f;
}

.voice_bx .r_vbx dl dd:first-letter,
.voice_bx .r_vbx dl dt:first-letter{
     font-size: 1.3em;
     font-weight: bold;
     margin-right:6px;
     padding:5px;
     font-family: 'Nunito', sans-serif;
}


.voice_bx .r_vbx dl dd{
     margin: 10px 0 -1px 0;
     padding-bottom:10px;
     border-bottom: 1px #000 dotted;
}





.com_interviewgra {
	background: #eee;
}

.com_interviewgra .cont {
	width: 100%;
	margin: 0 auto;
	background: #000;
}


.com_interviewgra .ttl {
	float: none;

	color: #fff;
	width: 100%;
}


.com_interviewgra .ttl p{
	padding: 20px 10px;
	text-align: left;
	font-size: 18px;
	line-height: 1.3em;
}

.com_interviewgra .ttl p span{
	font-size: 14px;
}

.com_interviewgra .img {
	float: none;
	width: 100%;
}

.com_interviewgra img {
	width: 100%;
}



.interview_bx{
	margin: 40px 0;
	text-align: left;
	}

.interview_bx .cont{
	padding: 0 15px;
	text-align: left;
	}


.interview_bx .lead{
	margin-bottom: 40px;
	}



.interview_bx h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	}


.interview_bx .cont dl{
	margin-bottom: 40px;
	}

.interview_bx .cont dt{
	width: 100%;
	float: none;
	margin-bottom: 15px;
	}

.interview_bx .cont dt img{
	width: 100%;
	}

.interview_bx .cont dd{
	float: none;
	width: 100%;
	line-height: 2em;
	}


.interview_bx .prof{
	border: 10px solid #eeeeee;
	}


.interview_bx .prof dl{
	
	}

.interview_bx .prof dl dt{
	float: left;
	width: 30%;
	text-align: center;
	padding: 10px 0;
	}

.interview_bx .prof dl dt img{
	width: 100%;
	}


.interview_bx .prof dl dt p{
	padding: 10px 10px;
	}

.interview_bx .prof dl dd{
	float: right;
	width: 70%;
	padding: 10px 0;
	font-size: 11px;
	}

.interview_bx .prof dl dd p{
	padding: 10px 10px;
	}



.company_bx{
	margin-bottom: 40px;
}

.company_bx dl{
	margin-bottom: 10px;
     padding-bottom:10px;
     border-bottom: 1px #eeeeee solid;
     text-align: left;
     font-size: 12px;
}

.company_bx dl dt{
	width: 28%;
	float: left;
	border-right: 1px solid #8fc31f;
}


.company_bx dl dd .map img{
	float: none;
	height: 20px;
}


.company_bx dl dd{
	width: 70%;
	float: right;
}


.company_bx dl dd img.access {
	width: 100%;
}


.com_access {
	margin-bottom: 40px;
}

.com_companygra {
	letter-spacing: -0.4em;
	padding: 15px 10px 10px 10px;
	font-size: 10px;
}
.com_companygra p {
	letter-spacing: normal;
	display: inline-block;
}



.com_companygra p:first-child {
	margin: 5px 10px 0 0;
}


.com_companygra p:first-child img {
	height: 13px;
}

.com_companygra p:last-child {
	margin: 5px 0 0 10px;
}


.com_companygra p:last-child img {
	height: 10px;
}




.det_mnbx {
	padding:20px 0;
}
.det_mnbx h3 {
	font-size:12px;
	margin:0 0 10px 0;
}
.det_mnbx .dtbx {
	width:100%;
	margin:0 0 15px 0;
}
.det_mnbx .dtbx dl {
	padding:0 10px 10px 10px;
	box-sizing:border-box;
}
.det_mnbx .dtbx dl dt {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:0;
}
.det_mnbx .dtbx dl dt b,
.det_mnbx .dtbx dl.cnt dt b{
	border:0;
	height:auto;
	padding:7px 0;
}
.det_mnbx .dtbx dl dt span {
	right:0;
	top:5px;
	font-size:12px;
	padding:2px 10px;
}
.det_mnbx .dtbx dl dd {
	display:block;
	box-sizing:border-box;
	padding:0;
}
.det_mnbx .dtbx dl dd input,
.det_mnbx .dtbx dl dd textarea {
	width:100%;
	box-sizing:border-box;
}
.det_mnbx .dtbx dl dd span {
	padding:0;
	font-size:13px;
	padding:5px 0 0 0;
}

.det_mnbx .btnbx {
	padding:0 10px;
	margin-bottom: 30px;
}
.det_mnbx .btnbx input {
	font-size:14px;
	padding:10px;
	width:300px;
}





.com_bnrbx {
	width: 100%;
	margin: 0 auto;
}

.com_bnrbx ul li {
	vertical-align: top;
	padding: 0;
}


.com_bnrbx ul li a {
	display: block;
	padding: 15px;
	background: #fff;
	border-radius: 6px;
	-webkit-box-shadow: 1px 2px 2px #b7bca3;
	box-shadow: 1px 2px 2px #b7bca3;
}

.com_bnrbx .gra {
	float: none;
	width: 100%;
}

.com_bnrbx .gra img {
	width: 100%;
}

.com_bnrbx ul li dl {
	text-align: left;
	float: none;
	width: 100%;
	padding-top: 15px;
}
.com_bnrbx ul li dl dt {
	font-size: 16px;
	color: #3a96b2;
	text-align: center;
	margin-bottom: 10px;
}
.com_bnrbx ul li a:hover dl dt {
	color: #8fc31f;
}

.com_bnrbx ul li dl dd {
	text-align: center;
	font-size: 12px;
}
}

@charset "UTF-8";

.mainbx {
    padding: 30px 0 0px 0;
    overflow: hidden;
}

.mainbx.gift {
	padding: 30px 0 40px 0;
	background: gradient(linear, left top, left bottom, from(#fff),color-stop(0.77, #fff),color-stop(0.78, #f0f7f9) , to(#3a96b2));
	background: -webkit-linear-gradient(#fff 0%, #fff 77%, #f0f7f9 78%, #3a96b2 100%);
	overflow: hidden;
}

.mainbx ul li {
	float: left;
	margin: 0 65px 0 0;
	width: 1100px;
    height: 485px!important;	
}
.mainbx ul li p {
    font-size: 30px;
    position: relative;
    text-align: right;
    top: -310px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.mainbx ul li div.button {
    position: relative;
    top: -250px;
    font-size: 20px;
    background: #2e8cbce3;
    color: #fff;
    display: inline;
    padding: 15px 25px 15px 25px;
    float: right;
    margin-right: 40px;
    font-weight: bold;
    box-shadow: 3px 3px 3px #ccc;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.mainbx .bx-viewport {
	overflow: visible !important;
	width: 1100px !important;
	margin: 0 auto;
}
.mainbx .bx-controls-direction {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
.mainbx .bx-controls-direction .bx-prev {
	position: absolute;
	top: -270px;
	left: -52px;
	background:url(http://www.aocon.jp/images/slide_l.png) no-repeat 0 0;
	width: 41px;
	height: 0;
	overflow: hidden;
	padding: 41px 0 0 0;
}
.mainbx .bx-controls-direction .bx-next {
	position: absolute;
	top: -270px;
	right: -52px;
	background:url(http://www.aocon.jp/images/slide_r.png) no-repeat 0 0;
	width: 41px;
	height: 0;
	padding: 41px 0 0 0;
	overflow: hidden;
}




.mainbx.gift .bx-controls-direction .bx-prev {
	position: absolute;
	top: -203px;
	left: -52px;
	background:url(http://www.aocon.jp/images/slide_gl.png) no-repeat 0 0;
	width: 41px;
	height: 0;
	overflow: hidden;
	padding: 41px 0 0 0;
}
.mainbx.gift .bx-controls-direction .bx-next {
	position: absolute;
	top: -203px;
	right: -52px;
	background:url(http://www.aocon.jp/images/slide_gr.png) no-repeat 0 0;
	width: 41px;
	height: 0;
	padding: 41px 0 0 0;
	overflow: hidden;
}







dl.info {
	border-bottom: 1px solid #ccc;
	padding:6px 0;
	margin-bottom: 6px;
	font-size: 14px;
}

dl.info dt {
	float: left;
	width: 200px;
}




dl.info dd {
	float: left;
	width: 480px;

}






dl.infop {
	border-bottom: 1px solid #ccc;
	padding:6px 0;
	margin-bottom: 6px;
	font-size: 14px;
}

dl.infop dt {
	float: left;
	width: 200px;
}




dl.infop dd {
	float: left;
	width: 480px;
	text-align: left;
}





@media (max-width: 767px) {

    .mainbx {
		padding: 10px 0 15px 0;
	}
	.mainbx .bx-viewport {
		width: 300px !important;
	}
	.mainbx ul li {
		width: 300px !important;
		margin: 0 10px 0 0 !important;
	}
	.mainbx ul li img {
		width: 300px !important;
	}
	.mainbx .bx-controls-direction {
		width: 300px;
	}
	.mainbx .bx-controls-direction .bx-prev {
		top: -105px;
		left: -5px;
		background:url(http://www.aocon.jp/images/slide_l.png) no-repeat 0 0;
		-webkit-background-size:auto 30px;
		background-size:auto 30px;
		width: 30px;
		padding: 30px 0 0 0;
	}
	.mainbx .bx-controls-direction .bx-next {
		position: absolute;
		top: -105px;
		right: -5px;
		background:url(http://www.aocon.jp/images/slide_r.png) no-repeat 0 0;
		-webkit-background-size:auto 30px;
		background-size:auto 30px;
		width: 30px;
		padding: 30px 0 0 0;
	}





	.mainbx.gift .bx-controls-direction .bx-prev {
		top: -105px;
		left: -5px;
		background:url(http://www.aocon.jp/images/slide_gl.png) no-repeat 0 0;
		-webkit-background-size:auto 30px;
		background-size:auto 30px;
		width: 30px;
		padding: 30px 0 0 0;
	}
	.mainbx.gift .bx-controls-direction .bx-next {
		position: absolute;
		top: -105px;
		right: -5px;
		background:url(../images/slide_gr.png) no-repeat 0 0;
		-webkit-background-size:auto 30px;
		background-size:auto 30px;
		width: 30px;
		padding: 30px 0 0 0;
	}





dl.info {
	border-bottom: 1px solid #ccc;
	padding:6px 0;
	margin-bottom: 6px;
	font-size: 14px;
}

dl.info dt {
	float: left;
	width: 30%;
}




dl.info dd {
	float: left;
	width: 70%;
}



dl.infop {
	border-bottom: 1px solid #ccc;
	padding:6px 0;
	margin-bottom: 6px;
	font-size: 14px;
}

dl.infop dt {
	float: left;
	width: 30%;
}




dl.infop dd {
	float: left;
	width: 70%;
}


.goodsbx img {
	width: 100%;
}

}

/* 以下、2019年 aocon */

article#Contents {
    z-index: 20;
    margin-top: -55px;
}

section.com_entrybox h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

section.com_entrybox ul li.cat-item {
    width: auto;
    float: none;
    display: inline-block;
    margin-right: 1%;
    border-right: solid 1px;
    padding-right: 10px;
    margin-top: 10px;
}
section.com_entrybox ul li.cat-item:last-child {
	border: none;
}

section.com_entrybox {
    width: 1100px;
    margin: auto;
    display: table;
}
section.com_entrybox　h2 {
    font-size: 16px;
    font-weight: bold;
}
section.com_entrybox ul li {
    width: 27%;
    float: left;
    margin-right: 6%;
    text-align: initial;
}
section.com_entrybox ul li h2 {
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 15px;
}
section.com_entrybox ul li p.cate {
    background: #2e8cbc;
    display: inline;
    padding: 5px 30px 5px 30px;
    color: #fff;
}
section.com_entrybox ul li p.cate a {
	color: #fff;
}
section.com_entrybox ul li p.cate a:hover {
	color: #fff!important;
}
section.com_entrybox ul li p.cate a:visited {
	color: #fff;
}
section.com_entrybox ul li p.date {
    margin: 5px 10px 10px 0px!important;
}

.widgettitle {
    background: #eee;
    color: #2e8cbc;
    font-size: 1em;
    padding: 1px 0;
    border: none;
    margin-bottom: 0.75em;
    overflow: none;
    box-shadow: none;
    font-weight: bold;
    text-align: left;
    /* border-bottom: none; */
}

.widget.widget_recent_entries li span, .widget li span.date {
    padding: 0 0.3em;
    font-size: 0.9em;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
    display: inline-block;
}
.widget.widget_categories li a:after, .widget.widget_recent_entries li a:after, .widget.widget_nav_menu li a:after, .widget.widget_pages li a:after, .widget.widget_archive li a:after, .widget.widget_mycategoryorder li a:after {
	display: none;
}

.entry-content p {
    margin: 0 0 1.6em;
    line-height: 1.75;
    text-align: left;
}
span.wpcf7-list-item {
    width: 100%;
    display: block;
}