@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  box-sizing: border-box;
  font-style: normal;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

p#testtest {
  position: fixed;
  bottom: 10px;
  left: 10px;
  color: red;
}

html {
  font-size: 10px;
  font-size: 62.5%;
}

body {
  /* 「BIZ UDPゴシック」をWindowsで指定 */
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue", Arial, "BIZ UDPGothic", Meiryo, sans-serif;
  color: #231815;
  position: relative;
}

body {
  min-width: 320px;
  position: relative;
}
@media screen and (min-width:600px) {
  body {
    min-width: 960px;
    _display: inline;
    _zoom: 1;
  }
}

body {
  overflow: visible;
  background-repeat: no-repeat;
}

body {
  -webkit-text-size-adjust: none;
}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, pre {
  box-sizing: 0;
  margin: 0;
}

p, li, dt, dd, th, td, pre {
  -ms-line-break: strict;
  line-break: strict;
  -ms-word-break: break-strict;
  word-break: break-strict;
}

dl, dt, dd, ul, ol, li, h, h1, h2, h3, h4, h5, h6, p, th, td {
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 1.8;
  padding: 0px;
  color: #231815;
}

h1 {
  font-size: 32px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}

h2 {
  font-size: 32px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  padding-bottom: 30px;
}

h3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.7;
  font-weight: normal;
  padding-bottom: 20px;
  font-weight: bold;
}

a {
  color: #231815;
}

p {
  text-align: justify;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875;
}

li {
  list-style-type: none;
}

th, td {
  font-size: 1.6rem;
}

@media screen and (max-width: 599px) {
  h1 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.58;
  }
  h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.6;
  }
  h3 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.56;
    color: #231815;
  }
  a {
    color: #231815;
  }
  p {
    text-align: justify;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.56;
  }
  li {
    list-style-type: none;
  }
  th, td {
    font-size: 1.5rem;
  }
}
a:link, a:visited {
  text-decoration: none;
}

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

a:hover {
  opacity: 0.4;
  cursor: pointer;
}

a {
  display: block;
  width: 100%;
  height: 100%;
}

p a {
  display: inline !important;
  color: #f9f8f4;
}

table {
  border-collapse: collapse;
}

hr {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 40px 0px;
  clear: both;
  width: 100%;
  height: 1px;
  border: solid 1px #ccc;
  border-style: none none solid none;
}
hr.dot {
  border: dotted 1px #ccc;
  border-style: none none dotted none;
}
hr.mb10 {
  margin: 0px 0px 10px 0px;
}
hr.mb20 {
  margin: 0px 0px 20px 0px;
}
hr.mb30 {
  margin: 0px 0px 30px 0px;
}

body.nega {
  background-color: #000000;
  color: #ddd;
}
body.nega a {
  color: #ddd;
}

#modal_window_navi {
  z-index: 2000;
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 60, 78, 0.85);
  transition: all 0.5s;
  visibility: hidden;
}
#modal_window_navi.open {
  visibility: visible;
}

#modal_window_background {
  z-index: 5000;
  position: fixed;
  display: table;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  transition: all 0.5s;
  visibility: hidden;
}

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}
#pageTop a {
  display: block;
  padding: 8px 0 0 8px;
  border-radius: 40px;
  width: 55px;
  height: 55px;
  background-color: #9FD6D2;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../images/common-go_to_top.svg");
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

@media screen and (max-width: 599px) {
  .pc {
    display: none !important;
  }
}
@media screen and (min-width:600px) {
  .pc {
    display: block !important;
  }
  .pc.inline {
    display: inline !important;
  }
  .pc.inline-block {
    display: inline-block !important;
  }
  .sp {
    display: none !important;
  }
}
.pc_n {
  display: none !important;
}

@media screen and (max-width: 599px) {
  .sp_none {
    display: none !important;
  }
}
@media screen and (max-width: 599px) {
  .anc {
    position: absolute;
    top: -56px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
  }
}
@media screen and (min-width:600px) {
  .anc {
    position: absolute;
    top: -100px !important;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
  }
  .anc2 {
    position: absolute;
    top: -110px !important;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
  }
}
a {
  display: block;
}

li, p, a, span, dl, dd, dt, ul, div {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 599px) {
  div.id {
    height: 0;
    position: relative;
    top: -50px;
  }
}
@media screen and (min-width:600px) and ( max-width:1024px) {
  div.id {
    height: 0;
    position: relative;
    top: -50px;
  }
}
@media screen and (min-width:600px) {
  div.id {
    height: 0;
    position: relative;
    top: -80px;
  }
}
@media screen and (max-width: 599px) {
  #page_top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    border: 1px solid #fff;
    width: 44px;
    height: 44px;
    background: #87a6be;
    text-align: center;
    color: #fff;
    padding-top: 22px;
    font-size: 14px;
    z-index: 2000;
    background-image: url("../image/mh_icon/white_ffffff/arrow-single-up.svg");
    background-repeat: no-repeat;
    background-size: 26px 26px;
    background-position: 50% 50%;
  }
  #page_top:hover {
    opacity: 0.6;
    cursor: pointer;
  }
}
@media screen and (min-width:600px) {
  #page_top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    border: 1px solid #fff;
    width: 74px;
    height: 74px;
    background: #87a6be;
    text-align: center;
    color: #fff;
    padding-top: 44px;
    font-size: 16px;
    z-index: 2000;
    background-image: url("../image/mh_icon/white_ffffff/arrow-single-up.svg");
    background-repeat: no-repeat;
    background-size: 46px 46px;
    background-position: 50% 50%;
  }
  #page_top:hover {
    opacity: 0.6;
    cursor: pointer;
  }
}
@font-face {
  font-family: "myfont2";
  src: url("../font/Marcellus-Regular.ttf") format("truetype");
}
/*
.sans-serif{
     font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
*/
@font-face {
  font-family: "MyFont_optima";
  src: url(../font/optima/unicode.optima.ttf);
}
@font-face {
  font-family: "MyFont_oswald";
  src: url(../font/Oswald/static/Oswald-Medium.ttf);
}
@font-face {
  font-family: "MyFont_IBM_Plex_Sans";
  src: url(../font/IBM_Plex_Sans/IBMPlexSans-Regular.ttf);
}
img.border {
  border: 1px solid #cccccc;
}

