@charset "UTF-8";
body {
  background-color: #fff; }

body * {
  max-width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: .1em; }

.row {
  margin-right: 0;
  margin-left: 0; }

.setsumei figure {
  position: relative; }

.setsumei figure figcaption {
  position: absolute;
  bottom: -1em; }

.modal-middle {
  margin: 5% auto; }

.modal-img_footer {
  padding: .5em;
  text-align: center; }

.jumbotron.headhero {
  min-height: 618px;
  background-image: url(../image/hero_01.jpg);
  background-size: cover;
  background-position: center top;
  text-align: center; }
  .jumbotron.headhero h1 {
    margin-top: 4em;
    color: #fff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5), -2px 2px 5px rgba(0, 0, 0, 0.5), 2px -2px 5px rgba(0, 0, 0, 0.5), -2px -2px 5px rgba(0, 0, 0, 0.5); }
    @media (max-width: 991px) {
      .jumbotron.headhero h1 {
        margin-top: 10em; } }
  .jumbotron.headhero p {
    color: #fff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5), -2px 2px 5px rgba(0, 0, 0, 0.5), 2px -2px 5px rgba(0, 0, 0, 0.5), -2px -2px 5px rgba(0, 0, 0, 0.5); }
.jumbotron.footcta h2,
.jumbotron.footcta p {
  color: #fff;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5), -2px 2px 5px rgba(0, 0, 0, 0.5), 2px -2px 5px rgba(0, 0, 0, 0.5), -2px -2px 5px rgba(0, 0, 0, 0.5); }
.jumbotron.oempart {
  padding-top: 45vw;
  background-image: url(../image/hero_02.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  background-color: transparent; }
  .jumbotron.oempart h1,
  .jumbotron.oempart p {
    color: #000;
    text-align: center; }
.jumbotron.footcta {
  min-height: 275px;
  background-image: url(../image/contact_bg-min.jpg);
  background-size: cover;
  background-position: center top; }

.row div {
  margin-bottom: 1em; }

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%; }

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px; }

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  /*height: 60px;*/
  background-color: #f5f5f5; }

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.container {
  width: auto; }
  .container .text-muted {
    margin: 20px 0; }
  .container .max1000 {
    max-width: 1000px;
    margin: 0 auto;
    padding: 2em 15px; }
  .container .blueback {
    background-color: #dfeefa; }
  .container.container-fluid {
    padding: 0; }

h1.kakko {
  width: 100%;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  border-bottom: double 5px #2196f3;
  text-align: center;
  font-weight: 900; }

h2.fuki {
  position: relative;
  padding: 0.6em;
  background: #e0edff;
  margin: 1em auto; }
  h2.fuki:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #e0edff;
    width: 0;
    height: 0; }

.mainnavi {
  max-height: 80px;
  background-color: #dae000; }

.navbar-wrapper {
  max-height: 80px; }
  @media (max-width: 991px) {
    .navbar-wrapper .container {
      padding-right: 0;
      padding-left: 0; } }
  .navbar-wrapper .navbar-inverse {
    background-color: #dae000;
    border: none; }
  .navbar-wrapper .navbar-header, .navbar-wrapper .navbar-collapse {
    margin-left: 0;
    margin-right: 0; }
  .navbar-wrapper .navbar-nav {
    margin: 0; }

@media (max-width: 991px) {
  .navbar-nav > li > button {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 24px; } }

@media (max-width: 991px) {
  .nav > li > button {
    position: relative;
    display: block;
    padding: 10px 15px; } }

.navbar-inverse .navbar-nav > li > a {
  color: #333; }
  @media (min-width: 768px) and (max-width: 991px) {
    .navbar-inverse .navbar-nav > li > a {
      font-size: 1.5vw; } }

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #333; } }
.footer {
  background-color: #dae000; }

#type_box,
#jirei_box,
#dounyuimage_box {
  display: block;
  margin-bottom: 10em; }

.logo01 img {
  width: 10vw; }

.navbar-brand {
  background: url(../image/SVG/logo_01.svg) no-repeat center center;
  background-size: contain;
  height: 80px;
  width: 130px;
  margin-left: 0 !important; }
  @media (max-width: 991px) {
    .navbar-brand {
      margin-left: 15px !important; } }

.centerimg {
  text-align: center;
  margin: 1em auto 2em; }
  .centerimg img {
    min-width: 183px;
    width: 20%; }

.h2_point {
  font-weight: 900;
  font-size: 156.25%;
  text-align: center;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 670px;
  border-bottom: 3px solid #f39800;
  margin: 4em auto 1em;
  padding: 0.25em 0; }
  @media (max-width: 991px) {
    .h2_point {
      margin-top: 6em; } }
  .h2_point::before {
    font-family: 'Oswald', sans-serif;
    content: "POINT!";
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #f39800;
    color: #fff;
    line-height: 80px;
    font-size: 90%;
    letter-spacing: 1pt;
    transform: rotate(-10deg);
    position: absolute; }
    @media (min-width: 992px) {
      .h2_point::before {
        left: -60px;
        top: -20px; } }
    @media (max-width: 991px) {
      .h2_point::before {
        top: -100px;
        left: 50%;
        margin-left: -40px; } }

h1.tensen {
  position: relative; }
  h1.tensen span {
    font-weight: 900;
    font-size: 2.5rem;
    color: #fff;
    text-align: center;
    letter-spacing: 1pt;
    display: block;
    width: 23.7%;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    margin: 1em auto;
    background-color: #f1f1f1; }
    @media (max-width: 991px) {
      h1.tensen span {
        width: auto; } }
  h1.tensen.red span {
    background-color: #e4007f; }
  h1.tensen.red::before {
    content: '';
    display: block;
    height: 5px;
    width: 100%;
    background-image: url(../image/line_red.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1; }
  h1.tensen.yel span {
    background-color: #e88f23; }
  h1.tensen.yel::before {
    content: '';
    display: block;
    height: 5px;
    width: 100%;
    background-image: url(../image/line_orange.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1; }
  h1.tensen.grn span {
    background-color: #489f4d; }
  h1.tensen.grn::before {
    content: '';
    display: block;
    height: 5px;
    width: 100%;
    background-image: url(../image/line_green.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1; }

.frame-wrapper__video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px; }

.frame-wrapper__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

#type_box h2 {
  font-size: 187.5%;
  font-weight: 900;
  width: 100%;
  text-align: center;
  color: #e4007f;
  padding: 18px;
  border: 2px solid #e4007f; }
  @media (max-width: 991px) {
    #type_box h2 {
      font-size: 18px; } }

#jirei_box h2 {
  font-size: 187.5%;
  font-weight: 900;
  width: 100%;
  text-align: center;
  color: #e88f23;
  padding: 18px;
  border: 2px solid #e88f23; }
  @media (max-width: 991px) {
    #jirei_box h2 {
      font-size: 18px; } }

.bg-gray {
  background-color: #eaeaea;
  padding-top: 15px; }
  .bg-gray h3 {
    margin-top: 0;
    font-size: 112.5%;
    font-weight: 900;
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px; }
  @media (min-width: 992px) {
    .bg-gray .small {
      margin-top: 74px;
      margin-bottom: 0; } }

.message_pc.seisakujirei figcaption {
  font-weight: 900; }
@media (max-width: 991px) {
  .message_pc {
    display: none; } }
.message_sp img {
  width: 75%;
  display: block;
  margin: 0 auto; }
.message_sp.seisakujirei figcaption {
  font-weight: 900; }
@media (min-width: 992px) {
  .message_sp {
    display: none; } }

@media (max-width: 991px) {
  .spnone {
    display: none; } }

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5, .col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-1-5 {
  width: 20%;
  float: left; }

.col-xs-2-5 {
  width: 40%;
  float: left; }

.col-xs-3-5 {
  width: 60%;
  float: left; }

.col-xs-4-5 {
  width: 80%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-1-5 {
    width: 20%;
    float: left; }

  .col-sm-2-5 {
    width: 40%;
    float: left; }

  .col-sm-3-5 {
    width: 60%;
    float: left; }

  .col-sm-4-5 {
    width: 80%;
    float: left; } }
@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
    float: left; }

  .col-md-2-5 {
    width: 40%;
    float: left; }

  .col-md-3-5 {
    width: 60%;
    float: left; }

  .col-md-4-5 {
    width: 80%;
    float: left; } }
@media (min-width: 1200px) {
  .col-lg-1-5 {
    width: 20%;
    float: left; }

  .col-lg-2-5 {
    width: 40%;
    float: left; }

  .col-lg-3-5 {
    width: 60%;
    float: left; }

  .col-lg-4-5 {
    width: 80%;
    float: left; } }
#company h4 {
  font-weight: 600;
  font-size: 25px;
  text-align: center;
  display: flex;
  align-items: center;
  margin: 2em auto 1em; }
  #company h4::before, #company h4::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #000;
    display: block; }
  #company h4::before {
    margin-right: .4em; }
  #company h4::after {
    margin-left: .4em; }
#company figure img {
  border: 1px solid #ccc; }

#kisyu_box .orange_pochi li {
  color: #ea5514;
  font-size: 25px;
  font-weight: 900;
  position: relative;
  text-indent: -25px;
  padding-left: 25px; }
  #kisyu_box .orange_pochi li::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: #ea5514;
    margin-right: 9px; }
#kisyu_box .kome_pochi li {
  position: relative;
  text-indent: -16px;
  padding-left: 16px; }
  #kisyu_box .kome_pochi li::before {
    content: '※';
    display: inline-block;
    width: 1em;
    text-indent: 0; }

.panel-title {
  cursor: pointer; }

.qaimage {
  height: 43px;
  margin: 1em auto 0.5em; }
  @media (min-width: 992px) {
    .qaimage {
      display: inline-block;
      margin: 0; } }

span.anc {
  display: block;
  position: relative;
  top: -80px; }

/*# sourceMappingURL=hako.css.map */