@charset "UTF-8";
/*--- 印刷時 ---*/
@media print {
  .scrollfade {
    opacity: 1 !important;
  }
}
/*--- reset css ---*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
  color: black;
}

/*--- base css ---*/
body {
  font-size: 14px;
  font-family: 'Pontano Sans',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

/*common-*/
body {
  background-image: url(images/bg.jpg);
}

/*header*/
#header_line {
  height: 7px;
  width: 100%;
  background: #f1a516;
}

#menu {
  background-image: url(images/bg_menu.jpg);
}
#menu nav ul li {
  float: left;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 70px;
  display: block;
}
#menu nav ul li a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(images/nav.jpg) no-repeat;
}
#menu nav ul li a:hover {
  opacity: .8;
}
#menu nav ul li.li_advantage a {
  background-position: 0 0;
  width: 145px;
}
#menu nav ul li.li_advantage a:hover, #menu nav ul li.li_advantage a.current {
  background-position: 0 -70px;
}
#menu nav ul li.li_future a {
  background-position: -145px 0;
  width: 183px;
}
#menu nav ul li.li_future a:hover, #menu nav ul li.li_future a.current {
  background-position: -145px -70px;
}
#menu nav ul li.li_profile a {
  background-position: -328px 0;
  width: 112px;
}
#menu nav ul li.li_profile a:hover, #menu nav ul li.li_profile a.current {
  background-position: -328px -70px;
}
#menu nav ul li.li_technology a {
  background-position: -441px 0;
  width: 110px;
}
#menu nav ul li.li_technology a:hover, #menu nav ul li.li_technology a.current {
  background-position: -441px -70px;
}
#menu nav ul li.li_quality a {
  background-position: -551px 0;
  width: 104px;
}
#menu nav ul li.li_quality a:hover, #menu nav ul li.li_quality a.current {
  background-position: -551px -70px;
}
#menu nav ul li.li_develop a {
  background-position: -655px 0;
  width: 106px;
}
#menu nav ul li.li_develop a:hover, #menu nav ul li.li_develop a.current {
  background-position: -655px -70px;
}
#menu nav ul li.li_recruit a {
  background-position: -761px  0;
  width: 106px;
}
#menu nav ul li.li_recruit a:hover, #menu nav ul li.li_recruit a.current {
  background-position: -761px -70px;
}
#menu nav ul li.li_inquiry a {
  background-position: -868px 0;
  width: 112px;
  background-repeat: no-repeat;
}
#menu nav ul li.li_inquiry a:hover, #menu nav ul li.li_inquiry a.current {
  background-position: -868px -70px;
}

#menu nav ul li.li_sitemap a {
  background-position: -975px 0;
  width: 112px;
  background-repeat: no-repeat;
}
#menu nav ul li.li_sitemap a:hover, #menu nav ul li_sitemap a.current {
  background-position: -975px -70px;
}

/*footer*/
footer {
  background: #fff;
}
footer .current {
  color: #F1A516;
}

.gotop {
  position: fixed;
  right: 10px;
  bottom: 100px;
  z-index: 9999;
}

#footer_inner {
  padding-top: 50px;
  padding-bottom: 50px;
}

#footer_logo {
  float: left;
  width: 201px;
}
#footer_copyright {
  text-align: center;
  font-size: .8em;
}
#footer_menu {
  float: right;
  line-height: 49px;
  width: 770px;
}
#footer_menu ul li {
  display: inline;
  margin-left: 28px;
  font-size: .9em;
}
#footer_menu ul li a:hover {
  color: #F1A516;
}

/*--- layout ---*/
.row {
  width: 980px;
  padding: 0 10px;
  margin: 0 auto;
}

.center {
  text-align: center;
}

#logo {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

/* ------------------------------------------------------- */
/* トップページ-------------*/
/* ------------------------------------------------------- */
#slider {
  position: relative;
  min-width: 980px;
  height: 623px;
  overflow: hidden;
}

/*bxslider*/
.bx-wrapper .bx-viewport {
  border: none;
  left: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  height: 100% !important;
  width: 100%;
  position: relative;
}