@font-face {
  font-family: "icomoon";
  src: url("../icomoon/fonts/icomoon.eot?wk3wa2");
  src: url("../icomoon/fonts/icomoon.eot?wk3wa2#iefix") format("embedded-opentype"), url("../icomoon/fonts/icomoon.ttf?wk3wa2") format("truetype"), url("../icomoon/fonts/icomoon.woff?wk3wa2") format("woff"), url("../icomoon/fonts/icomoon.svg?wk3wa2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-001:before {
  content: "\e900";
}

.icon-002:before {
  content: "\e901";
}

.icon-003:before {
  content: "\e902";
}

.icon-004:before {
  content: "\e903";
}

.icon-005:before {
  content: "\e904";
}

.icon-006:before {
  content: "\e905";
}

.icon-007:before {
  content: "\e906";
}

.icon-008:before {
  content: "\e907";
}

.icon-009:before {
  content: "\e908";
}

header {
  position: fixed;
  height: 100px;
  width: 100%;
  min-width: 1100px;
}
@media screen and (max-width: 599px) {
  header {
    height: 54px;
    background: #fff;
  }
}

header .accordion {
  position: absolute;
  left: 0;
  width: 100vw;
  background: rgba(245, 245, 245, 0.95);
  height: 0;
  overflow: hidden;
  transition: all 0.2s;
}
header .accordion.on {
  height: auto;
  transition: all 0.4s;
}
@media screen and (max-width: 599px) {
  header .accordion {
    position: relative;
    background: #fff;
  }
}
header .accordion_2 {
  height: auto;
  width: 100vw;
  min-width: 1100px;
  transition: all 0.3s;
}
@media screen and (max-width: 599px) {
  header .accordion_2 {
    background: rgba(245, 245, 245, 0.95);
    min-width: auto;
    height: 0;
    overflow: hidden;
  }
  header .accordion_2.on {
    height: auto;
    transition: all 0.3s;
  }
}
@media screen and (max-width: 599px) {
  header.on {
    background: #0071bd;
  }
}

nav.set01 {
  height: inherit;
}
nav.set01 li {
  height: inherit;
}
nav.set01 {
  display: flex;
  justify-content: space-between;
}
nav.set01 > ul {
  position: relative;
  z-index: 300;
}
nav.set01 > ul:nth-of-type(1) {
  width: 190px;
}
nav.set01 > ul:nth-of-type(1) li.logo {
  width: 190px;
}
nav.set01 > ul:nth-of-type(1) li.logo.home > a:before {
  background-image: url("https://www.hino-systech.com/jp/common/image/hino_logo_mark.png");
}
@media screen and (min-width:600px) and (max-width:1300px) {
  nav.set01 > ul:nth-of-type(1) li.logo.home > a::after {
    display: none;
  }
}
nav.set01 > ul:nth-of-type(1) li.logo > a {
  position: relative;
  z-index: 300;
  height: inherit;
}
nav.set01 > ul:nth-of-type(1) li.logo > a:before {
  position: absolute;
  width: 190px;
  height: 100px;
  content: " ";
  top: 0;
  left: 0;
  display: block;
  background-image: url("https://www.hino-systech.com/jp/common/image/hino_logo_mark_nega.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 50% 50%;
}
nav.set01 > ul:nth-of-type(1) li.logo > a::after {
  position: absolute;
  content: " ";
  top: 0;
  left: 190px;
  width: 330px;
  height: 100px;
  background-image: url("https://www.hino-systech.com/jp/common/image/hino_logo_companyname_nega.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 50% 50%;
}
@media screen and (min-width:600px) and (max-width:1300px) {
  nav.set01 > ul:nth-of-type(1) li.logo > a::after {
    display: none;
  }
}
nav.set01 > ul:nth-of-type(2) {
  display: none;
}
@media screen and (max-width: 599px) {
  nav.set01 > ul:nth-of-type(1) {
    height: 54px;
    width: 100px;
  }
  nav.set01 > ul:nth-of-type(1) > li.logo {
    width: inherit;
  }
  nav.set01 > ul:nth-of-type(1) > li.logo > a {
    width: inherit;
  }
  nav.set01 > ul:nth-of-type(1) > li.logo > a:before {
    height: 54px;
    width: inherit;
    background-color: #003da6;
    background-image: url("https://www.hino-systech.com/jp/common/image/hino_logo_mark_shadow.png");
    background-size: 70px auto;
    background-position: 50% 50%;
  }
  nav.set01 > ul:nth-of-type(1) > li.logo > a::after {
    height: 54px;
    width: 190px;
    left: 120px;
    width: 200px;
    background-image: url("https://www.hino-systech.com/jp/common/image/hino_logo_companyname_bk.svg");
    background-size: 172px auto;
    background-position: 0% 50%;
  }
  nav.set01 > ul:nth-of-type(1) > li.logo > a.on::after {
    display: none;
  }
  nav.set01 > ul:nth-of-type(2) {
    display: block;
    width: 110px;
    display: flex;
    justify-content: flex-end;
  }
  nav.set01 > ul:nth-of-type(2) > li.nav_toggle {
    display: block;
    width: 70px;
  }
  nav.set01 > ul:nth-of-type(2) > li.lang {
    display: none;
  }
  nav.set01 > ul:nth-of-type(2) > li.lang.on {
    width: 40px;
    display: block;
  }
  nav.set01 > ul:nth-of-type(2) > li.lang.on a.lang {
    width: 100%;
    height: inherit;
    position: relative;
  }
  nav.set01 > ul:nth-of-type(2) > li.lang.on a.lang span {
    color: #fff;
    width: 36px;
    text-align: center;
    line-height: 36px;
    display: block;
    height: 36px;
    border: 1px solid #fff;
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
nav.set01 {
  /*
  ul.lang{
  	width: 36px;
  	margin-right: 30px;

  	position: fixed;
  	top:0;
  	right: 0;

  	li.en{

  		width: 36px;
  		a{
  			width: 100%;
  			height: inherit;
  			position: relative;
  			span{
  				color: #fff;
  				width: 36px;
  				text-align: center;
  				line-height: 36px;
  				display: block;
  				height: 36px;
  				border: 1px solid #fff;
  				font-size: 16px;
  				position: absolute;
  				top:50%;
  				transform: translateY(-50%);

  			}
  		}
  	}
  	li.nav_toggle{
  		display: none;
  	}


  	@include mx.mq(sp) {

  		width: 106px;
  		margin-right: 0px;
  		display: flex;
  		justify-content: space-between;

  		li.en{

  			background: #cca;

  			width: 36px;
  			a{
  				width: 100%;
  				height: inherit;
  				position: relative;
  				span{
  					color: #fff;
  					width: 36px;
  					text-align: center;
  					line-height: 36px;
  					display: block;
  					height: 36px;
  					border: 1px solid #fff;
  					font-size: 16px;
  					position: absolute;
  					top:50%;
  					transform: translateY(-50%);

  				}
  			}
  		}




  	}		






  }

  */
}

nav.set01.white_background.on,
nav.set01.white_background.scroll_on {
  background-color: rgba(255, 255, 255, 0.9);
}
nav.set01.white_background.on > ul:nth-of-type(1) li.logo.home > a:before,
nav.set01.white_background.scroll_on > ul:nth-of-type(1) li.logo.home > a:before {
  background-image: url("https://www.hino-systech.com/jp/common/image/hino_logo_mark.png");
}
nav.set01.white_background.on > ul:nth-of-type(1) li.logo > a:before,
nav.set01.white_background.scroll_on > ul:nth-of-type(1) li.logo > a:before {
  background-image: url("https://www.hino-systech.com/jp/common/image/hino_logo_mark.png");
}
nav.set01.white_background.on > ul:nth-of-type(1) li.logo > a::after,
nav.set01.white_background.scroll_on > ul:nth-of-type(1) li.logo > a::after {
  background-image: url("https://www.hino-systech.com/jp/common/image/hino_logo_companyname.png");
}

nav.set02 {
  height: 100px;
  position: absolute;
  top: 0;
  right: 70px;
  left: 0;
  width: 100%;
  z-index: 200px;
}
nav.set02 ul.set02_01 {
  position: relative;
  z-index: 290;
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
  padding-right: 40px;
}
nav.set02 ul.set02_01 > li {
  display: block;
  margin: 0;
}
nav.set02 ul.set02_01 > li.mb {
  display: none;
}
nav.set02 ul.set02_01 > li > a {
  padding: 0 15px;
}
nav.set02 ul.set02_01 > li > a span {
  height: 100px;
  line-height: 100px;
  font-size: 18px;
  color: #fff;
  text-shadow: 1px 1px 2px #000, 0 0 0.5em #ccc, 0 0 0.2em #aaa;
  text-shadow: 1px 1px 2px #000, 0 0 0.5em #ccc, 0 0 0.2em #aaa;
}
nav.set02 ul.set02_01 > li.lang {
  width: 50px;
}
nav.set02 ul.set02_01 > li.lang a.lang {
  width: 100%;
  height: inherit;
  position: relative;
}
nav.set02 ul.set02_01 > li.lang a.lang span {
  color: #fff;
  width: 36px;
  text-align: center;
  line-height: 36px;
  display: block;
  height: 36px;
  border: 1px solid #fff;
  font-size: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
nav.set02 ul.set02_01 {
  /*	
  	li.lang{

  		width: 56px;
  		a{
  			width: 100%;
  			height: inherit;
  			position: relative;
  			span{
  				color: #fff;
  				width: 36px;
  				text-align: center;
  				line-height: 36px;
  				display: block;
  				height: 36px;
  				border: 1px solid #fff;
  				font-size: 16px;
  				position: absolute;
  				top:50%;
  				transform: translateY(-50%);

  			}
  		}
  	}

  	*/
}
nav.set02 ul.set02_01_01 {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px;
  padding-right: 0px;
}
nav.set02 ul.set02_01_01 > li {
  display: block;
  margin: 0;
  width: calc((100% - 80px) / 3);
}
nav.set02 ul.set02_01_01 > li > a {
  padding: 0 10px;
  height: 40px;
  position: relative;
}
nav.set02 ul.set02_01_01 > li > a::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #0071bd;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
nav.set02 ul.set02_01_01 > li > a:after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  left: 7px;
  top: 50%;
  transform: rotate(45deg) translateY(-60%);
}
nav.set02 ul.set02_01_01 > li > a span {
  line-height: 1.4;
  font-size: 18px;
  color: #231815;
  position: absolute;
  left: 0px;
  padding-left: 46px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
}
nav.set02 ul.set02_01_01 li.lang {
  position: absolute;
  width: 36px;
  height: 50px;
}
nav.set02 ul.set02_01_01 li.lang a {
  height: 50px;
  width: 100%;
  height: inherit;
  position: relative;
}
nav.set02 ul.set02_01_01 li.lang a span {
  color: #fff;
  width: 36px;
  text-align: center;
  line-height: 36px;
  display: block;
  height: 36px;
  border: 1px solid #fff;
  font-size: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
nav.set02 dl {
  padding: 60px 0 80px 0;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  min-width: 800px;
  display: flex;
}
nav.set02 dl dt {
  width: 240px;
}
nav.set02 dl dt span {
  font-weight: bold;
  line-height: 1.4;
}
nav.set02 dl dt span:nth-of-type(1) {
  display: block;
  font-size: 30px;
}
nav.set02 dl dt span:nth-of-type(2) {
  display: block;
  color: #0071bd;
  font-size: 14px;
}
nav.set02 dl dd {
  width: calc(100% - 240px);
}
@media screen and (max-width: 599px) {
  nav.set02 {
    top: 54px;
    left: 0;
    height: auto;
  }
  nav.set02 ul.set02_01 {
    width: 100%;
    height: calc(100vh - 50px);
    background: #999;
    display: block;
    overflow-y: scroll;
    padding-right: 0px;
  }
  nav.set02 ul.set02_01 > li {
    height: auto;
    display: block;
    margin: 0;
    border-top: 1px solid #888;
  }
  nav.set02 ul.set02_01 > li.mb {
    display: block;
  }
  nav.set02 ul.set02_01 > li.lang {
    display: none;
  }
  nav.set02 ul.set02_01 > li > a {
    padding: 0 10px;
    height: 50px;
    position: relative;
    background: #eeeeee;
  }
  nav.set02 ul.set02_01 > li > a.on {
    background: #dddddd;
  }
  nav.set02 ul.set02_01 > li > a {
    opacity: 1;
  }
  nav.set02 ul.set02_01 > li > a span {
    position: absolute;
    height: auto;
    line-height: 1.2;
    font-size: 18px;
    color: #231815;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    padding-top: 2px;
    text-shadow: none;
  }
  nav.set02 ul.set02_01 > li > a::before {
    position: absolute;
    content: "";
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #0071bd;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  nav.set02 ul.set02_01 > li > a::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    left: auto;
    right: 6.5px;
    right: 22px;
    top: 50%;
    transform: rotate(45deg) translateY(-60%);
  }
  nav.set02 ul.set02_01 > li > a.nav_sw::after {
    right: 17px;
    top: 40%;
    transform: rotate(135deg) translateY(-60%);
    transform: rotate(135deg);
  }
  nav.set02 ul.set02_01 > li > a.nav_sw.on::after {
    right: 17px;
    top: 46%;
    transform: rotate(-45deg);
  }
  nav.set02 ul.set02_01_01 {
    width: 100%;
    display: block;
    margin-bottom: 0;
    padding-right: 0px;
    padding: 0 0px 0 20px;
  }
  nav.set02 ul.set02_01_01 > li {
    display: block;
    margin: 0;
    border-top: 1px dotted #888;
  }
  nav.set02 ul.set02_01_01 > li:nth-of-type(1) {
    border-top: none;
  }
  nav.set02 ul.set02_01_01 > li {
    width: 100%;
  }
  nav.set02 ul.set02_01_01 > li > a {
    padding: 0 10px;
    height: 40px;
    position: relative;
    background: #fff;
  }
  nav.set02 ul.set02_01_01 > li > a::before {
    display: none;
    content: " ";
  }
  nav.set02 ul.set02_01_01 > li > a:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    left: auto;
    right: 20px;
    top: 50%;
    transform: rotate(45deg) translateY(-60%);
  }
  nav.set02 ul.set02_01_01 > li > a span {
    line-height: 1.4;
    font-size: 18px;
    color: #231815;
    position: absolute;
    left: 0px;
    padding-left: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
  }
  nav.set02 dl {
    padding: 0px 0 0px 0;
    margin: 0 auto;
    width: 100%;
    min-width: auto;
    display: block;
  }
  nav.set02 dl dt {
    display: none;
  }
  nav.set02 dl dt span {
    font-weight: bold;
    line-height: 1.4;
  }
  nav.set02 dl dt span:nth-of-type(1) {
    display: block;
    font-size: 30px;
  }
  nav.set02 dl dt span:nth-of-type(2) {
    display: block;
    color: #0071bd;
    font-size: 14px;
  }
  nav.set02 dl dd {
    width: 100%;
  }
}

nav.set02.white_background.on ul.set02_01 > li > a span,
nav.set02.white_background.scroll_on ul.set02_01 > li > a span {
  color: #231815;
  text-shadow: none;
}
nav.set02.white_background.on ul.set02_01 > li.lang a.lang span,
nav.set02.white_background.scroll_on ul.set02_01 > li.lang a.lang span {
  color: #231815;
  border: 1px solid #231815;
}

.close-button {
  width: 40px;
  height: 40px;
  position: relative;
  border: 1px solid black; /* 外枠 */
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  top: 40px;
  right: 40px;
}
.close-button:hover {
  opacity: 0.4;
}
@media screen and (max-width: 599px) {
  .close-button {
    display: none;
  }
}

.close-button::before,
.close-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px; /* × のライン長さ */
  height: 2px; /* ラインの太さ */
  background-color: black;
  transform-origin: center;
}

.close-button::before {
  transform: translate(-50%, -50%) rotate(45deg); /* 右下がりのライン */
}

.close-button::after {
  transform: translate(-50%, -50%) rotate(-45deg); /* 左下がりのライン */
}

nav ul {
  height: inherit;
}
nav ul li {
  height: inherit;
}
nav ul li a {
  height: inherit;
  display: block;
  width: 100%;
}

nav#set01 {
  background: rgba(255, 255, 255, 0.9);
}
nav#set01 div.set01 {
  width: 100%;
  min-width: 1080px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
nav#set01 div.set01 ul.logo {
  height: 54px;
}
nav#set01 div.set01 ul.logo li {
  width: 400px;
}
nav#set01 div.set01 ul.logo li a {
  line-height: 54px;
  background-image: url("https://www.hino-systech.com/jp/common/image/com_logo_okura.svg");
  background-repeat: no-repeat;
  background-size: 125px auto;
  background-position: 25px 50%;
  padding-left: 170px;
  font-weight: bold;
}
nav#set01 div.set01 ul.navi01 {
  display: none;
}
nav#set01 div.set01 ul.navi02 {
  height: 54px;
  width: calc(100% - 400px);
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
nav#set01 div.set01 ul.navi02 li {
  width: 76px;
}
nav#set01 div.set01 ul.navi02 li a {
  text-align: left;
  font-size: 16px;
  line-height: 54px;
}
nav#set01 div.set01 ul.navi02 li.inq {
  width: 166px;
}
nav#set01 div.set01 ul.navi02 li.inq a {
  padding-left: 40px;
  background: #3f86c4;
  color: #fff;
  background-image: url("https://www.hino-systech.com/jp/common/image/com_icon_mail.svg");
  background-repeat: no-repeat;
  background-size: 26px auto;
  background-position: 8px 50%;
}
nav#set01 div.set01 ul.navi02 li.faq a {
  padding-left: 32px;
  background: #00b2ca;
  color: #fff;
  background-image: url("https://www.hino-systech.com/jp/common/image/com_icon_faq.svg");
  background-repeat: no-repeat;
  background-size: 21px auto;
  background-position: 5px 50%;
}
nav#set01 div.set01 ul.navi02 li.ser a {
  padding-left: 29px;
  background: #ffff00;
  background-image: url("https://www.hino-systech.com/jp/common/image/com_icon_search.svg");
  background-repeat: no-repeat;
  background-size: 17px auto;
  background-position: 6px 50%;
}
nav#set01 div.set01 ul.navi02 li.lang a {
  text-align: center;
  background: #e9eff1;
  color: #fff;
}
nav#set01 div.set01 ul.navi03 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #cccccc;
}
nav#set01 div.set01 ul.navi03 li {
  width: 12.5%;
  height: 51px;
  border-left: 1px solid #cccccc;
}
nav#set01 div.set01 ul.navi03 li:nth-of-type(1) {
  border-left: none;
}
nav#set01 div.set01 ul.navi03 li a {
  font-size: 18px;
  text-align: center;
  line-height: 51px;
}
nav#set01 div.set02 {
  background: #fff;
}

