@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
/* CSS Document */
/*------------- reset -------------*/
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,
sub,
sup,
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: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

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

nav ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

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

button {
  outline: none !important; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  cursor: pointer; }

ins {
  background-color: none;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input,
select {
  vertical-align: middle; }

/*------------- base -------------*/
* {
  box-sizing: border-box; }

body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  color: #4b4b4b;
  line-height: 2; }
  @media screen and (max-width: 768px) {
    body {
      font-size: 14px; } }

a,
a:link,
a:hover {
  text-decoration: none; }

ul {
  list-style: none; }

img {
  padding: 0px;
  margin: 0px;
  vertical-align: bottom;
  max-width: 100%;
  height: auto; }

a:hover {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }

a:hover {
  opacity: 0.6; }

.clearfix:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0; }

.clearfix {
  display: inline-block; }

/* exlude MacIE5 \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* end MacIE5 */
.clear {
  clear: both; }

.bg-primary {
  background: #fe6230 !important; }

.bg-secondary {
  background: #1a6bae !important; }

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
  background-color: #fe6230 !important; }

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
  background-color: #1a6bae !important; }

/*------------- layout -------------*/
.container-small {
  max-width: 935px;
  margin: 0 auto; }

/* CSS Document */
/*------------- header -------------*/
body {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

.l-header {
  width: 100%;
  height: 90px;
  position: fixed;
  /*position: static;*/
  top: 0;
  left: 0;
  background: #fff;
  z-index: 9999;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  /*&.thin {
  	height: 90px;
  	.dropdown .btn {
  		padding: 30px 45px;
  	}
  	.navbar {
  		height: 90px;
  	}
  	.nav-item.nav-item-default {
  		padding: 19px 34px;
  	}
  	.dropdown-menu {
  		top: 90px;
  		transition: all 0.5s ease;
  		-webkit-transition: all 0.5s ease;
  		-moz-transition: all 0.5s ease;
  		-o-transition: all 0.5s ease;
  	}
  }*/ }
  .l-header .dropdown {
    position: inherit; }
  .l-header .nav-item .contact {
    margin-left: 20px; }
  @media screen and (max-width: 1070px) {
    .l-header .nav-item {
      margin-right: 10px; } }
  .l-header .nav-item--btoc:hover .btn {
    background: #fe6230;
    color: #fff;
    opacity: 1; }
  .l-header .nav-item--btob:hover .btn {
    background: #1a6bae;
    color: #fff;
    opacity: 1; }
  .l-header .dropdown-menu {
    position: absolute;
    top: 90px;
    border: none;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 1000;
    background: none;
    margin: 0;
    padding: 0; }
    .l-header .dropdown-menu .box {
      margin-top: 0;
      padding: 60px 0 80px;
      border-radius: 0;
      box-shadow: rgba(0, 0, 0, 0.16) 0 4px 2px; }
      .l-header .dropdown-menu .box--btoc {
        border-top: #fe6230 6px solid;
        background: #fff2ee; }
        .l-header .dropdown-menu .box--btoc .c-head02 a:after {
          color: #fe6230; }
        .l-header .dropdown-menu .box--btoc .header-list li a:before {
          color: #fe6230; }
      .l-header .dropdown-menu .box--btob {
        border-top: #1a6bae 6px solid;
        background: #f8fafc; }
        .l-header .dropdown-menu .box--btob .c-head02 a:after {
          color: #1a6bae; }
        .l-header .dropdown-menu .box--btob .header-list li a:before {
          color: #1a6bae; }
    .l-header .dropdown-menu .wrap {
      padding: 17px; }
      .l-header .dropdown-menu .wrap.wrap02 {
        padding: 17px 0; }
    .l-header .dropdown-menu p {
      font-size: 14px; }
    .l-header .dropdown-menu:after {
      position: absolute;
      content: "";
      width: 100%;
      height: 10000px;
      z-index: 1;
      filter: blur(5px); }
  .l-header .dropdown-item-wrap .inner {
    background: #fefdfc; }
  .l-header .header-list {
    border-bottom: #dddddd 1px solid; }
    .l-header .header-list li {
      width: 50%;
      border-bottom: #dddddd 1px solid;
      /*&:nth-child(7), &:nth-child(8) {
      	border-bottom: none;
      }*/ }
      .l-header .header-list li a {
        display: block;
        font-size: 14px;
        padding: 10px; }
        .l-header .header-list li a:before {
          font-family: "Font Awesome 5 Free";
          content: "\f054";
          font-weight: 900;
          padding-right: 10px;
          color: #fe6230; }
  .l-header .tab-pane--btob .header-list li a:before {
    color: #007bff; }
  .l-header .tab-pane--btoc .header-list li a:before {
    color: #fe6230; }
  @media screen and (max-width: 991px) {
    .l-header {
      height: auto; }
      .l-header .navbar-brand {
        width: 180px; }
      .l-header .header-list {
        border-bottom: none;
        margin-bottom: 20px; }
        .l-header .header-list li {
          width: 100%; }
          .l-header .header-list li:nth-child(7), .l-header .header-list li:nth-child(8) {
            border-bottom: #dddddd 1px solid; }
          .l-header .header-list li a {
            display: block;
            font-size: 14px;
            padding: 10px;
            color: inherit; }
            .l-header .header-list li a:before {
              font-family: "Font Awesome 5 Free";
              content: "\f054";
              font-weight: 900;
              padding-right: 10px; }
        .l-header .header-list--footer {
          background: #fff;
          width: calc(100% + 20px);
          margin: 20px 0 0 -10px; } }

.dropdown-item-denki {
  background: #f5f5f5;
  padding: 20px;
  width: calc(100% - 40px);
  margin: 0 auto; }

.dropdown-item:hover {
  background: inherit; }

.dropdown-item {
  white-space: normal; }

.navbar {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #e2e2e2;
  height: 90px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0 1px 2px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; }
  .navbar-brand {
    padding-left: 35px; }
  @media screen and (max-width: 991px) {
    .navbar {
      height: 80px;
      padding: 10px 0; }
      .navbar .navbar-brand {
        margin-left: 10px;
        padding-left: 0; } }

.nav {
  align-items: center; }
  .nav.pc {
    display: flex; }
  @media screen and (max-width: 991px) {
    .nav.pc {
      display: none; }
    .nav.sp {
      display: inherit; } }

.navbar-expand-lg .navbar-collapse {
  justify-content: flex-end; }

.dropdown .btn {
  padding: 30px 30px;
  border-radius: 0;
  background: none;
  color: #707070;
  font-size: 20px;
  border: none; }
  .dropdown .btn:after {
    display: none; }

.show > .btn--btoc.dropdown-toggle {
  background: #fe6230; }

.show > .btn--btob.dropdown-toggle {
  background: #1a6bae; }

.nav-item.nav-item-default {
  padding: 30px; }

.nav-item a {
  font-size: 20px;
  color: inherit; }

.nav-item .btn-primary {
  font-size: 16px;
  background: #1a6bae;
  color: #fff; }
  .nav-item .btn-primary:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0e0";
    font-weight: 900;
    padding-right: 10px; }

.navbar-toggler {
  border: none; }

.navbar-toggler-icon:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0c9";
  font-weight: 900;
  color: #0b307e;
  font-size: 30px; }

.navbar-toggler.open .navbar-toggler-icon:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #0b307e;
  content: "\f00d";
  font-size: 30px; }

.nav.u-pc {
  display: flex !important; }
  @media screen and (max-width: 991px) {
    .nav.u-pc {
      display: none !important; } }

.nav-tabs--header-sp {
  display: none !important; }
  @media screen and (max-width: 991px) {
    .nav-tabs--header-sp {
      display: flex !important;
      padding-top: 20px; } }

@media screen and (max-width: 991px) {
  .navbar-collapse {
    position: absolute;
    z-index: 10000;
    top: 73px;
    left: 0;
    width: 100%;
    background: #fff; } }

/*------------- 追加 20220128 -------------*/
.l-header p,
.l-header .header-list a,
.l-header .c-head02 {
  color: #212529 !important; }

/* CSS Document */
/*------------- footer -------------*/
.l-footer {
  border-top: 8px solid #f5f5f5;
  /*border-bottom: 8px solid #f5f5f5;*/ }
  .l-footer .footer-upper {
    padding: 10px 0; }
    .l-footer .footer-upper a {
      font-weight: normal;
      margin: 0 30px; }
      .l-footer .footer-upper a:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: #0b307e;
        content: "\f054";
        padding-right: 10px; }
  .l-footer .footer-lower {
    padding: 10px 0;
    font-size: 13px;
    color: #fff;
    text-align: center;
    background: #707070; }
  @media screen and (max-width: 768px) {
    .l-footer {
      border: none; }
      .l-footer .footer-upper {
        display: none; } }

/* CSS Document */
/*------------- top -------------*/
#top h2 {
  font-size: 30px;
  font-weight: bold;
  margin: 50px 0 25px; }
  #top h2 span {
    color: #3F3F3F;
    font-size: 20px;
    font-weight: bold;
    margin-left: 30px; }
#top p {
  font-size: 16px;
  white-space: 1px;
  margin: 15px 0; }
#top .btob h2 {
  color: #1A6BAD; }
#top .btoc h2 {
  color: #FE6231; }

/*---- slider ----*/
.slider {
  margin: 0 auto 80px; }

.slick-slide img {
  width: 100%;
  height: auto; }

.slick-slide {
  margin: 0 75px;
  width: 1170px; }

.slick-next {
  right: 306px; }
  @media screen and (max-width: 1279px) {
    .slick-next {
      right: 46px; } }

.slick-prev {
  left: 273px; }
  @media screen and (max-width: 1279px) {
    .slick-prev {
      left: 16px; } }

.slick-arrow {
  top: 44%;
  z-index: 1; }

.slick-arrow:before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  color: #fff;
  font-size: 77px;
  opacity: 1; }

.slick-prev:before {
  content: "\f053"; }

.slick-dots {
  bottom: -53px;
  width: 80%;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 100%; }
  .slick-dots li {
    width: 12%; }
    .slick-dots li button {
      width: 100%;
      height: 10px;
      background: #fff; }
      .slick-dots li button:before {
        display: none; }
  .slick-dots .slick-active button {
    background: #ffd301; }

.fv--second .slick-arrow:before,
.fv--btob .slick-arrow:before {
  color: #fe6230; }

.fv--second .slick-arrow:before,
.fv--btob .slick-arrow:before {
  color: #fe6230; }

@media screen and (max-width: 768px) {
  .slider {
    margin: 0 auto 0px; }

  .slick-dotted.slick-slider {
    margin-bottom: 0; }

  .slick-slide img {
    width: 100%;
    height: auto; }

  .slick-slide {
    margin: 0px;
    width: 100%; }

  .slick-next {
    right: 10px; }

  .slick-prev {
    left: 10px; }

  .slick-arrow {
    top: 44%; }

  .slick-arrow:before {
    color: #fff;
    font-size: 30px; }

  .slick-dots {
    bottom: 20px;
    width: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 100%; }
    .slick-dots li {
      width: 15%; }
      .slick-dots li button:before {
        display: none; }
    .slick-dots .slick-active {
      width: 30%; } }
/*---- c-tabs ----*/
.c-tabs {
  display: flex;
  width: 900px;
  margin: 0 auto;
  max-width: 100%;
  border: none; }
  .c-tabs .nav-item {
    width: 45%;
    margin: 0; }
    .c-tabs .nav-item .nav-link {
      opacity: 1;
      display: block;
      text-align: center;
      font-size: 25px;
      color: #fff;
      font-weight: bold;
      padding: 40px 0;
      margin: 0;
      border: none; }
      .c-tabs .nav-item .nav-link--btoc {
        color: #fe6230;
        background: #fff;
        border-radius: 6px 0 0 0; }
        .c-tabs .nav-item .nav-link--btoc[aria-expanded="false"] {
          color: #fff;
          background: #fe6230;
			/*background-image: url(/images/circle-chevron-right-solid.svg);
			background-repeat: no-repeat;
    background-position: right;
    background-size: 25px;
    background-position-x: 362px;
    background-position-y: 55px;*/
}
        .c-tabs .nav-item .nav-link--btoc[aria-expanded="true"], .c-tabs .nav-item .nav-link--btoc.active {
          color: #fe6230;
          background: #fff; }
      .c-tabs .nav-item .nav-link--btob {
        color: #fff;
        background: #1a6bae;
        border-radius: 0 6px 0 0; }
        .c-tabs .nav-item .nav-link--btob[aria-expanded="false"] {
          color: #fff;
          background: #1a6bae; }
        .c-tabs .nav-item .nav-link--btob[aria-expanded="true"], .c-tabs .nav-item .nav-link--btob.active {
          color: #1a6bae;
          background: #fff; }
  @media screen and (max-width: 768px) {
    .c-tabs .nav-item .nav-link {
      font-size: 16px;
      padding: 10px 0; } }

.tab-content--service {
  font-size: 25px; }
  @media screen and (max-width: 991px) {
    .tab-content--service .inner {
      background: #fff; } }

.tab-content--header-sp {
  display: none; }
  @media screen and (max-width: 991px) {
    .tab-content--header-sp {
      display: block; }
      .tab-content--header-sp .tab-pane {
        padding: 40px 15px; }
        .tab-content--header-sp .tab-pane--btoc {
          background: #fff2ee;
          border-top: #fe6230 solid 6px; }
          .tab-content--header-sp .tab-pane--btoc a:after {
            color: #fe6230; }
        .tab-content--header-sp .tab-pane--btob {
          background: #f8fafc;
          border-top: #1a6bae solid 6px; } }

.c-head01 {
  color: #fff;
  font-weight: bold;
  font-size: 25px;
  padding: 20px; }
  .c-head01--btoc {
    background: #fe6230; }
  .c-head01--btob {
    background: #1a6bae; }
  .c-head01 span {
    font-size: 16px;
    opacity: 0.6;
    display: inline-block;
    padding-left: 20px; }
  .c-head01 a {
    color: #fff;
    display: block;
    font-size: 25px;
    position: relative; }
    .c-head01 a:after {
      position: absolute;
      right: 0px;
      top: 3px;
      font-family: "Font Awesome 5 Free";
      content: "\f054";
      font-weight: 900; }
  @media screen and (max-width: 768px) {
    .c-head01 {
      font-size: 20px;
      padding: 15px; }
      .c-head01 span {
        font-size: 12px;
        display: block;
        padding-left: 0px; }
      .c-head01 a:after {
        top: 21px; } }

.c-head02 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
  position: relative; }
  .c-head02 a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
    padding-left: 20px; }
  .c-head02 span {
    font-size: 12px;
    font-weight: normal;
    color: #c0c0c0;
    display: block; }
  @media screen and (max-width: 768px) {
    .c-head02 {
      padding: 17px;
      margin-bottom: 0; }
      .c-head02--btob {
        color: #fff;
        background: #1a6bae;
        margin-top: 20px; }
      .c-head02 a {
        color: inherit;
        position: relative;
        display: block; }
        .c-head02 a:after {
          position: absolute;
          top: 11px;
          right: 0px;
          color: #fff; }
      .c-head02.arrow a:after {
        color: #1a6bae; } }

.c-head03 {
  padding: 5px 40px;
  color: #fff;
  font-weight: bold;
  font-size: 16px; }
  .c-head03--btoc {
    background: #fe6230; }
  .c-head03--btob {
    background: #1a6bae; }

.c-head04 {
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  margin: 60px 0; }
  .c-head04 span {
    color: #4b4b4b;
    font-size: 16px;
    display: block;
    opacity: 0.6;
    margin-top: 0.8em;
    font-weight: normal; }
  .c-head04--btoc {
    color: #fe6230; }
  .c-head04--btob {
    color: #1a6bae; }
  @media screen and (max-width: 768px) {
    .c-head04 {
      font-size: 23px;
      margin: 40px 0; }
      .c-head04 span {
        font-size: 12px; } }

.c-head05 {
  font-size: 30px;
  position: relative;
  text-align: center;
  padding: 10px 0 50px; }
  .c-head05 span {
    padding: 0 1.5em;
    position: relative;
    z-index: 1;
    background: #fff; }
  .c-head05:after {
    content: "";
    position: absolute;
    top: 29px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #c0c0c0; }
  .c-head05--btoc span {
    background: #fef8f6; }
  .c-head05--btob span {
    background: #f8fafc; }
  @media screen and (max-width: 768px) {
    .c-head05 {
      font-size: 20px;
      padding: 50px 0; }
      .c-head05:after {
        top: 60px; } }

.c-head06 {
  font-size: 20px;
  font-weight: bold;
  background: linear-gradient(transparent 60%, #fe6230 60%);
  border-left: none !important;
  margin-bottom: 20px; }

/*------------- top -------------*/
/*------------- top-news -------------*/
.top-news .list-group a {
  opacity: 1;
  display: block;
  position: relative; }
  .top-news .list-group a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
    color: #d3d3d3;
    position: absolute;
    right: 10px;
    top: calc(50% - 14px); }
.top-news .date {
  font-size: 14px;
  font-weight: bold;
  display: block;
  text-align: center; }
.top-news .category {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  display: block;
  text-align: center; }
.top-news .line {
  text-decoration: underline; }
.top-news .c-btn01:after {
  right: 33px;
  font-size: 16px;
  top: 11px; }
@media screen and (max-width: 768px) {
  .top-news {
    margin-top: 0; }
    .top-news .list-group a {
      border: none;
      border-bottom: 1px solid #e4e4e4;
      padding: 1rem 0;
      margin-bottom: 1px; }
      .top-news .list-group a:last-child {
        border: none; }
      .top-news .list-group a:after {
        display: none; }
    .top-news .col-md-2 {
      display: flex;
      margin-bottom: 10px; }
    .top-news .date {
      width: 60%;
      text-align: left;
      padding-left: 10px;
      box-sizing: border-box;
      order: 1; }
    .top-news .category {
      width: 40%;
      order: 0; } }

/*------------- top-contents -------------*/
.top-contents {
  margin: -140px 0 45px; }

/*------------- card--service -------------*/
.card--service {
  border: none;
  display: flex; }
  .card--service .card-title {
    font-size: 25px;
    font-weight: bold;
    border: none;
    padding: 0; }
    .card--service .card-title--small {
      font-size: 20px; }
    .card--service .card-title span {
      font-size: 16px;
      display: block;
      color: #c0c0c0;
      margin-bottom: 0.5em;
      font-weight: normal; }
  .card--service .card-text {
    font-size: 16px; }
  .card--service a {
    font-size: 14px; }
    .card--service a:before {
      padding-right: 10px;
      font-family: "Font Awesome 5 Free";
      content: "\f054";
      font-weight: 900; }
  .card--service-btoc .card-title,
  .card--service-btoc a {
    color: #fe6230; }
  .card--service-btob .card-title,
  .card--service-btob a {
    color: #1a6bae; }
  @media screen and (max-width: 768px) {
    .card--service .card-title {
      font-size: 18px; }
      .card--service .card-title span {
        font-size: 12px; }
    .card--service .card-text {
      font-size: 14px; } }

/*------------- card--service -------------*/
/*------------- card--service -------------*/
.service-menu--btoc {
  background: #fef8f6; }
.service-menu--btob {
  padding-bottom: 50px;
  background: #f8fafc; }
.service-menu .card {
  background: none;
  border: none;
  margin-bottom: 70px; }
.service-menu .card-body {
  padding: 20px 0 0 0; }
.service-menu .card-title a {
  font-size: 14px;
  font-weight: bold;
  position: relative;
  display: block;
  color: #4b4b4b; }
  .service-menu .card-title a:after {
    position: absolute;
    right: 0px;
    top: 0px;
    padding-right: 10px;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
    color: #fe6230; }
.service-menu .card-text {
  font-size: 13px; }
.service-menu .card-info {
  font-size: 11px;
  margin-top: 1em; }
  .service-menu .card-info span {
    color: #fff;
    background: #fe6230;
    padding: 0.2em 2em;
    margin-right: 10px;
    display: inline-block;
    border-radius: 50px; }
@media screen and (max-width: 768px) {
  .service-menu .row .card:first-child .card-body {
    padding-top: 0; }
  .service-menu .card {
    margin-bottom: 0px; }
  .service-menu .card-image {
    display: none; }
  .service-menu .card-body {
    padding: 30px 0;
    border-bottom: dotted 1px #c0c0c0; } }

.cp_box input {
  display: none; }

@media screen and (max-width: 768px) {
  .cp_box *,
  .cp_box *:before,
  .cp_box *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

  .cp_box {
    position: relative; }

  .cp_box label {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 140px;
    /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
    background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%); }

  .cp_box input:checked + label {
    background: inherit;
    /* 開いた時にグラデーションを消す */ }

  .cp_box label:after {
    line-height: 2.5rem;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 5%;
    width: 90%;
    content: "続きを見る";
    font-size: 13px;
    color: #4b4b4b;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #e4e4e4; }

  .cp_box label:before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    font-weight: 900;
    right: 9%;
    bottom: 25px;
    z-index: 3;
    font-size: 18px; }

  .cp_box .cp_container {
    overflow: hidden;
    height: 500px;
    /* 開く前に見えている部分の高さ */
    transition: all 0.5s; }

  .cp_box input:checked + label:after {
    content: "隠す"; }

  .cp_box input:checked + label:before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\f077";
    font-weight: 900;
    right: 9%;
    bottom: 25px;
    z-index: 3;
    font-size: 18px; }

  .cp_box input:checked ~ .cp_container {
    height: auto;
    padding-bottom: 80px;
    /* 閉じるボタンのbottomからの位置 */
    transition: all 0.5s; } }
@media screen and (max-width: 768px) {
  #tab06 .c-head04,
  #tab08 .c-head04,
  #tab09 .c-head04,
  #tab10 .c-head04,
  #tab11 .c-head04,
  #tab12 .c-head04 {
    margin: 55px 0 47px; } }
.service-menu-tab {
  width: 100%;
  padding: 29px 0;
  text-align: center; }
  .service-menu-tab--btoc {
    background: #e4582b; }
  .service-menu-tab--btob {
    background: #1461a1; }
  .service-menu-tab .nav-item {
    width: auto;
    margin: 0 12px; }
    .service-menu-tab .nav-item .nav-link {
      font-size: 25px;
      font-weight: bold;
      color: #fff;
      padding: 0;
      display: inline;
      position: relative;
      padding: 0 0.2em 0 1.2em;
      background: none !important; }
      .service-menu-tab .nav-item .nav-link:hover {
        background: none; }
      .service-menu-tab .nav-item .nav-link.active:before {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        background: #ffd500;
        width: 100%;
        height: 8px; }
      .service-menu-tab .nav-item .nav-link.active:after {
        font-family: "Font Awesome 5 Free";
        content: "\f054";
        font-weight: 900;
        padding-right: 15px;
        position: absolute;
        left: 0.2em;
        top: 0; }
  @media screen and (max-width: 768px) {
    .service-menu-tab {
      display: none; } }

.service-menu-tab--btoc .nav-item {
  margin: 0 100px 0 0;
  padding-right: 80px; }

.service-menu-tab--btoc .nav-item:nth-child(2) {
  margin: 0 0 0 0px; }

@media screen and (max-width: 768px) {
  .tab-content--service--lower .tab-pane {
    display: block; }
  .tab-content--service--lower .tab-pane-first.tab-pane--btoc {
    border-top: #e4582b 12px solid; }
  .tab-content--service--lower .tab-pane-first.tab-pane--btob {
    border-top: #1461a1 12px solid; } }

@media screen and (max-width: 768px) {
  .first-tab .nav-link {
    padding: 25px 0 !important; } }
/* CSS Document */
/*------------- footer -------------*/
@media (min-width: 768px) {
  .sidebar {
    position: sticky;
    top: 28px;
    z-index: 99; } }
.sidebar .btn-custom-group .btn-list .btn-list-item a {
  font-size: 14px;
  display: block;
  padding: 0.75rem 1rem 0.75em 3rem;
  text-indent: -1.6rem;
  font-weight: bold;
  cursor: pointer; }
.sidebar .btn-custom-group .btn-list .btn-list-item.head a {
  font-size: 16px; }

/* breadcrumb */
/*------------- breadcrumb -------------*/
.breadcrumb {
  margin: 0;
  padding: 20px 0;
  background: none;
  color: #707070;
  font-size: 14px; }
  .breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: 2em; }
    .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
      content: ">";
      padding-right: 2em; }
  .breadcrumb a {
    color: #707070;
    font-size: 14px; }
  @media screen and (max-width: 768px) {
    .breadcrumb {
      display: none; } }

/* CSS Document */
/*------------- typography -------------*/
.fv {
  background-size: cover;
  padding: 145px 0 150px;
  margin-bottom: 70px; }
  .fv h1 {
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 0px; }
    .fv h1 span {
      display: block;
      font-size: 20px;
      margin-bottom: 10px; }
  .fv.fv-top {
    height: 713px;
    background: url("/images/fv-top.jpg") center center no-repeat; }
    @media (max-width: 576px) {
      .fv.fv-top {
        height: 75vh; } }

#page .fv {
  padding: 100px 0 100px; }
  #page .fv.indexpage {
    padding: 180px 0 180px; }
  #page .fv.fv-default {
    background: #707070; }
  #page .fv.fv-carlife {
    background: url("/images/fv-carlife.jpg") center center no-repeat; }
    #page .fv.fv-carlife h1 {
      color: #fe6230 !important; }
  #page .fv.fv-eneosdenki {
    background: url("/images/fv-eneosdenki.jpg") center center no-repeat; }
  #page .fv.fv-electric-power {
    background: url("/images/fv-electric-power.jpg") center center no-repeat; }
  #page .fv.fv-cycowood {
    background: url("/images/fv-cycowood.jpg") center center no-repeat; }
  #page .fv.fv-casting {
    background: url("/images/fv-casting.jpg") center center no-repeat; }
  #page .fv.fv-lubricants {
    background: url("/images/fv-lubricants.jpg") center center no-repeat; }
  #page .fv.fv-paraffin {
    background: url("/images/fv-paraffin.jpg") center center no-repeat; }
    #page .fv.fv-paraffin h1 {
      color: #1a6bae !important; }
  #page .fv.fv-ligroine {
    background: url("/images/fv-ligroine.jpg") center center no-repeat; }
#page.btob .fv.fv-default {
  background: #1a6bae; }
#page.btoc .fv.fv-default {
  background: #fe6230; }

#page sup {
  font-size: 70%; }
#page .contents-header {
  margin-bottom: 120px; }
#page .contents-area {
  margin-bottom: 120px; }
#page h2 {
  font-size: 30px;
  font-weight: bold;
  padding: 2em 0.5em;
  text-align: center;
  border-top-color: #f8fafc;
  border-top: 3px solid;
  margin: 50px 0 20px;
  line-height: 1.8; }
#page main.two-column h2 {
  text-align: left;
  margin: 50px 0 20px; }
#page h3 {
  font-size: 23px;
  font-weight: bold;
  color: #777777;
  padding: 1.5em 0.5em;
  text-align: center;
  position: relative;
  line-height: 1.8;
  margin: 40px 0 30px; }
  @media (max-width: 768px) {
    #page h3 {
      text-align: center; } }
#page h4 {
  font-size: 20px;
  font-weight: bold;
  padding: 0.25em 0.5em;
  color: #777777;
  border-left-color: #f8fafc;
  border-left: 7px solid;
  border-bottom-color: #f8fafc;
  border-bottom: 1px solid;
  line-height: 1.8;
  letter-spacing: .05em;
  margin: 30px 0 20px; }
#page h5 {
  font-size: 18px;
  font-weight: bold;
  padding: 0.25em;
  color: #777777;
  border-bottom: 1px solid;
  border-bottom-color: #f8fafc;
  line-height: 1.8;
  letter-spacing: .05em;
  margin: 30px 0 20px; }
  @media (max-width: 768px) {
    #page h5 {
      font-size: 16px; } }
#page h6 {
  font-size: 16px;
  font-weight: bold;
  color: #4b4b4b;
  line-height: 1.8;
  letter-spacing: .05em;
  margin: 25px 0 15px; }
  @media (max-width: 768px) {
    #page h6 {
      font-size: 14px; } }
#page p {
  line-height: 1.8;
  letter-spacing: .05em;
  margin: 15px 0; }
  @media (max-width: 768px) {
    #page p {
      font-size: 14px; } }
#page.btob h2, #page.btob h3 {
  color: #1a6bae; }
#page.btob h3 {
  background: #f8fafc; }
#page.btob h4 {
  color: #1a6bae;
  border-left-color: #1a6bae;
  border-bottom-color: #1a6bae; }
#page.btob h5 {
  color: #1a6bae;
  border-bottom-color: #1a6bae; }
#page.btoc h2, #page.btoc h3 {
  color: #fe6230; }
#page.btoc h3 {
  background: #fef8f6; }
#page.btoc h4 {
  color: #fe6230;
  border-left-color: #fe6230;
  border-bottom-color: #fe6230; }
#page.btoc h5 {
  color: #fe6230;
  border-bottom-color: #fe6230; }
#page.btoc .bg-separate h3 span {
  background: #fef8f6; }
#page.btoc hgroup h2 {
  color: #fe6230; }
#page.btoc hgroup .sub-copy {
  color: #4b4b4b; }
#page.btoc .h4-special {
  color: #212529;
  padding-left: 5px;
  padding-bottom: 10px;
  border-left: none;
  border-bottom: #fe6230 10px solid; }

#page .h301 {
  margin-top: 110px; }
  @media screen and (max-width: 768px) {
    #page .h301 {
      margin-top: 80px; } }
#page .h302 {
  margin-bottom: 70px; }
  @media screen and (max-width: 768px) {
    #page .h302 {
      margin-bottom: 50px; } }

/*-------　text ----------------------------------*/
.text-red {
  color: #ff0000; }

.text-green {
  color: #1c8f75; }

.text-blue {
  color: #096cc2; }

/*-------　marker  ----------------------------------*/
.marker-yellow {
  background: linear-gradient(transparent 60%, #ffff66 60%); }

/*-------　border-box  ----------------------------------*/
.box {
  margin-top: 50px;
  background: #fff;
  border-top: 9px solid #eaeaea;
  padding: 40px 30px; }

.btoc .box {
  border-top: 9px solid #fe6230; }

.border-box {
  padding: 30px 35px;
  margin-bottom: 60px; }
  @media screen and (max-width: 768px) {
    .border-box {
      padding: 22px 35px; } }
  .border-box-lightgray {
    border: 5px solid #eaeaea; }
  .border-box.bg-lightgray {
    background: #fbfbfb; }
  .border-box-red {
    border: 5px solid #ffcccc; }
  .border-box.bg-red {
    background: #fff9f9; }
  .border-box label {
    display: none; }
  @media screen and (max-width: 768px) {
    .border-box label {
      display: block; }
    .border-box h4 {
      padding-left: 15px;
      border-left: 7px solid;
      margin-bottom: 1em; }
    .border-box .cp_box .cp_container {
      height: 200px;
      /* 開く前に見えている部分の高さ */ }
    .border-box .cp_box input:checked ~ .cp_container {
      height: auto;
      padding-bottom: 80px;
      /* 閉じるボタンのbottomからの位置 */
      transition: all 0.5s; } }

/* CSS Document */
/******************************
Other
******************************/
/*------------- bg-separate -------------*/
.table {
  font-size: 14px;
  margin: 15px 0; }
  .table thead th, .table thead td, .table tbody th, .table tbody td {
    line-height: 1.8;
    letter-spacing: .08em; }
  .table.table-sm thead th, .table.table-sm thead td, .table.table-sm tbody th, .table.table-sm tbody td {
    padding: .25rem; }

.table-bordered {
  background: #fff; }
  .table-bordered thead th {
    background: #f8f8f8;
    border-bottom: none;
    text-align: center;
    font-weight: bold; }
  .table-bordered tbody th {
    background: #f8f9fa; }
  .table-bordered tbody td.th {
    font-weight: bold; }

.table-transform {
  margin: 20px 0; }
  .table-transform .table-bordered {
    margin: 0; }
    .table-transform .table-bordered tbody th {
      width: 25%; }

@media (max-width: 576px) {
  .table-transform .table-bordered {
    font-size: 13px; }
    .table-transform .table-bordered th::before,
    .table-transform .table-bordered td::before {
      content: attr(data-label);
      display: inline;
      font-size: .8rem;
      color: #606060;
      margin-bottom: 0.2rem; }
    .table-transform .table-bordered thead {
      display: none; }
    .table-transform .table-bordered tbody th,
    .table-transform .table-bordered tbody td {
      display: block;
      text-align: left;
      width: 100%; }
    .table-transform .table-bordered tbody.th {
      background: #fcfdff; } }
@media screen and (max-width: 768px) {
  .table {
    font-size: 13px; }

  .scroll-hint.is-right-scrollable {
    background: none; }

  .scroll-hint.is-right-scrollable.is-left-scrollable {
    background: none; }

  .scroll-hint.is-left-scrollable {
    background: none; } }
/* CSS Document */
/*------------- service-link -------------*/
.service-link span {
  display: block;
  margin: 5px 0;
  font-size: 12px; }

/*------------- icon -------------*/
a {
  color: #4b4b4b; }

.ico {
  font-weight: bold;
  cursor: pointer; }
  .ico:before {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
    padding-right: 1em; }
  .ico.ico-pagelink:before {
    content: "\f078"; }
  .ico.ico-exlink:before {
    content: "\f35d";
    color: #096cc2; }
  .ico.ico-pdf:before {
    content: "\f1c1";
    color: #ff0000;
    font-weight: 400; }

/*------------- btn-list  -------------*/
.btn-custom-group .btn-list {
  border: 1px solid #dddddd; }
  .btn-custom-group .btn-list .btn-list-item {
    border-top: 1px solid #dddddd; }
    .btn-custom-group .btn-list .btn-list-item a {
      display: block;
      padding: 1rem 1rem 1rem 3rem;
      text-indent: -1.6rem;
      font-weight: bold;
      cursor: pointer; }
      .btn-custom-group .btn-list .btn-list-item a:before {
        font-family: "Font Awesome 5 Free";
        content: "\f054";
        font-weight: 900;
        padding-right: 1rem; }
      .btn-custom-group .btn-list .btn-list-item a.ico-pagelink:before {
        content: "\f078"; }
      .btn-custom-group .btn-list .btn-list-item a.ico-exlink:before {
        content: "\f35d";
        color: #096cc2; }
      .btn-custom-group .btn-list .btn-list-item a.ico-pdf:before {
        content: "\f1c1";
        color: #ff0000;
        font-weight: 400; }
    .btn-custom-group .btn-list .btn-list-item.head {
      background: #fafafa;
      border: none; }
  .btn-custom-group .btn-list .btn-custom-group-default {
    box-shadow: none;
    display: block; }
    .btn-custom-group .btn-list .btn-custom-group-default a {
      color: #848484; }
  .btn-custom-group .btn-list.btn-list-outline {
    margin: 30px 0 80px;
    border-radius: 10px;
    border: #ddd 3px solid; }
    .btn-custom-group .btn-list.btn-list-outline .btn-list-item:first-child {
      border: none; }

/*------------- btn-custom -------------*/
.btn.btn-custom {
  position: relative;
  font-weight: bold;
  padding: 1em;
  border-radius: 6px;
  text-align: center;
  display: block; }
  .btn.btn-custom:before {
    position: absolute;
    top: 1em;
    right: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 1em; }
  .btn.btn-custom:hover {
    opacity: 1; }
  .btn.btn-custom.ico-exlink:before {
    content: "\f35d"; }
  .btn.btn-custom.ico-pagelink:before {
    content: "\f078"; }
  .btn.btn-custom.ico-pdf:before {
    content: "\f1c1"; }
  .btn.btn-custom-default {
    border: 1px solid #dddddd; }
    .btn.btn-custom-default:before {
      content: "\f054"; }
    .btn.btn-custom-default:hover {
      opacity: 1;
      background: #e5e5e5;
      color: #a8a8a8; }
    .btn.btn-custom-default.ico-exlink:before {
      color: #096cc2; }
    .btn.btn-custom-default.ico-pagelink:before {
      content: "\f078"; }
    .btn.btn-custom-default.ico-pdf:before {
      color: #ff0000; }
  .btn.btn-custom-success {
    color: #fff !important;
    background: #1c8f75; }
    .btn.btn-custom-success:before {
      content: "\f054"; }
    .btn.btn-custom-success:hover {
      opacity: 1;
      background: #187b65;
      color: #1c8f75 !important; }
    .btn.btn-custom-success.ico-exlink:before {
      color: #fff; }
    .btn.btn-custom-success.ico-pagelink:before {
      content: "\fff"; }
    .btn.btn-custom-success.ico-pdf:before {
      color: #fff; }
  .btn.btn-custom-attention {
    color: #fff !important;
    background: #ff6a6a; }
    .btn.btn-custom-attention:before {
      content: "\f054"; }
    .btn.btn-custom-attention:hover {
      opacity: 1;
      background: #de5c5c;
      color: #ff6a6a !important; }
    .btn.btn-custom-attention.ico-exlink:before {
      color: #fff; }
    .btn.btn-custom-attention.ico-pagelink:before {
      content: "\fff"; }
    .btn.btn-custom-attention.ico-pdf:before {
      color: #fff; }
  .btn.btn-custom-back:before {
    content: "\f053";
    right: 90%;
    padding-top: 2px; }

.btob .btn.btn-custom-default {
  color: #fff !important;
  background: #1a6bae !important;
  border: #1a6bae 1px solid !important; }
  .btob .btn.btn-custom-default:before {
    color: #fff !important; }
  .btob .btn.btn-custom-default:hover {
    background: #1a6bae !important;
    color: #096cc2 !important; }
    .btob .btn.btn-custom-default:hover:before {
      color: #096cc2 !important; }

.btoc .btn.btn-custom-default {
  color: #fff !important;
  background: #fe6230 !important;
  border: #fe6230 1px solid !important; }
  .btoc .btn.btn-custom-default:before {
    color: #fff !important; }
  .btoc .btn.btn-custom-default:hover {
    background: #db5529 !important;
    color: #fe6230 !important; }
    .btoc .btn.btn-custom-default:hover:before {
      color: #fe6230 !important; }

/*------------- btn-block-list -------------*/
.btn-custom-group .btn-block-list {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  background: #fff; }
  .btn-custom-group .btn-block-list > li {
    width: 16.66%;
    border-right: 1px solid #efefef;
    margin-bottom: 20px; }
    .btn-custom-group .btn-block-list > li:nth-child(6n) {
      border-right: none; }
    .btn-custom-group .btn-block-list > li > a {
      display: block;
      text-align: center;
      position: relative;
      color: #4b4b4b;
      align-items: center;
      text-align: center;
      line-height: 1.4;
      padding: 10px 28px 10px 5px; }
      .btn-custom-group .btn-block-list > li > a:before {
        position: absolute;
        width: 14px;
        height: 16px;
        top: 0;
        bottom: 0;
        right: 15px;
        margin: auto;
        font-family: "Font Awesome 5 Free";
        content: "\f078";
        font-weight: 900;
        font-size: 12px; }
      .btn-custom-group .btn-block-list > li > a:hover {
        color: #009574; }
@media screen and (max-width: 768px) {
  .btn-custom-group {
    display: none; } }

.btn-wrap .btn-wrap-item {
  margin: 0.5rem 1rem; }
  .btn-wrap .btn-wrap-item .btn {
    padding-right: 44px;
    padding-left: 24px; }

/*------------- btn -------------*/
.c-btn01 {
  width: 255px;
  display: block;
  margin: 30px auto;
  background: #fff;
  border: 1px solid #e4e4e4;
  position: relative;
  font-size: 13px;
  color: #4b4b4b;
  padding: 1em 0;
  text-align: center;
  border-radius: 50px; }
  .c-btn01:after {
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
    color: #426bc2; }
  @media screen and (max-width: 768px) {
    .c-btn01 {
      width: 100%; } }

.c-btn02 {
  background: #fff;
  display: block;
  border-bottom: 1px solid #dddddd;
  position: relative; }
  .c-btn02:before {
    font-size: 16px;
    content: "";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
    right: 15px;
    top: 44px; }
  .c-btn02 .head {
    font-size: 18px;
    font-weight: bold;
    color: #1461a1; }
  .c-btn02 p {
    font-size: 14px; }

/* CSS Document */
/******************************
accordion
******************************/
/*------------- accordion -------------*/
.accordion .card-header {
  background: #fff;
  padding: 0;
  border: none; }
.accordion h5 {
  font-size: 16px !important;
  font-weight: 400 !important;
  border-bottom: 0 !important;
  padding: 0 !important;
  margin: 0 !important; }
  .accordion h5 a {
    padding: 1em 1em;
    color: inherit;
    display: block;
    position: relative;
    background: #f8f8f8; }
    .accordion h5 a:before {
      content: "－";
      position: absolute;
      top: 18px;
      right: 1.5em;
      color: #707070; }
      @media (max-width: 576px) {
        .accordion h5 a:before {
          top: 18px;
          right: 0.5em; } }
  .accordion h5 .collapsed {
    background: #fff; }
    .accordion h5 .collapsed:before {
      content: "＋"; }
.accordion p {
  font-size: 14px; }
.accordion .card {
  border-radius: 6px; }
.accordion .card-body {
  padding: 30px; }
.accordion h4 {
  margin: 0 0 20px !important; }

.accordion.accordion01 {
  margin-top: 90px; }
  .accordion.accordion01 h5 a {
    padding: 26px 30px; }
  .accordion.accordion01 a {
    border: 1px solid #dddddd;
    margin-top: 10px; }
  .accordion.accordion01 .card {
    border: none; }
  .accordion.accordion01 .card-body {
    border: 1px solid #dddddd;
    border-top: 0;
    padding: 20px 30px; }

.accordion.accordion02 {
  margin-top: 90px; }
  .accordion.accordion02 .first {
    border-top: 1px solid #dddddd; }

.btob .accordion h5 a {
  background: #fffbe5; }
.btob .accordion h5 .collapsed {
  background: #fff; }
.btob .accordion .card-header a {
  color: #1461a1; }
.btob .accordion .card-body {
  background: #fffdf2; }
.btob .accordion .card {
  border: none; }
  .btob .accordion .card .card-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .btob .accordion .card:first-child .card-header {
    border-top: 1px solid rgba(0, 0, 0, 0.125); }

.btoc .accordion h5 a {
  background: #fffbe5; }
.btoc .accordion h5 .collapsed {
  background: #fff; }
.btoc .accordion .card-header a {
  color: #f75e2e; }
.btoc .accordion .card-body {
  background: #fffdf2; }
.btoc .accordion .card {
  border: none; }
  .btoc .accordion .card .card-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .btoc .accordion .card:first-child .card-header {
    border-top: 1px solid rgba(0, 0, 0, 0.125); }

/* CSS Document */
/******************************
tabs
******************************/
/*------------- select-outer -------------*/
.select-outer {
  display: none; }

@media screen and (min-width: 767px) {
  .select_menu_container {
    display: none; } }
@media screen and (max-width: 768px) {
  .nav-tabs-page .nav-tabs01 {
    display: none; }

  .nav-tabs-page .tab-content {
    border: 1px solid #dddddd; }
    .nav-tabs-page .tab-content-lower {
      padding: 0;
      border: none; }

  .select-outer {
    display: block;
    position: relative; }
    .select-outer:before {
      position: absolute;
      top: 20px;
      right: 15px;
      font-family: "Font Awesome 5 Free";
      content: "\f078";
      font-weight: 900; }
    .select-outer #select {
      font-size: 14px;
      font-weight: bold;
      text-align: center;
      height: auto;
      padding: 20px 0;
      margin-bottom: 15px;
      appearance: none; }
    .select-outer .select02 {
      border: none;
      border-bottom: 4px solid #666666;
      width: calc(100% - 20px);
      margin: 0 auto 40px !important;
      border-radius: 0; }

  .select-outer02:before {
    right: inherit;
    left: 30px; }

  .nav-tabs02 {
    display: none; }

  .tab_menu {
    display: none; }

  .btob .select-outer:before {
    color: #1c6cae; }
  .btob .select-outer #select {
    color: #1c6cae; }
  .btob .select-outer .select02 {
    border-bottom: 4px solid #1c6cae; }
    .btob .select-outer .select02:before {
      color: #1c6cae; }

  .btoc .select-outer:before {
    color: #fe6230; }
  .btoc .select-outer #select {
    color: #fe6230; }
  .btoc .select-outer .select02 {
    border-bottom: 4px solid #fe6230; }
    .btoc .select-outer .select02:before {
      color: #fe6230; } }
.sp-nav {
  display: none; }

@media screen and (max-width: 768px) {
  .navbar-collapse {
    position: fixed;
    overflow-y: scroll;
    z-index: 99;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff; }

  .sp-nav {
    display: block;
    padding: 14px 0; }
    .sp-nav .navbar-toggler {
      padding: 12px 10px; }
      .sp-nav .navbar-toggler.close .navbar-toggler-icon:before {
        content: "\f00d"; } }
/*------------- nav-tabs-page -------------*/
.nav-tabs-page {
  margin-top: 40px; }
  .nav-tabs-page .nav-item {
    width: 270px;
    margin-bottom: -1px; }
    .nav-tabs-page .nav-item .nav-link {
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      padding: 1em;
      margin: 0;
      border-radius: 0;
      background: #fcfcfc;
      border: 1px solid #dddddd;
      position: relative; }
      .nav-tabs-page .nav-item .nav-link.active {
        background: #fff;
        border-bottom: none; }
        .nav-tabs-page .nav-item .nav-link.active:before {
          font-family: "Font Awesome 5 Free";
          content: "\f054";
          font-weight: 900;
          padding-right: 0.5em; }
  .nav-tabs-page .tab-content {
    border: 1px solid #dddddd;
    border-top: none;
    padding: 60px; }
    .nav-tabs-page .tab-content-lower {
      padding: 0;
      border: none; }
  .nav-tabs-page .nav-tabs01 {
    border-bottom: 1px solid #dddddd; }
  .nav-tabs-page .nav-tabs02 {
    border-bottom: none;
    margin-bottom: 40px; }
    .nav-tabs-page .nav-tabs02 .nav-item {
      margin: 0 1em; }
      .nav-tabs-page .nav-tabs02 .nav-item .nav-link {
        background: none;
        border: none;
        border-bottom: 4px solid #f7f7f7; }
        .nav-tabs-page .nav-tabs02 .nav-item .nav-link.active {
          border-bottom: 4px solid #666666; }
  @media screen and (max-width: 768px) {
    .nav-tabs-page .nav-item {
      width: 100%;
      margin-bottom: -1px; }
    .nav-tabs-page .nav-item .nav-link.active:before {
      content: "\f078"; }
    .nav-tabs-page .nav-tabs01 .nav-item .nav-link.active:before {
      position: absolute;
      right: 1rem;
      top: 1rem; }
    .nav-tabs-page .tab-content {
      padding: 2rem; } }

.btob .nav-tabs-page .nav-item .nav-link {
  background: #f8fafc; }
.btob .nav-tabs-page .nav-item .nav-link.active {
  color: #1c6cae;
  background: #fff; }
.btob .nav-tabs-page .nav-tabs02 .nav-item .nav-link {
  background: #fff; }
.btob .nav-tabs-page .nav-tabs02 .nav-item .nav-link.active {
  border-bottom: 4px solid #1c6cae; }

.btoc .nav-tabs-page .nav-item .nav-link {
  background: #fef8f6; }
.btoc .nav-tabs-page .nav-item .nav-link.active {
  color: #fe6230;
  background: #fff; }
.btoc .nav-tabs-page .nav-tabs02 .nav-item .nav-link {
  background: #fff; }
.btoc .nav-tabs-page .nav-tabs02 .nav-item .nav-link.active {
  border-bottom: 4px solid #fe6230; }

/*------------- nav-tabs-page -------------*/
.nav-tabs01 .nav-item,
.nav-tabs02 .nav-item {
  padding: 0; }
  .nav-tabs01 .nav-item .nav-link,
  .nav-tabs02 .nav-item .nav-link {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 1em;
    margin: 0;
    position: relative; }
    .nav-tabs01 .nav-item .nav-link.active,
    .nav-tabs02 .nav-item .nav-link.active {
      color: #fff;
      background: #666666; }
      .nav-tabs01 .nav-item .nav-link.active:before,
      .nav-tabs02 .nav-item .nav-link.active:before {
        font-family: "Font Awesome 5 Free";
        content: "\f054";
        font-weight: 900;
        padding-right: 0.5em; }

.btob .nav-tabs01 .nav-item {
  padding: 0; }
  .btob .nav-tabs01 .nav-item .nav-link.active {
    color: #fff;
    background: #1c6cae; }

.btoc .nav-tabs01 .nav-item {
  padding: 0; }
  .btoc .nav-tabs01 .nav-item .nav-link.active {
    color: #fff;
    background: #fe6230; }

/* CSS Document */
/******************************
card
******************************/
/*------------- card -------------*/
.card-custom {
  position: relative;
  border: none; }
  .card-custom a {
    transition: 0.5s; }
    .card-custom a::after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      pointer-events: auto;
      content: "";
      background-color: transparent; }
    .card-custom a:hover {
      opacity: 0.6; }
  .card-custom .card-body {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
    .card-custom .card-body .btn {
      font-size: 14px;
      position: relative;
      color: #4b4b4b;
      display: block;
      text-align: left;
      padding: 0; }
      .card-custom .card-body .btn:before {
        position: absolute;
        top: 0;
        right: 0;
        font-family: "Font Awesome 5 Free";
        content: "\f054";
        font-weight: 900; }

.btob .card-custom .card-body .btn {
  color: #1461a1; }

.btoc .card-custom .card-body .btn {
  color: #f75e2e; }

/* CSS Document */
/*------------- pagelink -------------*/
.pagelink {
  padding-top: 40px !important; }

/*------------- list -------------*/
ul.list-defalt,
ol.list-defalt {
  padding-left: 1.5rem; }
  ul.list-defalt li,
  ol.list-defalt li {
    line-height: 2rem; }

ul.list-defalt li {
  list-style: disc; }

ol.list-defalt li {
  list-style: decimal; }

/*------------- badge -------------*/
.badge-eneos-industrial {
  color: #fff;
  background: #046031; }

.badge-eneos-fleet {
  color: #fff;
  background: #284587; }

/*------------- utility -------------*/
.mb-6,
.my-6 {
  margin-bottom: 6rem !important; }

.mb-7,
.my-7 {
  margin-bottom: 7rem !important; }

.mb-8,
.my-8 {
  margin-bottom: 8rem !important; }

.mb-9,
.my-9 {
  margin-bottom: 9rem !important; }

.mb-10,
.my-10 {
  margin-bottom: 10rem !important; }

.u-tac {
  text-align: center !important; }

.u-tal {
  text-align: left !important; }

.u-tar {
  text-align: right !important; }

.u-spbr {
  display: none; }
  @media screen and (max-width: 768px) {
    .u-spbr {
      display: inline; } }

@media screen and (max-width: 768px) {
  .u-pbcr {
    display: none; } }

.u-pc {
  display: block !important; }
  @media screen and (max-width: 768px) {
    .u-pc {
      display: none !important; } }

.u-sp {
  display: none !important; }
  @media screen and (max-width: 768px) {
    .u-sp {
      display: block !important; } }

.btoc .ftr-area {
  background: #fe6230;
  padding: 100px 0;
  margin-top: 250px; }
  .btoc .ftr-area .btn {
    color: #fe6230; }

.btob .ftr-area {
  background: #1c6cae;
  padding: 100px 0;
  margin-top: 250px; }
  .btob .ftr-area .btn {
    color: #1c6cae; }
  .btob .ftr-area .contact {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background: #fff;
    padding: 2rem;
    margin: -260px 0 2rem; }
    .btob .ftr-area .contact-head {
      font-size: 56px;
      font-weight: bold;
      line-height: 1.5;
      text-align: center;
      color: #1c6cae;
      margin-bottom: 2rem; }
      .btob .ftr-area .contact-head span {
        background: -webkit-linear-gradient(transparent 60%, #fcd302 60%);
        background: -o-linear-gradient(transparent 60%, #fcd302 60%);
        background: linear-gradient(transparent 60%, #fcd302 60%); }
.btob .contact .contact-item {
  background: #f5f5f5;
  padding: 30px; }
  .btob .contact .contact-item.col-xl-6 {
    max-width: 49%; }
  .btob .contact .contact-item-head {
    font-size: 29px;
    font-weight: bold;
    margin-bottom: 10px; }
  .btob .contact .contact-item-text01 {
    font-size: 22px; }
  .btob .contact .contact-item-text02 {
    font-size: 17px;
    margin: 15px 0 30px; }
  .btob .contact .contact-item-tel a {
    font-size: 58px;
    font-weight: bold;
    color: #1c6cae; }
    .btob .contact .contact-item-tel a:before {
      font-family: "Font Awesome 5 Free";
      content: "\f0a9";
      font-weight: 900;
      padding-right: 0.5em;
      color: #4b4b4b;
      font-size: 27px;
      vertical-align: middle; }
  .btob .contact .contact-item-mail a {
    background: #1c6cae;
    border-radius: 6px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    display: block;
    padding: 0.5em;
    position: relative; }
    .btob .contact .contact-item-mail a:before {
      content: "";
      position: absolute;
      font-family: "Font Awesome 5 Free";
      content: "\f0e0";
      font-weight: 400;
      left: 20px;
      top: 10px; }
@media screen and (max-width: 1200px) {
  .btob .contact .contact-item {
    margin-top: 20px; }
    .btob .contact .contact-item.col-xl-6 {
      max-width: 100%; } }
@media screen and (max-width: 768px) {
  .btob .contact .contact-item {
    background: none;
    padding: 0; }
    .btob .contact .contact-item:first-child {
      order: 2; }
    .btob .contact .contact-item-head, .btob .contact .contact-item-text01, .btob .contact .contact-item-text02 {
      display: none; }
    .btob .contact .contact-item-tel a {
      background: #1c6cae;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      border-radius: 6px;
      padding: 0.5em;
      display: block;
      position: relative; }
      .btob .contact .contact-item-tel a span {
        display: block;
        font-size: 11px; }
      .btob .contact .contact-item-tel a:before {
        display: none; }
      .btob .contact .contact-item-tel a:after {
        position: absolute;
        font-family: "Font Awesome 5 Free";
        content: "\f879";
        font-weight: 900;
        right: 20px;
        top: 20px; }
    .btob .contact .contact-item-mail a {
      font-size: 16px; }
      .btob .contact .contact-item-mail a:before {
        right: 20px;
        left: auto; } }

/* CSS Document */
/******************************
Other
******************************/
/*------------- newslist -------------*/
.newslist-group {
  border-top: #f5f5f5 1px solid; }
  .newslist-group .newslist-item {
    padding: 30px;
    border-bottom: #f5f5f5 1px solid; }
    .newslist-group .newslist-item date {
      margin-right: 15px; }
    .newslist-group .newslist-item .badge-btob {
      padding: 5px 15px;
      background: #1a6bae !important;
      color: #fff; }
    .newslist-group .newslist-item .badge-btoc {
      padding: 5px 15px;
      background: #fe6230 !important;
      color: #fff; }
    .newslist-group .newslist-item dt {
      margin-bottom: 15px; }
    .newslist-group .newslist-item dd .ico {
      font-weight: 400; }

#page.news h2 {
  padding: 2rem 0.5rem 0 0; }
#page.news .date-wrapper {
  display: block;
  margin-bottom: 5rem; }
  #page.news .date-wrapper .badge-btob {
    padding: 5px 15px;
    background: #1a6bae !important;
    color: #fff; }
  #page.news .date-wrapper .badge-btoc {
    padding: 5px 15px;
    background: #fe6230 !important;
    color: #fff; }

/*------------- bg-separate -------------*/
.bg-separate {
  padding: 1px 0 100px;
  background: #fbfbfb; }
  @media screen and (max-width: 768px) {
    .bg-separate {
      padding: 1px 0 50px; }
      .bg-separate h2 {
        margin: 60px 0 50px !important; } }

.btob .bg-separate {
  background: #f8fafc; }

.btoc .bg-separate {
  background: #fef8f6; }

/*------------- inquiries -------------*/
.ftr-area .btn {
  background: #fff;
  display: block;
  max-width: 445px;
  margin: 0 auto;
  padding: 1em;
  position: relative;
  font-weight: bold; }
  .ftr-area .btn:before {
    position: absolute;
    top: 1em;
    left: 1em;
    font-family: "Font Awesome 5 Free";
    content: "\f053";
    font-weight: 900; }

/*------------- inquiries -------------*/
.inquiries {
  border-top: 12px solid #1c6cae;
  margin-top: 70px;
  margin-bottom: 100px; }
  .inquiries__inner {
    border: 4px solid #f5f5f5; }
  .inquiries-upper {
    margin-bottom: 20px;
    border-bottom: 2px dotted #f5f5f5; }
  .inquiries .card-title {
    font-size: 20px;
    color: #1a6bae;
    font-weight: bold; }
  .inquiries .card-link {
    color: #1a6bae; }
    .inquiries .card-link:before {
      font-family: "Font Awesome 5 Free";
      content: "\f054";
      font-weight: 900;
      padding-right: 1em; }
  @media screen and (max-width: 768px) {
    .inquiries {
      margin-top: 50px; }
      .inquiries .col-md-2 {
        display: none; } }

#contact .contact-item {
  background: #f5f5f5;
  padding: 30px; }
  #contact .contact-item.col-xl-6 {
    max-width: 49%; }
  #contact .contact-item-head {
    font-size: 29px;
    font-weight: bold;
    margin-bottom: 10px; }
  #contact .contact-item-text01 {
    font-size: 22px; }
  #contact .contact-item-text02 {
    font-size: 17px;
    margin: 15px 0 30px; }
  #contact .contact-item-tel a {
    font-size: 58px;
    font-weight: bold;
    color: #1c6cae; }
    #contact .contact-item-tel a:before {
      font-family: "Font Awesome 5 Free";
      content: "\f0a9";
      font-weight: 900;
      padding-right: 0.5em;
      color: #4b4b4b;
      font-size: 27px;
      vertical-align: middle; }
  #contact .contact-item-mail a {
    background: #1c6cae;
    border-radius: 6px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    display: block;
    padding: 0.5em;
    position: relative; }
    #contact .contact-item-mail a:before {
      content: "";
      position: absolute;
      font-family: "Font Awesome 5 Free";
      content: "\f0e0";
      font-weight: 400;
      left: 20px;
      top: 10px; }
@media screen and (max-width: 1200px) {
  #contact .contact-item {
    margin-top: 20px; }
    #contact .contact-item.col-xl-6 {
      max-width: 100%; } }
@media screen and (max-width: 768px) {
  #contact .contact-item {
    background: none;
    padding: 0; }
    #contact .contact-item:first-child {
      order: 2; }
    #contact .contact-item-head, #contact .contact-item-text01, #contact .contact-item-text02 {
      display: none; }
    #contact .contact-item-tel a {
      background: #1c6cae;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      border-radius: 6px;
      padding: 0.5em;
      display: block;
      position: relative; }
      #contact .contact-item-tel a span {
        display: block;
        font-size: 11px; }
      #contact .contact-item-tel a:before {
        display: none; }
      #contact .contact-item-tel a:after {
        position: absolute;
        font-family: "Font Awesome 5 Free";
        content: "\f879";
        font-weight: 900;
        right: 20px;
        top: 20px; }
    #contact .contact-item-mail a {
      font-size: 16px; }
      #contact .contact-item-mail a:before {
        right: 20px;
        left: auto; } }

/*------------- to-top -------------*/
.to-top {
  position: fixed;
  z-index: 998;
  bottom: 10px;
  right: 10px; }
  .to-top a {
    width: 60px;
    height: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    color: #fff;
    background: #c0c0c0;
    border-radius: 6px; }
    .to-top a i {
      font-size: 18px;
      width: 100%; }

/*------------- red-contents -------------*/
.temporary {
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #cb0000;
  padding: 20px;
  text-align: center;
  background: #ffefef;
  margin-bottom: 40px; }
  .temporary .temporaryTxt {
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    line-height: 1.8;
    color: #cb0000; }
    .temporary .temporaryTxt a {
      color: #cb0000; }
  @media screen and (max-width: 767px) {
    .temporary {
      border-radius: 10px;
      padding: 10px 15px;
      margin: 0 auto 3rem; }
      .temporary .temporaryTxt {
        font-size: 1rem;
        line-height: 1.6; } }


.nav-right-orange:after {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fe6230;
    content: "\f13a";
    margin-left: 10px;
}

.c-tabs .nav-item .nav-link--btoc[aria-expanded="false"] .nav-right-orange:after {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    content: "\f13a";
    margin-left: 10px;
}

.nav-right-blue:after {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    content: "\f13a";
    margin-left: 10px;
}

.c-tabs .nav-item .nav-link--btob[aria-expanded="true"], .c-tabs .nav-item .nav-link--btob.active .nav-right-blue:after {
	font-family: "Font Awesome 5 Free";
    color: #1A6BAE;
    content: "\f13a";
}

.c-tabs .nav-item .nav-link--btob[aria-expanded="false"] .nav-right-blue:after {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    content: "\f13a";
    margin-left: 10px;
}