#bg_slider {
  position: absolute;
  background-image: url(images/bg_slider.png);
  height: 623px;
  width: 100%;
  min-width: 980px;
  bottom: 0;
  z-index: 100;
  background-position: top center;
}

.bx-viewport, .bx-wrapper {
  position: relative;
  width: 100%;
  height: 100% !important;
  top: 0;
  left: 0;
}

.bxslider {
  position: relative;
  height: 100%;
}
.bxslider li {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  width: 100%;
  min-width: 980px;
  height: 100% !important;
  position: absolute;
  background-size: cover;
}
.bxslider li img {
  position: absolute;
  top: 62px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#ourmission {
  margin: 60px auto;
}

#catch_index {
  margin: 60px auto 60px auto;
  font-size: 17px;
  line-height: 2em;
}

#index_bean {
  margin-bottom: 95px;
}

.beanbox {
  float: left;
  position: relative;
  width: 325px;
  height: 345px;
  background-repeat: no-repeat;
  background-position: center  0;
}
.beanbox:hover {
  background-position: center -348px;
}
.beanbox a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#beanbox1 {
  background-image: url(images/beanbox1.png);
  background-repeat: no-repeat;
}

#beanbox2 {
  background-image: url(images/beanbox2.png);
}

#beanbox3 {
  background-image: url(images/beanbox3.png);
}

.quote {
  display: none;
  width: 44px;
  height: 36px;
  background-image: url(images/quote.png);
  position: absolute;
  top: -30px;
  left: 180px;
}

#index_technology {
  background-color: #f1a516;
  background-image: url(images/index_technology_bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  padding: 93px 0 93px 0;
  box-sizing: border-box;
}

#img_index_technology {
  position: relative;
  overflow: hidden;
}

#img_beans_left {
  position: absolute;
  left: -150px;
  top: -28px;
}

#img_beans_right {
  position: absolute;
  right: -150px;
  top: -27px;
}

#index_technology_inner {
  position: relative;
}

#index_arrow {
  position: absolute;
  top: -40px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
#index_arrow img {
  position: relative;
  top: -15px;
}

/* ------------------------------------------------------- */
/* 下層ページ共通
/* ------------------------------------------------------- */
.title {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 77px;
}

.page_contents {
  padding-bottom: 95px;
}
.page_contents section h3 {
  font-size: 20px;
  margin: 0 0 36px 0;
  line-height: 1.8em;
}
.page_contents section p {
  font-size: 14px;
  line-height: 2em;
}

#page_contents_padding0 {
  padding-bottom: 0;
}

#p_nav {
  background-color: rgba(179, 163, 132, 0.2);
  border-top: #ddd4c2 2px solid;
  border-bottom: #ddd4c2 2px solid;
  padding: 30px 10px;
  margin: 35px 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
#p_nav li {
  display: inline;
  font-weight: bold;
  background-image: url(images/listmark1.png);
  background-repeat: no-repeat;
  padding: 0 20px 0 20px;
}
#p_nav li a:hover {
  text-decoration: underline;
}

.page_section:not(:last-child) {
  margin-bottom: 70px;
}

.page_left {
  width: 580px;
  float: left;
}
.page_left p {
  margin: 0 0 38px 0;
}

.page_right {
  width: 340px;
  float: right;
}
.page_right p {
  line-height: 1.5em;
  font-size: 12px;
}
.page_right img + p {
  margin-top: 5px;
}
.page_right img + img {
  margin-top: 32px;
}
.page_right p + img {
  margin-top: 32px;
}

span.small {
  font-size: 12px;
  margin-right: 10px;
}

h2.listmark2 {
  font-size: 24px;
  background-image: url(images/listmark2.png);
  background-repeat: no-repeat;
  padding-left: 65px;
  line-height: 55px;
  margin: 0 0 15px 0;
}

/* ------------------------------------------------------- */
/* 下層ページ個別
/* ------------------------------------------------------- */
/* ペリカンの強み */
#president {
  font-size: 14px;
  text-align: center;
}

/* 技術紹介 */
.technology_section {
  padding: 25px 0 35px 0;
}

.bg_white {
  background: #fff;
}

.technology_left {
  float: left;
  width: 210px;
}