nav#set02 .accordion {
  height: 0;
  overflow: hidden;
}
nav#set02 .accordion.open {
  height: auto;
  overflow: visible;
}
nav#set02 div.logo {
  height: 106px;
}
nav#set02 div.logo a {
  background: #0071bd;
  height: inherit;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background-image: url("https://www.hino-systech.com/jp/common/image/com_logo_okura__white.svg");
  background-repeat: no-repeat;
  background-size: 162px auto;
  background-position: 50% 20px;
  padding-top: 70px;
  border-bottom: 2px solid #fff;
}
nav#set02 div.set01 {
  background: #edf4f6;
}
nav#set02 ul.navi_02_01 {
  height: auto;
}
nav#set02 ul.navi_02_01 > li {
  display: none;
}
nav#set02 ul.navi_02_01 > li.pc_on {
  display: block;
}
nav#set02 ul.navi_02_01 > li {
  height: auto;
}
nav#set02 ul.navi_02_01 > li > a {
  background: #20a3d6;
  padding-left: 10px;
  font-size: 18px;
  color: #fff;
  line-height: 33px;
}
nav#set02 ul.navi_02_01 > li h2 {
  font-size: 14px;
  text-align: left;
  color: #555;
  line-height: 1.5;
  padding: 0 0px 0 10px;
}
nav#set02 ul.navi_02_01 > li h2:nth-of-type(1) {
  padding-top: 20px;
}
nav#set02 ul.navi_02_02_title {
  padding: 10px 10px 0 10px;
}
nav#set02 ul.navi_02_02_title > li > a {
  height: 108px;
  font-size: 20px;
  position: relative;
}
nav#set02 ul.navi_02_02_title > li > a > span {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  font-weight: bold;
}
nav#set02 ul.navi_02_02_title > li > a {
  background-image: url("https://www.hino-systech.com/jp/common/image/com_nav_icon_1008.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
nav#set02 ul.navi_02_02 {
  padding: 10px;
}
nav#set02 ul.navi_02_02 > li > div.nav_sw {
  display: none;
}
nav#set02 ul.navi_02_02 > li {
  height: 40px;
  height: auto;
  margin-bottom: 6px;
}
nav#set02 ul.navi_02_02 > li.current > div.nav_sw, nav#set02 ul.navi_02_02 > li.current > a {
  color: #fff;
  background: linear-gradient(#20a3d6, #20a3d6);
}
nav#set02 ul.navi_02_02 > li > div.nav_sw, nav#set02 ul.navi_02_02 > li > a {
  height: 40px;
  color: #20a3d6;
  font-size: 16px;
  position: relative;
  border: 1px solid;
  -o-border-image: linear-gradient(#f2f2f2, #cccccc) 1;
     border-image: linear-gradient(#f2f2f2, #cccccc) 1;
  background: linear-gradient(#f2f2f2, #ffffff);
}
nav#set02 ul.navi_02_02 > li > div.nav_sw.current, nav#set02 ul.navi_02_02 > li > a.current {
  color: #fff;
  background: linear-gradient(#20a3d6, #20a3d6);
}
nav#set02 ul.navi_02_02 > li > div.nav_sw > span, nav#set02 ul.navi_02_02 > li > a > span {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  font-weight: bold;
  line-height: 1.1;
}
nav#set02 ul.navi_02_02 > li > div.nav_sw::after {
  content: " ";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background-image: url("https://www.hino-systech.com/jp/common/image/com_icon_plus.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
nav#set02 ul.navi_02_02 > li > div.nav_sw.open::after {
  content: " ";
  background-image: url("https://www.hino-systech.com/jp/common/image/com_icon_minus.svg");
}
nav#set02 ul.navi_02_02.indent_01 {
  padding: 0px;
  padding-top: 10px;
  padding-left: 30px;
}
nav#set02 ul.navi_02_03 {
  padding: 0px;
}
nav#set02 ul.navi_02_03.mini > li > a {
  height: 36px;
}
nav#set02 ul.navi_02_03 > li:nth-of-type(1) > a {
  border-top: none;
}
nav#set02 ul.navi_02_03 > li {
  height: auto;
  margin-bottom: 0px;
  position: relative;
}
nav#set02 ul.navi_02_03 > li.current > div.nav_sw, nav#set02 ul.navi_02_03 > li.current > a {
  color: #fff;
  background: #00b2ca;
}
nav#set02 ul.navi_02_03 > li.current > div.nav_sw::after, nav#set02 ul.navi_02_03 > li.current > a::after {
  background-image: url("https://www.hino-systech.com/jp/common/image/com_icon_right_nega.svg");
}
nav#set02 ul.navi_02_03 > li > div.nav_sw {
  display: none;
}
nav#set02 ul.navi_02_03 > li > a {
  border-top: 1px solid #ccc;
  height: 50px;
  font-size: 15px;
  position: relative;
  line-height: 1.4;
}
nav#set02 ul.navi_02_03 > li > a > span {
  padding-right: 26px;
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%);
  font-weight: bold;
}
nav#set02 ul.navi_02_03 > li > a::after {
  content: " ";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background-image: url("https://www.hino-systech.com/jp/common/image/com_icon_right.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
nav#set02 ul.navi_02_03 > li > a.current {
  color: #fff;
  background: #00b2ca;
}
nav#set02 ul.navi_02_03 > li > a.current::after {
  background-image: url("https://www.hino-systech.com/jp/common/image/com_icon_right_nega.svg");
}
nav#set02 ul.navi_02_03.indent_01 {
  padding: 0px;
  padding-top: 0px;
  padding-left: 20px;
}
nav#set02 ul.navi_02_03.indent_02 {
  padding: 0px;
  padding-top: 0px;
  padding-left: 30px;
}
nav#set02 {
  /*	

  	ul.navi_02_03_conveyor{

  		padding: 0px;
  		margin-top: 10px;


  		&.mini{

  			&>li>a{
  				height: 32px;
  			}

  		}



  		&>li{
  			height: 36px;
  			height: auto;
  			margin-bottom: 6px;
  			padding-left: 20px;
  			&>div.nav_sw,&>a{



  				&.current{
  					color: #fff;
  					background: linear-gradient(#20a3d6, #20a3d6);
  				}				



  				height: 40px;
  				color: c1.$color_point_nav;;
  				font-size: 16px;
  				position: relative;
  				&>span{
  					position: absolute;
  					top: 50%;
  					left: 12px;
  					transform: translateY(-50%);
  					font-weight: bold;
  				}

  				    border: 1px solid;
  					border-image: linear-gradient(#f2f2f2, #cccccc) 1;

  				background: linear-gradient( #f2f2f2, #ffffff);
  				//background-image: url(c1.$common_img_url+"com_nav_icon_1008f
  				//background-size:cover;


  			}

  			&>div.nav_sw{
  				&::after{
  					content: " ";
  					width: 12px;
  					height: 12px;
  					position: absolute;
  					top: 50%;
  					right: 10px;
  					transform: translateY(-50%);
  					background-image: url(c1.$common_img_url+"com_icon_plus.svg");
  					background-repeat:no-repeat;
  					background-size:cover;
  				}
  				&.open{

  					&::after{
  						content: " ";	
  						background-image: url(c1.$common_img_url+"com_icon_minus.svg");
  					}

  				}

  			}

  		}


  	}

  */
  /*

  	ul.navi_02_03_conveyor_a{
  		padding: 0px;





  		&>li{
  		//	height: 50px;
  			height:auto;
  			margin-bottom: 0px;
  			padding-left: 10px;


  			&>div.nav_sw{
  				display: none;
  			}

  			&:nth-of-type(1){
  				&>a{
  				 border-top: none;
  				}
  			}

  			&>a{
  				 border-top: 1px solid #ccc;
  				 //border-bottom: 1px solid #e6e6e6;
  				//color: c1.$color_point_nav;;
  				height: 50px;
  				font-size: 15px;
  				position: relative;
  				line-height: 1.4;
  				&>span{
  					padding-right: 26px;
  					position: absolute;
  					top: 50%;
  					left: 6px;
  					transform: translateY(-50%);
  					font-weight: bold;
  				}




  				&::after{
  					content: " ";
  					width: 12px;
  					height: 12px;
  					position: absolute;
  					top: 50%;
  					right: 10px;
  					transform: translateY(-50%);
  					background-image: url(c1.$common_img_url+"com_icon_right.svg");
  					background-repeat:no-repeat;
  					background-size:cover;
  				}
  				&.current{
  					color: #fff;
  					background: #00b2ca;
  					&::after{
  						background-image: url(c1.$common_img_url+"com_icon_right_nega.svg");

  					}



  				}

  			}
  		}

  	}

  */
  /*	
  	ul.navi_02_03_conveyor_b{
  		padding: 0px;





  		&>li{
  		//	height: 50px;
  			height:auto;
  			margin-bottom: 0px;
  			padding-left: 10px;
  			position: relative;

  			&>div.nav_sw{
  				display: none;
  			}

  			&>a{
  				 border-top: 1px solid #ccc;
  				// border-bottom: 1px solid #e6e6e6;
  				//color: c1.$color_point_nav;;
  				height: 50px;
  				font-size: 15px;
  				position: relative;
  				line-height: 1.4;
  				&>span{
  					padding-right: 26px;
  					position: absolute;
  					top: 50%;
  					left: 12px;
  					transform: translateY(-50%);
  					font-weight: bold;
  				}




  				&::after{
  					content: " ";
  					width: 12px;
  					height: 12px;
  					position: absolute;
  					top: 50%;
  					right: 10px;
  					transform: translateY(-50%);
  					background-image: url(c1.$common_img_url+"com_icon_right.svg");
  					background-repeat:no-repeat;
  					background-size:cover;
  				}
  				&.current{
  					color: #fff;
  					background: #00b2ca;
  					&::after{
  						background-image: url(c1.$common_img_url+"com_icon_right_nega.svg");

  					}



  				}

  			}
  		}

  	}
  */
}
nav#set02 ul.navi_02_03_conveyor_b .sw_conveyor_detail {
  overflow: visible;
}
nav#set02 ul.navi_02_03_conveyor_b .accordion.conveyor_detail {
  border-top: none;
  position: absolute;
  top: 0;
  right: -500px;
  transform: translateY(-30%);
  width: 500px;
  z-index: 110;
}
nav#set02 ul.navi_02_03.conveyor_c {
  padding: 0px;
  border-top: 1px dashed #ccc;
}
nav#set02 ul.navi_02_03.conveyor_c > li {
  height: auto;
  margin-bottom: 10px;
  padding-left: 10px;
  padding: 6px 6px 6px 14px;
  font-weight: bold;
  position: relative;
}
nav#set02 ul.navi_02_03.conveyor_c > li::after {
  content: " ";
  width: 8px;
  height: 10px;
  position: absolute;
  top: 14px;
  left: 5px;
  background: #E14A06;
  clip-path: polygon(0 0, 100% 50%, 0% 100%);
}
nav#set02 ul.navi_02_03_conveyor_d {
  padding: 10px 10px 10px 40px;
  border-top: 1px dashed #ccc;
  background: rgb(237, 244, 246);
  display: flex;
  flex-wrap: wrap;
}
nav#set02 ul.navi_02_03_conveyor_d > li {
  width: calc((100% - 10px) / 2);
  margin-bottom: 8px;
  height: auto;
  padding-left: 10px;
  padding: 2px 4px 2px 10px;
  font-weight: bold;
  position: relative;
}
nav#set02 ul.navi_02_03_conveyor_d > li::after {
  content: " ";
  width: 8px;
  height: 10px;
  position: absolute;
  top: 8px;
  left: 0px;
  background: #20a3d6;
  clip-path: polygon(0 0, 100% 50%, 0% 100%);
}
nav#set02 ul.navi_02_03_conveyor_d > li.current::after {
  background: #E14A06;
}
nav#set02 ul.navi_02_03_conveyor_d > li > div.nav_sw {
  display: none;
}
nav#set02 ul.navi_02_03_conveyor_d > li > a {
  font-size: 15px;
  line-height: 1.4;
}
nav#set02 ul.navi_02_03_conveyor_d > li > a > span {
  padding-right: 26px;
  left: 12px;
  font-weight: bold;
}
nav#set02 ul.navi_02_03_conveyor_d > li > a > span i:nth-of-type(1) {
  font-weight: bold;
}
nav#set02 ul.navi_02_03_conveyor_d > li > a > span i:nth-of-type(2) {
  font-weight: normal;
}
nav#set02 ul.navi_02_03_conveyor_d > li > a.current {
  color: #fff;
  background: #00b2ca;
}
nav#set02 ul.navi_02_03_conveyor_d > li > a.current::after {
  background-image: url("https://www.hino-systech.com/jp/common/image/com_icon_right_nega.svg");
}
nav#set02 ul.navi_02_04 {
  padding: 30px 10px 30px 10px;
}
nav#set02 ul.navi_02_04.type02 {
  padding-bottom: 0;
}
nav#set02 ul.navi_02_04 li {
  margin-bottom: 12px;
}
nav#set02 ul.navi_02_04 li.n2 a {
  background-image: url("https://www.hino-systech.com/jp/common/image/com_nav_icon_1007.jpg");
}
nav#set02 ul.navi_02_04 li.n2 a span i:nth-of-type(2) {
  background: linear-gradient(#00b2ca, #1593a6);
}
nav#set02 ul.navi_02_04 li a {
  height: 108px;
  position: relative;
  color: #fff;
}
nav#set02 ul.navi_02_04 li a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-weight: bold;
  text-align: center;
}
nav#set02 ul.navi_02_04 li a span i {
  display: inline-block;
}
nav#set02 ul.navi_02_04 li a span i:nth-of-type(1) {
  font-size: 20px;
  width: 100%;
}
nav#set02 ul.navi_02_04 li a span i:nth-of-type(2) {
  font-size: 14px;
  width: 202px;
  height: 28px;
  line-height: 28px;
  background: linear-gradient(#3f86c4, #2e6493);
  border: 1px solid #ffffff;
  border-radius: 6px;
}
nav#set02 ul.navi_02_04 li a {
  background-image: url("https://www.hino-systech.com/jp/common/image/com_nav_icon_1006.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
nav#set02 ul.navi_02_05 {
  padding: 10px 10px 20px 10px;
}
nav#set02 ul.navi_02_05 > li > p {
  font-size: 16px;
}
nav#set02 ul.navi_02_05 > li > p > span {
  font-size: 14px;
}
nav#set02 ul.navi_02_05 > li .word {
  height: 40px;
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  background-image: url("https://www.hino-systech.com/jp/common/image/com_icon_search.svg");
  background-repeat: no-repeat;
  background-size: 17px auto;
  background-position: 6px 50%;
  border-radius: 6px;
  overflow: hidden;
}
nav#set02 ul.navi_02_05 > li .word input[type=text] {
  height: inherit;
  width: calc(100% - 50px);
  background-color: transparent;
  padding-left: 10px;
}
nav#set02 ul.navi_02_05 > li .word button {
  height: inherit;
  width: 50px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  background: #ffff00;
}
nav#set02 ul.navi_02_06 {
  padding: 12px;
  padding-bottom: 26px;
}
nav#set02 ul.navi_02_06 > li {
  height: 70px;
  margin-bottom: 12px;
  position: relative;
  border-radius: 4px;
  background: linear-gradient(#f2f2f2, #ffffff);
  background: #f8f;
  overflow: visible;
  z-index: 12;
}
nav#set02 ul.navi_02_06 > li::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(#f2f2f2, #cccccc);
}
nav#set02 ul.navi_02_06 > li > a {
  color: #20a3d6;
  font-size: 16px;
  position: relative;
  border-radius: 4px;
}
nav#set02 ul.navi_02_06 > li > a > span {
  padding-left: 80px;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  font-weight: bold;
  line-height: 1.5;
}
nav#set02 ul.navi_02_06 > li > a > span > i {
  color: #231815;
  font-size: 14px;
}
nav#set02 ul.navi_02_06 > li > a {
  background: linear-gradient(#f2f2f2, #ffffff);
}
nav#set02 ul.navi_02_06 > li > a::after {
  content: " ";
  position: absolute;
  left: 0;
  width: 70px;
  height: inherit;
  background-image: url("https://www.hino-systech.com/jp/common/image/com_nav_icon_1001.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
  border-radius: 4px 0px 0px 4px;
}
nav#set02 ul.navi_02_06 > li > a {
  border-radius: 4px;
}
nav#set02 ul.navi_02_06 > li.n2 a::after {
  background-image: url("https://www.hino-systech.com/jp/common/image/com_nav_icon_1002.jpg");
}
nav#set02 ul.navi_02_06 > li.n3 a::after {
  background-image: url("https://www.hino-systech.com/jp/common/image/com_nav_icon_1003.jpg");
}
nav#set02 ul.navi_02_06 > li.n4 a::after {
  background-image: url("https://www.hino-systech.com/jp/common/image/com_nav_icon_1004.jpg");
}
nav#set02 ul.navi_02_06 > li.n5 a::after {
  background-image: url("https://www.hino-systech.com/jp/common/image/com_nav_icon_1005.jpg");
}
nav#set02 ul.navi_02_07 {
  padding: 10px;
  padding-bottom: 26px;
}
nav#set02 ul.navi_02_07 > li {
  height: 90px;
  margin-bottom: 12px;
}
nav#set02 ul.navi_02_07 > li.n2 > a {
  background: #00b2ca;
}
nav#set02 ul.navi_02_07 > li > a {
  background: #0071bd;
  font-size: 18px;
  position: relative;
  border-radius: 4px;
  color: #fff;
}
nav#set02 ul.navi_02_07 > li > a > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-weight: bold;
  line-height: 1.5;
}

/*
main{
	padding: 0 20px;
	position: relative;
	z-index: 100;

	div#main_contents{		
		width: calc(1024px + 40px);
		//border: 1px solid #9a9;
		margin: 0 auto;

		padding-top: 0;

	}



	ul.fl{


		display: flex;
		justify-content: space-between;

		&.fw{
			flex-wrap: wrap;			
		}

	}

	img{
		width: 100%;
	}



}

*/
#modal_window {
  z-index: 900;
  display: none;
}
#modal_window.navi_open {
  display: block;
}
#modal_window {
  background: rgba(0, 0, 0, 0.6);
  height: 100vh;
  width: 100vw;
  position: fixed;
  left: 0;
  top: 0;
}

footer {
  width: 100%;
  background: #354954;
}
footer div.copyright {
  text-align: center;
  color: white;
  height: 32px;
  line-height: 32px;
  font-size: 1.4rem;
  background: #0071bd;
}
@media screen and (max-width: 599px) {
  footer div.copyright {
    height: auto;
    line-height: 1.2;
    padding: 8px 0;
  }
}
footer div.set01 {
  padding-top: 60px;
  padding-bottom: 120px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
footer div.set01 dl {
  width: calc((100% - 204px) / 5);
}
footer div.set01 dl:nth-of-type(3) {
  width: calc((100% - 204px) / 5 + 60px);
}
footer div.set01 dl dt {
  font-size: 18px;
  color: #fff;
  border-bottom: 6px solid #0071bd;
  padding-bottom: 6px;
}
footer div.set01 dl dd {
  padding-top: 20px;
}
footer div.set01 dl dd ul li {
  height: 40px;
}
footer div.set01 dl dd ul li a {
  color: #fff;
  font-size: 14px;
}
footer div.set01 dl dd ul li.line {
  position: relative;
}
footer div.set01 dl dd ul li.line::after {
  content: " ";
  height: 1px;
  border-top: 1px solid #fff;
  display: block;
  width: 100%;
  transform: translateY(13px);
}
@media screen and (max-width: 599px) {
  footer div.set01 {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  footer div.set02 {
    padding-top: 40px;
  }
}
footer div.set02 a {
  display: block;
  margin: 0 auto;
  width: 235px;
  height: 130px;
}
footer div.set02 a::before, footer div.set02 a::after {
  content: " ";
  display: block;
  width: inherit;
  background-repeat: no-repeat;
}
footer div.set02 a::before {
  height: 70px;
  background-image: url("https://www.hino-systech.com/jp/common/image/hino_logo_mark.svg");
  background-size: 132px auto;
  background-position: 50% 0%;
}
footer div.set02 a::after {
  height: 60px;
  background-image: url("https://www.hino-systech.com/jp/common/image/hino_logo_companyname.svg");
  background-size: 100% auto;
  background-position: 50% 0%;
}

div.layout {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  min-width: 1080px;
}
div.layout div.layout_navi {
  width: 324px;
  background: #edf4f6;
}
div.layout div.layout_main {
  width: calc(100% - 324px);
}

footer {
  order: 3;
  width: 100%;
}

nav#set01 {
  width: 100%;
}

nav#set02 {
  width: 324px;
  background: rgba(237, 244, 246, 0.5);
  position: sticky;
  top: 0;
  z-index: 110;
}