.technology_right {
  float: right;
  width: 770px;
}
.technology_right .box_description {
  border-bottom: 1px dashed #717171;
}
.technology_right .description {
  height: 192px;
  display: table-cell;
  vertical-align: middle;
}

.chart h5 {
  text-align: center;
  font-size: 20px;
  margin: 20px 0;
}
.chart p {
  font-size: 12px !important;
  line-height: 1.5em !important;
  text-align: left;
}

#technology1_top {
  padding: 36px 0;
}
#technology1_top ul li {
  float: left;
  width: 156px;
  text-align: center;
}
#technology1_top ul li:not(:last-child) {
  padding-right: 44px;
}

#technology1_bottom {
  width: 600px;
  margin: 0 auto;
  display: table;
}
#technology1_bottom img {
  margin-right: 30px;
  display: table-cell;
  vertical-align: middle;
}
#technology1_bottom p {
  display: table-cell;
  vertical-align: middle;
}

.arrow_right {
  width: 51px;
  vertical-align: top;
  padding: 0 28px;
}
.arrow_right img {
  margin-top: 68px;
}

.top {
  padding: 36px 0 10px 0;
}
.top div {
  float: left;
}
.top .first, .top .second, .top .third {
  text-align: center;
}

.bottom {
  float: right;
}
.bottom div {
  float: right;
}

#technology2_chart .top .first {
  width: 170px;
}
#technology2_chart .top .second {
  width: 140px;
}
#technology2_chart .top .third {
  width: 240px;
}
#technology2_chart .bottom div {
  width: 240px;
  text-align: center;
  margin: 0 10px 0 30px;
}
#technology2_chart .bottom div p {
  text-align: center;
}

#technology3_chart .top .first {
  width: 170px;
}
#technology3_chart .top .second {
  width: 180px;
}
#technology3_chart .top .second p {
  text-align: center;
}
#technology3_chart .top .third {
  width: 182px;
}
#technology3_chart .bottom div {
  width: 182px;
  margin: 0 30px 0 30px;
}

#technology4_chart .top .first {
  width: 170px;
}
#technology4_chart .top .second {
  width: 180px;
}
#technology4_chart .bottom div {
  width: 182px;
  margin: 0 30px 0 30px;
}

#technology5_chart .top .first {
  width: 170px;
}
#technology5_chart .top .second {
  width: 180px;
  border-right: 1px dashed #b3a384;
  padding-right: 20px;
}
#technology5_chart .top .third {
  width: 304px;
  padding-left: 20px;
}
#technology5_chart .top .arrow_right {
  padding: 0 12px;
}

.tb_technology {
  border-collapse: collapse;
  width: 770px;
}
.tb_technology th {
  padding: 20px 0;
  font-size: 18px;
  vertical-align: middle;
}
.tb_technology td {
  padding: 20px 0 20px 30px;
  vertical-align: middle;
}
.tb_technology tr {
  background-image: url(images/line.png);
  background-repeat: no-repeat;
  background-position: 0 bottom;
}

/* 研究開発 */
#engineering {
  background: #fff;
  padding: 30px;
}
#engineering h4 {
  background: #41352f;
  color: #fff;
  font-size: 16px;
  padding: 10px;
  margin: 0 0 30px 0;
}
#engineering h5 {
  font-size: 18px;
  margin: 30px 0;
}
#engineering p {
  margin-bottom: 0;
  letter-spacing: -1px;
}

/* 採用情報 */
.img_recruit {
  margin-bottom: 38px;
}

#recruit2 {
  margin-top: 60px;
}

#recruit2_inner {
  background: #faf7f2;
}

.requirements {
  padding: 47px 55px;
}
.requirements h3 {
  padding: 5px 18px;
  color: #fff;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 10px !important;
}
.requirements table {
  margin-left: 45px;
  width: 825px;
  box-sizing: border-box;
  border-collapse: collapse;
}
.requirements table tr:not(:last-child) {
  border-bottom: 1px solid #e6decf;
}
.requirements table td, .requirements table th {
  padding: 23px 0;
  line-height: 1.5em;
}
.requirements table th {
  padding-right: 30px;
  text-align: left;
}
.requirements table:not(:last-child) {
  margin-bottom: 60px;
}
.requirements:last-child {
  margin-bottom: 100px;
}