header {
  width: 100%;
  min-width: 1080px;
  z-index: 1000;
}
@media screen and (max-width: 599px) {
  header {
    min-width: 200px;
    width: 100%;
    width: 100vw;
  }
}

main {
  width: calc(100% - 324px);
  width: 100%;
  display: block;
  padding: 0px;
  margin: 0px;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 599px) {
  main {
    padding-top: 54px;
  }
}

.wrap {
  width: 1280px;
  min-width: 1080px;
  padding-left: 40px;
  padding-right: 40px;
  margin: 0 auto;
}
@media screen and (max-width: 599px) {
  .wrap {
    min-width: 200px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

section.page_head {
  height: 375px;
  width: 100%;
  background-image: url("https://www.hino-systech.com/jp/images/business__instrumentation_and_control__head_pc.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
section.page_head.h02 {
  background-image: url("https://www.hino-systech.com/jp/images/company__head_pc.jpg");
}
section.page_head.h03 {
  background-image: url("https://www.hino-systech.com/jp/images/company__outline__head_pc.jpg");
}
section.page_head.h04 {
  background-image: url("https://www.hino-systech.com/jp/images/company__policy__head_pc.jpg");
}
section.page_head.h05 {
  background-image: url("https://www.hino-systech.com/jp/images/company__history__head_pc.jpg");
}
section.page_head.h06 {
  background-image: url("https://www.hino-systech.com/jp/images/company__chart__head_pc.jpg");
}
section.page_head.h07 {
  background-image: url("https://www.hino-systech.com/jp/images/company__vendors__head_pc.jpg");
}
section.page_head.h08 {
  background-image: url("https://www.hino-systech.com/jp/images/company__deliveryrecord__head_pc.jpg");
}
section.page_head.h09 {
  background-image: url("https://www.hino-systech.com/jp/images/business__head_pc.jpg");
}
section.page_head.h11 {
  background-image: url("https://www.hino-systech.com/jp/images/business__computer_control_system__head_pc.jpg");
}
section.page_head.h12 {
  background-image: url("https://www.hino-systech.com/jp/images/systemsolution__head_pc.jpg");
}
section.page_head.h13 {
  background-image: url("https://www.hino-systech.com/jp/images/systemsolution__pharmaceuticals__head_pc.jpg");
}
section.page_head.h14 {
  background-image: url("https://www.hino-systech.com/jp/images/systemsolution__carbon_neutral__head_pc.jpg");
}
section.page_head.h15 {
  background-image: url("https://www.hino-systech.com/jp/images/systemsolution__plantsafety__head_pc.jpg");
}
section.page_head.h16 {
  background-image: url("https://www.hino-systech.com/jp/images/systemsolution__csystemsolution__plant_security_pc.jpg");
}
section.page_head.h17 {
  background-image: url("https://www.hino-systech.com/jp/images/advantage__head_pc.jpg");
}
section.page_head.h18 {
  background-image: url("https://www.hino-systech.com/jp/images/systemsolution__advantage__business_domain_pc.jpg");
}
section.page_head.h19 {
  background-image: url("https://www.hino-systech.com/jp/images/advantage__partner__head_pc.jpg");
}
section.page_head.h20 {
  background-image: url("https://www.hino-systech.com/jp/images/product__head_pc.jpg");
}
section.page_head.h21 {
  background-image: url("https://www.hino-systech.com/jp/images/product__product_lineup__head_pc.jpg");
}
section.page_head.h22 {
  background-image: url("https://www.hino-systech.com/jp/images/product__product_list__head_pc.jpg");
}
section.page_head.h23 {
  background-image: url("https://www.hino-systech.com/jp/images/product__outsourcing__head_pc.jpg");
}
section.page_head.h25 {
  background-image: url("https://www.hino-systech.com/jp/images/recruit__voice__head_pc.jpg");
}
section.page_head.h26 {
  background-image: url("https://www.hino-systech.com/jp/images/recruit__graduate1__head_pc.jpg");
}
section.page_head.h27 {
  background-image: url("https://www.hino-systech.com/jp/images/recruit__graduate2__head_pc.jpg");
}
section.page_head.h28 {
  background-image: url("https://www.hino-systech.com/jp/images/recruit__career__head_pc.jpg");
}
section.page_head.h30 {
  background-image: url("https://www.hino-systech.com/jp/images/information__head_pc.jpg");
}
section.page_head.h33 {
  background-image: url("https://www.hino-systech.com/jp/images/privacy__head_pc.jpg");
}
section.page_head.h32 {
  background-image: url("https://www.hino-systech.com/jp/images/contact__head_pc.jpg");
}
section.page_head.h32.tec {
  background-image: url("https://www.hino-systech.com/jp/images/technical_inquiries_head_pc.jpg");
}
section.page_head.h34 {
  background-image: url("https://www.hino-systech.com/jp/images/sitemap__head_pc.jpg");
}
section.page_head.h35 {
  background-image: url("https://www.hino-systech.com/jp/images/recruit_training_system__head_pc.jpg");
}
section.page_head.h36 {
  background-image: url("https://www.hino-systech.com/jp/images/recruit_entry_head_pc.jpg");
}
section.page_head div.title h1 {
  font-size: 32px;
  color: #fff;
  text-align: center;
}
section.page_head div.title p {
  font-size: 12;
  color: #fff;
  text-align: center;
}
section.page_head .wrap {
  position: relative;
  padding-top: 190px;
}
section.page_head .wrap .pan {
  position: absolute;
  top: 395px;
}

@media screen and (max-width: 599px) {
  section.page_head {
    height: 200px;
    width: 100%;
    background-image: url("https://www.hino-systech.com/jp/images/business__instrumentation_and_control__head_sp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
  section.page_head.h02 {
    background-image: url("https://www.hino-systech.com/jp/images/company__head_sp.jpg");
  }
  section.page_head.h03 {
    background-image: url("https://www.hino-systech.com/jp/images/company__outline__head_sp.jpg");
  }
  section.page_head.h04 {
    background-image: url("https://www.hino-systech.com/jp/images/company__policy__head_sp.jpg");
  }
  section.page_head.h05 {
    background-image: url("https://www.hino-systech.com/jp/images/company__history__head_sp.jpg");
  }
  section.page_head.h06 {
    background-image: url("https://www.hino-systech.com/jp/images/company__chart__head_sp.jpg");
  }
  section.page_head.h07 {
    background-image: url("https://www.hino-systech.com/jp/images/company__vendors__head_sp.jpg");
  }
  section.page_head.h08 {
    background-image: url("https://www.hino-systech.com/jp/images/company__deliveryrecord__head_sp.jpg");
  }
  section.page_head.h09 {
    background-image: url("https://www.hino-systech.com/jp/images/business__head_sp.jpg");
  }
  section.page_head.h11 {
    background-image: url("https://www.hino-systech.com/jp/images/business__computer_control_system__head_sp.jpg");
  }
  section.page_head.h12 {
    background-image: url("https://www.hino-systech.com/jp/images/systemsolution__head_sp.jpg");
  }
  section.page_head.h13 {
    background-image: url("https://www.hino-systech.com/jp/images/systemsolution__pharmaceuticals__head_sp.jpg");
  }
  section.page_head.h14 {
    background-image: url("https://www.hino-systech.com/jp/images/systemsolution__carbon_neutral__head_sp.jpg");
  }
  section.page_head.h15 {
    background-image: url("https://www.hino-systech.com/jp/images/systemsolution__plantsafety__head_sp.jpg");
  }
  section.page_head.h16 {
    background-image: url("https://www.hino-systech.com/jp/images/systemsolution__csystemsolution__plant_security_sp.jpg");
  }
  section.page_head.h17 {
    background-image: url("https://www.hino-systech.com/jp/images/advantage__head_sp.jpg");
  }
  section.page_head.h18 {
    background-image: url("https://www.hino-systech.com/jp/images/systemsolution__advantage__business_domain_sp.jpg");
  }
  section.page_head.h19 {
    background-image: url("https://www.hino-systech.com/jp/images/advantage__partner__head_sp.jpg");
  }
  section.page_head.h20 {
    background-image: url("https://www.hino-systech.com/jp/images/product__head_sp.jpg");
  }
  section.page_head.h21 {
    background-image: url("https://www.hino-systech.com/jp/images/product__product_lineup__head_sp.jpg");
  }
  section.page_head.h22 {
    background-image: url("https://www.hino-systech.com/jp/images/product__product_list__head_sp.jpg");
  }
  section.page_head.h23 {
    background-image: url("https://www.hino-systech.com/jp/images/product__outsourcing__head_sp.jpg");
  }
  section.page_head.h25 {
    background-image: url("https://www.hino-systech.com/jp/images/recruit__voice__head_sp.jpg");
  }
  section.page_head.h26 {
    background-image: url("https://www.hino-systech.com/jp/images/recruit__graduate1__head_sp.jpg");
  }
  section.page_head.h27 {
    background-image: url("https://www.hino-systech.com/jp/images/recruit__graduate2__head_sp.jpg");
  }
  section.page_head.h28 {
    background-image: url("https://www.hino-systech.com/jp/images/recruit__career__head_sp.jpg");
  }
  section.page_head.h30 {
    background-image: url("https://www.hino-systech.com/jp/images/information__head_sp.jpg");
  }
  section.page_head.h33 {
    background-image: url("https://www.hino-systech.com/jp/images/privacy__head_sp.jpg");
  }
  section.page_head.h32 {
    background-image: url("https://www.hino-systech.com/jp/images/contact__head_sp.jpg");
  }
  section.page_head.h32.tec {
    background-image: url("https://www.hino-systech.com/jp/images/technical_inquiries_head_sp.jpg");
  }
  section.page_head.h34 {
    background-image: url("https://www.hino-systech.com/jp/images/sitemap__head_sp.jpg");
  }
  section.page_head.h35 {
    background-image: url("https://www.hino-systech.com/jp/images/recruit_training_system__head_sp.jpg");
  }
  section.page_head.h36 {
    background-image: url("https://www.hino-systech.com/jp/images/recruit_entry_head_sp.jpg");
  }
  section.page_head div.title {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100vw;
  }
  section.page_head div.title h1 {
    padding: 0 20px;
    font-size: 28px;
    color: #fff;
    text-align: center;
  }
  section.page_head div.title p {
    padding: 0 20px;
    font-size: 15px;
    color: #fff;
    text-align: center;
  }
  section.page_head .wrap {
    position: relative;
    height: 200px;
    padding-top: 0px;
  }
  section.page_head .wrap .pan {
    position: absolute;
    font-size: 13px;
    top: 220px;
    left: 20px;
  }
}
section.page_head.h24 {
  height: 726px;
  width: 100%;
  background-image: url("https://www.hino-systech.com/jp/images/recruit__home__head_pc.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
section.page_head.h24 .title {
  width: 720px;
  transform: translateX(-40px);
}
section.page_head.h24 .wrap {
  position: relative;
  padding-top: 190px;
  padding-left: 20px;
}
@media screen and (max-width: 599px) {
  section.page_head.h24 {
    height: 400px;
    width: 100%;
    background-image: url("https://www.hino-systech.com/jp/images/recruit__home__head_pc.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
  section.page_head.h24 .title {
    width: 320px;
    transform: translateX(0);
  }
  section.page_head.h24 .wrap {
    position: relative;
    padding-top: 0px;
    padding-left: 0px;
  }
}

body {
  /*
  		background-image: url("../../_work/1x/footPC_latest-50.jpg");
  		background-position: 50% 0%;
  		background-repeat: no-repeat;
  		background-size:   1366px auto ;	
  	//	background-size:  cover ;

  */
  /*
  		background-image: url("../../_work/1x/05_sp_test.jpg");
  		background-position: 50% 30px;
  		background-repeat: no-repeat;
  		background-size:   375px auto ;	
  	//	background-size:  cover ;


  */
}

div.scroll {
  margin-bottom: 80px;
}
@media screen and (max-width: 599px) {
  div.scroll {
    width: 100%;
    overflow-x: scroll;
  }
  div.scroll div.scroll_box {
    width: 1000px;
  }
}

section.page {
  text-align: center;
}

section.page {
  text-align: center;
}
section.page p {
  font-size: 16px;
  text-align: justify;
  padding-bottom: 60px;
  line-height: 1.75;
  color: #231815;
}
@media screen and (max-width: 599px) {
  section.page p {
    padding-bottom: 40px;
  }
}
section.page p.lead {
  line-height: 1.75;
  font-weight: bold;
  text-align: center;
  padding-bottom: 43px;
  font-size: 24px;
}
section.page img {
  width: 100%;
}

section.page.lead.lead__business {
  padding-bottom: 145px;
}
section.page.lead.lead__business.f11, section.page.lead.lead__business.f13, section.page.lead.lead__business.product {
  padding-bottom: 0px;
}
section.page.lead.lead__business div.lead {
  padding-top: 117px;
}
section.page.lead.lead__business div.lead h2 {
  text-align: center;
  color: #231815;
  font-size: 24px;
  line-height: 1.75;
  padding-bottom: 43px;
}
section.page.lead.lead__business div.lead p {
  font-size: 18px;
  text-align: center;
  padding-bottom: 65px;
}
@media screen and (max-width: 599px) {
  section.page.lead.lead__business {
    padding-bottom: 90px;
  }
  section.page.lead.lead__business div.lead {
    padding-top: 90px;
  }
  section.page.lead.lead__business div.lead h2 {
    text-align: justify;
    color: #231815;
    font-size: 20px;
    line-height: 1.7;
    padding-bottom: 43px;
  }
  section.page.lead.lead__business div.lead p {
    font-size: 18px;
    text-align: justify;
    padding-bottom: 28px;
  }
}

/*開閉ボタン*/
@media screen and (max-width: 599px) {
  #nav_toggle {
    width: 70px;
    height: 54px;
  }
  #nav_toggle > div {
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
  }
  #nav_toggle {
    top: 0px;
    right: 0px;
    position: absolute;
    z-index: 11000;
  }
  #nav_toggle:hover {
    cursor: pointer;
  }
  #nav_toggle div {
    position: relative;
  }
  #nav_toggle span {
    display: block;
    height: 3px;
    background: #0071bd;
    position: absolute;
    width: 80%;
    left: 6.8px;
    transition: 0.5s ease-in-out;
  }
  #nav_toggle span:nth-child(1) {
    top: 0px;
    top: 14px;
  }
  #nav_toggle span:nth-child(2) {
    top: 24px;
  }
  #nav_toggle span:nth-child(3) {
    top: 34px;
  }
  #nav_toggle.on span {
    background: #fff;
  }
  #nav_toggle.on span:nth-child(1) {
    top: 24px;
    transform: rotate(135deg);
  }
  #nav_toggle.on span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  #nav_toggle.on span:nth-child(3) {
    top: 24px;
    transform: rotate(-135deg);
  }
}
@media screen and (min-width:600px) and ( max-width:1024px) {
  #nav_toggle {
    width: 70px;
    height: 70px;
  }
  #nav_toggle > div {
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
  }
  #nav_toggle {
    top: 0px;
    right: 0px;
    position: absolute;
    z-index: 11000;
  }
  #nav_toggle:hover {
    cursor: pointer;
  }
  #nav_toggle div {
    position: relative;
  }
  #nav_toggle span {
    display: block;
    height: 3px;
    background: #888;
    position: absolute;
    width: 80%;
    left: 6.8px;
    transition: 0.5s ease-in-out;
  }
  #nav_toggle span:nth-child(1) {
    top: 0px;
    top: 14px;
  }
  #nav_toggle span:nth-child(2) {
    top: 24px;
  }
  #nav_toggle span:nth-child(3) {
    top: 34px;
  }
  #nav_toggle.on span {
    background: #fff;
    background: #888;
  }
  #nav_toggle.on span:nth-child(1) {
    top: 24px;
    transform: rotate(135deg);
  }
  #nav_toggle.on span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  #nav_toggle.on span:nth-child(3) {
    top: 24px;
    transform: rotate(-135deg);
  }
}
@media screen and (min-width:600px) {
  #nav_toggle {
    width: 100px;
    height: 100px;
  }
  #nav_toggle > div {
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
  }
  #nav_toggle {
    top: 0px;
    right: 0px;
    position: absolute;
    z-index: 11000;
  }
  #nav_toggle:hover {
    cursor: pointer;
  }
  #nav_toggle div {
    position: relative;
  }
  #nav_toggle span {
    display: block;
    height: 3px;
    background: #888;
    position: absolute;
    width: 80%;
    left: 6.8px;
    transition: 0.5s ease-in-out;
  }
  #nav_toggle span:nth-child(1) {
    top: 0px;
    top: 20px;
  }
  #nav_toggle span:nth-child(2) {
    top: 30px;
  }
  #nav_toggle span:nth-child(3) {
    top: 40px;
  }
  .nega #nav_toggle span {
    background: #fff;
    background: #888;
  }
  /*開閉ボタンopen時*/
  /*
  .on #nav_toggle{
  	padding: 4px 4px 4px 4px;
  }
  */
  #nav_toggle.on span {
    background: #fff;
  }
  #nav_toggle.on span:nth-child(1) {
    top: 30px;
    transform: rotate(135deg);
  }
  #nav_toggle.on span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  #nav_toggle.on span:nth-child(3) {
    top: 30px;
    transform: rotate(-135deg);
  }
}/*# sourceMappingURL=style.css.map */