#recruit3_inner {
  padding-left: 55px;
}

#btn_inquiry {
  margin: 20px 0;
  width: 313px;
  font-size: 20px;
}
#btn_inquiry a {
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  background: #f1a516;
  text-align: center;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  padding: 10px;
}
#btn_inquiry a:hover {
  background: #ffd247;
}

#h3_requirements1 {
  background: #f1a516;
}

#h3_requirements2 {
  background: #a8856d;
}

#h3_requirements3 {
  background: #909e61;
}

/* 会社情報 */
.profile {
  margin-bottom: 75px;
}

#profile_left {
  float: left;
  width: 460px;
}

#profile_right {
  float: right;
  width: 460px;
}

.tb_profile {
  border-collapse: collapse;
  width: 100%;
}
.sitemap{
  padding: 20px 0;
  font-size: 14px;
  line-height: 150%;
}
.tb_profile th {
  padding: 20px 0;
  font-size: 14px;
  white-space: nowrap;
  line-height: 1.5em;
}
.tb_profile td {
  padding: 20px 0 20px 30px;
  vertical-align: middle;
  line-height: 1.5em;
}
.tb_profile tr {
  border-bottom: 1px solid #e6decf;
}
.tb_profile tr:first-child {
  border-top: 1px solid #e6decf;
}

.loc {
  border-top: 6px solid #e6decf;
  padding: 25px 0 45px 0;
}
.loc:last-child {
  padding-bottom: 0;
}

.ul_loc {
  list-style: disc outside;
  margin: 20px 0 20px 20px;
}

.loc_left {
  float: left;
  width: 115px;
  text-align: center;
  line-height: 2em;
}

.loc_right {
  float: right;
  width: 865px;
  line-height: 2em;
}

.map {
  width: 865px;
  height: 240px;
  margin: 25px 0 10px 0;
}

.to_googlemap {
  text-align: center;
}
.to_googlemap a {
  color: #f1a516;
  text-decoration: underline;
}

.tb_history {
  width: 100%;
  border: 1px solid #d9cfbe;
  border-collapse: collapse;
}
.tb_history tr {
  border-bottom: 1px solid #d9cfbe;
}
.tb_history td {
  background: #fff;
}
.tb_history td {
  padding: 12px 0 12px 50px;
}
.tb_history th {
  text-align: left;
  padding: 25px 0 25px 50px;
}

/* お問い合わせ*/
form#inquiry p {
  line-height: 1.5em;
}

.tb_inquiry {
  width: 100%;
  margin: 20px 0 0 0;
}
.tb_inquiry th {
  width: 253px;
  background-color: rgba(179, 163, 132, 0.15);
  padding: 20px 28px;
  text-align: left;
  border-bottom: 1px solid #fbfaf7;
  vertical-align: top;
}
.tb_inquiry tr:last-child > th {
  border-bottom: none;
}
.tb_inquiry td {
  background: #fbfaf7;
  padding: 20px 32px;
  border-bottom: 1px solid rgba(179, 163, 132, 0.15);
}
.tb_inquiry tr:last-child > td {
  border-bottom: none;
}
.tb_inquiry input[type=text] {
  width: 70%;
  padding: 5px;
  font-size: 14px;
}
.tb_inquiry textarea {
  width: 70%;
  font-size: 14px;
  padding: 10px;
}

span.required {
  float: right;
  width: 46px;
  background: #f1a516;
  padding: 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  text-align: center;
}

#p_submit {
  margin: 20px 0;
  text-align: center;
}

span#reset {
  cursor: pointer;
  width: 267px;
  height: 50px;
  display: inline-block;
  background: #a59b88;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  line-height: 50px;
}
span#reset:hover {
  background: #c6bfb0;
}

input#submit {
  width: 267px;
  height: 50px;
  border: none;
  background: #f1a516;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  margin-left: 23px;
  cursor: pointer;
}
input#submit:hover {
  background: #ffd247;
}


#p_submit button{
	border-style: none;
	background: none;
}