@charset "UTF-8";
/* CSS Document */
/* sakata Sans */
/* style */
/*=================================
	Initialization of style
===================================*/
/* Open Sans */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
/* flexslider */
@import url(flexslider.css);
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
@import url(https://fonts.googleapis.com/earlyaccess/hannari.css);
.flex {
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -moz-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.flexno {
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -moz-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.flex-st {
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -moz-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }

.flexno-st {
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -moz-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }

/* 基本定義 */
body {
  margin: 0;
  padding: 0;
  color: #333333;
  font-family: "Mplus 1p", sans-serif;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  width: 100%;
  background: #fff;
  font-weight: 400;
  position: relative; }

a:link,
a:visited {
  text-decoration: none;
  color: #004896; }

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

a p, a li, a dd {
  color: #333; }

div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
ol,
li,
form,
figure,
article,
section,
header,
footer {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 140%; }

img,
a img {
  border: none;
  vertical-align: bottom; }

h1,
h2,
h3,
h4 {
  font-size: 1em; }

a img {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

a:hover,
a:hover img {
  opacity: 0.9;
  filter: alpha(opacity=90); }

/* blockgroup */
/* List_group */
ul,
ol,
li {
  list-style: none; }

/* inline-style */
address {
  font-style: normal;
  font-size: 11px; }

address a,
address a:link,
address a:visited {
  text-decoration: none;
  color: #fff; }

address a:hover,
address a:active {
  text-decoration: underline;
  color: #fff; }

/* table */
table {
  width: 100%; }

b {
  font-weight: normal; }

/*=============================
   media screen base
===============================*/
@media screen and (min-width: 769px) {
  .sn {
    display: block; }

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

  .sn {
    display: none !important; }

  #menubtn {
    position: fixed;
    right: 15px;
    top: 15px;
    z-index: 99; }

  #menu {
    z-index: 100; }

  .mm-menu {
    text-align: left;
    z-index: 100; }

  #closebtn {
    display: none;
    position: fixed;
    right: 15px;
    top: 15px;
    z-index: 110; }

  .mm-opened #closebtn {
    display: block; }

  .mm-opened #menubtn {
    display: none; } }
/*=============================
	Layout-Base
===============================*/
/* header
-------------------------*/
/* header
-------------------------*/
header {
  background: #ececec;
  width: 100%;
  margin: 0 auto;
  z-index: 100;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

header .h1box {
  max-width: 1400px;
  margin: 4px auto 0 auto; }

header h1 {
  text-align: left;
  font-size: 11px;
  max-width: 1200px;
  margin: auto;
  padding: 3px; }

header article {
  text-align: left;
  padding: 10px 0px 20px 0px;
  max-width: 1200px;
  position: relative;
  margin: auto; }

header .logo {
  margin-top: 5px;
  float: left; }
  @media screen and (max-width: 1150px) {
    header .logo {
      float: none; } }

/* gnav -------------------------*/
.gnav {
  float: right;
  width: 66%;
  margin-left: 5%;
  background: #fff; }
  .gnav .subnav {
    background: #004896; }
    .gnav .subnav div.lang {
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      -moz-flex-flow: row flex;
      -webkit-flex-flow: row flex;
      flex-flow: row flex;
      -moz-justify-content: nowrap;
      -webkit-justify-content: nowrap;
      justify-content: nowrap;
      -webkit-flex-direction: row-reverse;
      /* Safari */
      flex-direction: row-reverse;
      -webkit-align-items: center;
      /* Safari */
      align-items: center;
      width: 73%; }
    .gnav .subnav li {
      color: #fff;
      display: inline-block; }
      .gnav .subnav li a {
        color: #fff;
        font-size: 12px; }
    @media screen and (max-width: 768px) {
      .gnav .subnav div.lang {
        text-align: right;
        width: 65%; } }
  @media screen and (max-width: 1150px) {
    .gnav {
      width: 100%;
      float: none;
      margin: 0 0%;
      margin-top: 10px; } }
  .gnav #searchform {
    position: relative;
    display: inline-block;
    margin-left: 10px; }
  .gnav #keywords {
    width: 130px;
    height: 14px;
    box-shadow: none;
    border: none;
    padding: 4px; }
  .gnav #searchBtn {
    background: url(../images/common/ic_hsearch.png) center center no-repeat;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 2px;
    right: 5px;
    cursor: pointer;
    border: none;
    text-indent: -9999px; }
  .gnav *:first-child + html #searchBtn {
    top: 1px; }

.gnav > ul {
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -moz-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0px 15px; }
  @media screen and (max-width: 768px) {
    .gnav > ul {
      display: none; } }

.gnav > ul > li {
  position: relative; }

.gnav > ul > li > a {
  display: block;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  white-space: nowrap;
  color: #333;
  background-position: center 90%;
  padding: 10px 20px 10px 20px; }

.gnav > ul > li:last-child {
  display: none; }

.gnav > ul > li > a::after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0%;
  font-weight: 500;
  margin-left: 0px;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #1f5ea6;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

.gnav > ul > li > a.active::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: all .1s ease;
  transition: all .1s ease; }

.gnav > ul > li > a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1); }

@media screen and (min-width: 769px) {
  .gnav.fixed {
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.05);
    position: fixed;
    opacity: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    z-index: 200;
    float: none;
    margin: 0px;
    padding-left: 0; }

  .gnav.fixed .subnav {
    display: none; }

  .gnav.fixed ul {
    max-width: 1200px;
    box-sizing: border-box;
    margin: auto;
    padding: 0; }

  .gnav.fixed > ul > li:first-child a {
    background: url("../images/common/img_mark.jpg") left center no-repeat;
    background-size: 60px auto;
    padding-left: 60px; }

  .gnav.fixed > ul > li:last-child {
    display: block;
    width: 15%; }
    .gnav.fixed > ul > li:last-child a {
      background: #999;
      color: #fff; }

  .gnav.fixed li .child {
    left: -50%; }

  .gnav.fixed > ul a {
    display: block;
    font-size: 13px; }

  .gnav.fixed > ul > li > a {
    width: auto; } }
.gnav .glogo {
  display: none; }

.gnav .glogo a {
  background: url(../images/common/logo_f.jpg) center left no-repeat;
  background-size: 24px 24px;
  padding-left: 30px; }

.gnav.fixed .glogo {
  display: block; }

/* サブメニュー */
.gnav li .child {
  display: none;
  background-color: rgba(31, 94, 166, 0.9);
  list-style: none;
  position: absolute;
  width: 200px;
  z-index: 100 !important;
  top: 100%;
  left: -50%;
  margin: 0; }

.gnav li:nth-child(3) .child {
  /*width: 100%;*/
  left: -30%; }

.gnav li:nth-child(5) .child {
  width: 100%;
  left: 0%; }
.gnav li:nth-child(4) .child {
  width: 100%;
  left: 0%; }

.gnav li ul li {
  font-size: 14px;
  text-align: center;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.gnav li ul li a {
  color: #fff;
  padding: 12px 15px;
  display: block; }

.contactbtn {
  width: 25%; }
  @media screen and (max-width: 768px) {
    .contactbtn {
      width: 33%; } }

.contactbtn a {
  background: url(../images/common/arw.png) 10% center no-repeat #999999;
  background-size: 13px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  display: block;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  @media screen and (max-width: 768px) {
    .contactbtn a {
      padding: 10px 10px;
      background: #999999; } }

.contactbtn a:hover {
  background: url(../images/common/arw.png) 9% center no-repeat #999999;
  background-size: 13px;
  font-size: 18px; }

/* mainnav -------------------------*/
#mainnav {
  position: fixed;
  width: 210px;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  margin: 0 auto;
  z-index: 100;
  -webkit-box-shadow: 1px 0px 8px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 0px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 0px 8px 0px rgba(0, 0, 0, 0.15); }
  @media screen and (max-width: 960px) {
    #mainnav {
      position: static;
      width: 100%;
      box-shadow: none; }
      #mainnav .gnav ul {
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -moz-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 0 5%; }
      #mainnav .bnr {
        display: none; } }
  #mainnav header .logo {
    margin: 40px 0 30px; }
  #mainnav .bnr {
    margin-top: 20px; }

/* container
-------------------------*/
.container-site {
  padding-left: 210px; }
  @media screen and (max-width: 960px) {
    .container-site {
      padding: 0; } }

/* footer
-------------------------*/
footer {
  background: #f5f5f5;
  width: 100%;
  text-align: left;
  color: #333; }

footer nav a {
  font-size: 13px;
  color: #333 !important; }

#footer {
  background: #004896;
  padding: 40px 10px 50px 10px;
  margin: auto; }

footer nav {
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -moz-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -moz-justify-content: between;
  -webkit-justify-content: between;
  justify-content: between; }
  @media screen and (max-width: 768px) {
    footer nav {
      display: block;
      padding: 3%; }
      footer nav > ul, footer nav > dl {
        border-bottom: 1px solid #4f89ab;
        padding: 15px 0; }
      footer nav a {
        display: block !important; } }

footer nav > ul {
  flex-grow: 1;
display: block;
text-align: center;}

footer nav > dl {
  flex-grow: 1; }

footer nav li {
  line-height: 140%;
  margin-bottom: 13px;
	padding-left: 2%;
	padding-right: 2%;
display: inline-block;}
  footer nav li a {
    color: #fff !important; }

footer nav dl ul li a {
  background: url("../images/common/arw_w.png") left 7px no-repeat;
  background-size: 7px 7px;
  display: inline-block;
  padding-left: 12px;
  color: #fff !important; }

footer nav dl dt {
  margin-bottom: 5px; }
  footer nav dl dt a {
    color: #fff !important; }

#footer-btm {
  max-width: 1200px;
  overflow: hidden;
  margin: 20px auto 0px auto;
  padding-bottom: 10px;
  text-align: center;
  color: #333; }
  @media screen and (max-width: 768px) {
    #footer-btm .logo {
      margin: auto; } }

#copyright address {
  max-width: 1200px;
  margin: auto;
  padding: 0px 0px 10px 0px;
  text-align: center;
  display: block; }

/*=============================
    Common setting
===============================*/
.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

.detail {
  border: 1px solid #fff;
  padding: 8px 45px;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

a:hover .detail {
  background: #fff;
  color: #004896; }

/* pagetop
-------------------------*/
.pagetop {
  margin-top: 20px;
  text-align: right; }

.pagetop a:before {
  content: '>';
  padding-left: 10px; }

/* bread_crumb
-------------------------*/
.bread_crumb_list {
  max-width: 1200px;
  left: 0;
  margin: auto;
  text-align: left;
  padding: 0px 0 0px 0;
  margin-top: -45px;
  position: relative;
  z-index: 10; }

.bread_crumb {
  display: inline-block;
  line-height: 140%;
  margin: 0 auto;
  padding-left: 20px;
  box-sizing: border-box; }

.bread_crumb li {
  display: inline-block;
  color: #666;
  font-size: 0.8em;
  font-weight: 400;
  padding: 10px 0 10px 1px; }

.bread_crumb li:last-child:after {
  content: none; }

.bread_crumb li a {
  color: #fff;
  text-decoration: underline;
  display: inline-block; }

.bread_crumb li:after {
  content: '>';
  padding-left: 10px;
  margin-right: 10px; }

.bread_crumb li.current {
  color: #fff;
padding: 10px 10px 10px 0;}

.bread_crumb li a:hover {
  text-decoration: none; }

/* base-table
-------------------------*/
/* table */
.tbl-base {
  margin: 0 auto;
  border: none;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
  line-height: 1.6; }
  .tbl-base th {
    line-height: 180%;
    text-align: left;
    font-size: 14px;
    color: #333;
    padding: 15px 10px 12px 20px;
    border-bottom: 1px solid #c6daea;
    border-top: 1px solid #c6daea;
    background: #f4f4f4;
    vertical-align: top;
    width: 20%;
    color: #0c419a;
    font-weight: 600; }
  .tbl-base td {
    line-height: 180%;
    text-align: left;
    font-size: 14px;
    color: #333;
    padding: 15px 10px 12px 20px;
    border-bottom: 1px solid #c6daea;
    border-top: 1px solid #c6daea;
    color: #666;
    vertical-align: middle; }

.tbl-base td dl:nth-child(n+2) {
  margin-top: 15px; }

.tbl-base td dl dt:before {
  content: "■";
  color: #009391;
  font-size: 80%; }

.tbl-base td dl dt,
.tbl-base td dl dd {
  line-height: 160%; }

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

.defTable01 {
  border-collapse: collapse; }

.defTable01 th,
.defTable01 td {
  border: 2px solid #fff;
  padding: 15px 10px 12px 20px;
  font-family: "Mplus 1p";
  text-align: left;
  font-size: 14px; }

.defTable01 th {
  background: #eee;
  color: #004896;
  width: 23%;
  font-weight: 500; }

.defTable01 td {
  background: #f9f9f9; }

.defTable01 td dl {
  overflow: hidden;
  margin-top: 20px; }

.defTable01 td dl:first-child {
  margin-top: 0; }

.defTable01 td dl dt {
  font-weight: 500;
  float: left; }

.defTable01 td dl dd {
  float: right;
  width: 75%;
  border-left: 1px solid #d8d8d8;
  padding-left: 5%;
  overflow: hidden; }

.defTable01 td ul li {
  position: relative;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  margin-top: 5px; }

.defTable01 td ul li:first-child {
  margin-top: 0; }

.defTable01 td ul li::before {
  position: absolute;
  top: 9px;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 8px;
  height: 2px;
  background: #ccc; }

@media screen and (max-width: 768px) {
  .defTable01 th,
  .defTable01 td {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: block; } }
/* base-layout
-------------------------*/
#content-top {
  position: relative; }

.container {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  width: 100%;
  padding-bottom: 20px; }
  .container .inner {
    max-width: 1200px;
    margin: auto;
    text-align: left; }
    @media screen and (max-width: 768px) {
      .container .inner {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box; } }
  .container .inner p {
    line-height: 180%;
    font-size: 14px; }
  .container h3 {
    color: #004896;
    font-size: 36px; }
  .container a p, .container a li {
    color: #333; }

@media screen and (max-width: 960px) {
  .container {
    padding-left: 2%;
    padding-right: 2%;
    width: 96%; }
    .container .inner {
      max-width: 1200px;
      margin: auto;
      text-align: left; } }
@media screen and (max-width: 1240px) {
  .container {
    padding-left: 2%;
    padding-right: 2%;
    width: 96%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box; } }
@media screen and (max-width: 768px) {
  .img100 {
    width: 100%;
    height: auto; } }
/*=============================
	TopPage setting
===============================*/
/* mainimg */
.mainimg {
  position: relative;
  text-align: left;
 }
  .mainimg a:hover {
    opacity: 1; }
  .mainimg .slides {
    max-width: 1200px;
    margin: auto; }
  .mainimg .slides li {
    position: relative;
    height: 720px;
    padding-top: 100px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box; }
  .mainimg .flex dl {
    width: 75%;
    background: #3b3b3b;
    height: 350px;
    padding: 70px 30px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box; }
  .mainimg .flex dt {
    color: #fff;
    font-size: 26px;
    margin-bottom: 20px;
    width: 50%; }
  .mainimg .flex dd {
    color: #fff;
    font-size: 14px;
    width: 50%;
    line-height: 160%; }
  @media screen and (max-width: 960px) {
    .mainimg .flex dl {
      padding: 50px 20px 0px; }
    .mainimg .flex dt {
      font-size: 20px; } }
  .mainimg figure {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: right;
    width: 35%; }
    .mainimg figure img {
      width: 100%;
      height: auto; }
  .mainimg .pname {
    width: 25%; }
  .mainimg .pname img {
    width: 100%;
    height: auto; }
  .mainimg .catch {
    font-weight: 300;
    font-size: 36px;
    position: absolute;
	  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    top: 25px; }
    @media screen and (max-width: 1150px) {
      .mainimg .catch {
        font-size: 30px; } }
  .mainimg .subcatch {
    position: absolute;
    bottom: 80px; }
    .mainimg .subcatch p {
      font-size: 20px;
      font-weight: 500;
      margin-top: 10px;
      text-align: left; }
      .mainimg .subcatch p span {
        padding: 3px; }
  @media screen and (max-width: 768px) {
    .mainimg {
      background: #eeeeee; }
      .mainimg .catch {
        font-size: 25px;
        top: 0px;
        left: 5px; }
      .mainimg .slides {
        position: relative; }
        .mainimg .slides li {
          padding-top: 50px;
          height: 535px; }
      .mainimg .flex {
        display: block; }
      .mainimg .pname {
        width: 35%; }
      .mainimg .flex dl {
        width: 60%;
        background: none;
        padding: 20px 10px 0;
        height: auto; }
        .mainimg .flex dl dt {
          width: 100%;
          font-size: 18px; }
        .mainimg .flex dl dd {
          width: 100%;
          font-size: 13px; }
      .mainimg figure {
        width: 43%;
        top: 9%;
        right: 4%; }
        .mainimg figure img {
          width: 100%;
          height: auto;
          margin-top: 0 !important; }
      .mainimg .subcatch {
        bottom: 20px;
        left: 10px; }
        .mainimg .subcatch p {
          font-size: 13px; } }
  @media screen and (max-width: 460px) {
    .mainimg .catch {
      font-size: 18px; }
    .mainimg .slides li {
      height: 460px; }
    .mainimg .pname {
      width: 45%; }
    .mainimg .flex dl {
      width: 100%; } }

@media screen and (max-width: 768px) {
  .mainimg .flexmain .flex-control-nav {
    bottom: 40px; } }

.slides {
  width: 100%;
  overflow: hidden; }

#content-top h2 {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 60px;
  margin-top: 60px;
  padding-bottom: 50px 0; }
  #content-top h2 span {
    padding: 0px 0px;
    color: #004896;
    font-size: 13px;
    display: inline-block;
    line-height: 140%; }
  @media screen and (max-width: 960px) {
    #content-top h2 {
      font-size: 20px;
      line-height: 130%; } }

#content-top:before {
  content: " ";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  height: 150px;
  background: #eee;
  z-index: -1; }

#topSearch {
  margin-top: 20px;
	margin-bottom: 35px;
   }
  #topSearch.container {
    padding: 0; }
  #topSearch section {
    text-align: left;
    width: 48%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box; }
    #topSearch section h2 {
      text-align: left;

      margin: 20px 0px 20px; }
    #topSearch section p {
     }
    @media screen and (max-width: 768px) {
      #topSearch section {
        width: 100%; } }
  #topSearch ul {
    width: 50%; }
    #topSearch ul li {
      width: 33%;
		background: #014896;
      border: 1px solid #4f82ba;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box; }
      #topSearch ul li a {
        color: #FFF;
        font-size: 13px;
		  
        padding: 23px 10px 20px 37px;
        line-height: 170%;
        display: block;
        background: url(../images/top/ic_search.jpg) 10px center no-repeat; }
    @media screen and (max-width: 768px) {
      #topSearch ul {
        width: 100%; } }

#topService ul.service-list {
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -moz-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0px auto 30px; }
  #topService ul.service-list img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 10; }
  #topService ul.service-list > li {
    width: 25%;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-name: contfade; }
    #topService ul.service-list > li:nth-child(even) .box {
      position: relative;
      background: #f1f1f1; }
    #topService ul.service-list > li:nth-child(odd) .box {
      position: relative;
      background: #fff; }
    #topService ul.service-list > li .box:before {
      width: 100%;
      height: 50%;
      display: block;
      content: " ";
      position: absolute;
      z-index: 0;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    #topService ul.service-list > li:nth-child(1) .box:before {
      background: #17acdd; }
    #topService ul.service-list > li:nth-child(2) .box:before {
      background: #8bc441; }
    #topService ul.service-list > li:nth-child(3) .box:before {
      background: #3b3b3b; }
    #topService ul.service-list > li:nth-child(4) .box:before {
      background: #e35b8e; }
    #topService ul.service-list > li:nth-child(1) dt {
      color: #17acdd; }
    #topService ul.service-list > li:nth-child(2) dt {
      color: #8bc441; }
    #topService ul.service-list > li:nth-child(3) dt {
      color: #3b3b3b; }
    #topService ul.service-list > li:nth-child(4) dt {
      color: #e35b8e; }
    #topService ul.service-list > li p {
      text-align: left;
      position: absolute;
      font-weight: 500;
      font-size: 22px;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 2;
      color: #fff;
      padding: 0px 0 0px 15px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box; }
      #topService ul.service-list > li p span {
        font-size: 18px;
        padding-left: 15px; }
      #topService ul.service-list > li p:before {
        content: " ";
        background: #fff;
        display: block;
        width: 100px;
        height: 2px;
        margin: 6px 0; }
    #topService ul.service-list > li:hover .box:before {
      width: 100%;
      height: 100%; }
    #topService ul.service-list > li dl dt {
      margin-top: 20px;
      font-size: 18px; }
  @media screen and (max-width: 768px) {
    #topService ul.service-list {
      width: 100%;
      margin: 0px 0px 20px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box; }
      #topService ul.service-list > li {
        width: 50%;
        margin: 0px auto;
        margin-top: 30px; } }
    @media screen and (max-width: 768px) and (max-width: 460px) {
      #topService ul.service-list > li {
        width: 50%; } }
  @media screen and (max-width: 768px) {
        #topService ul.service-list > li p {
          font-size: 11px;
          padding-left: 5px; }
          #topService ul.service-list > li p span {
            padding-left: 5px;
            font-size: 16px; } }

/* topAbout */
#topAbout {
  background: url(../images/top/bg_about.png) center top no-repeat #f7f7f7;
  background-size: cover;
  text-align: center;
  padding: 50px 0 100px; }
  #topAbout h2 {
    font-size: 24px;
    color: #fff;
    margin: 20px 0 30px; }
  #topAbout h2 span {
    color: #004896;
    background: #fff;
    font-size: 20px;
    display: inline-block;
    padding: 2px 10px;
    margin-bottom: 15px; }
  #topAbout .inner .left {
    width: 45%;
    background: rgba(0, 72, 150, 0.9);
    padding: 50px; }
  #topAbout .inner p {
    color: #fff; }
  @media screen and (max-width: 768px) {
    #topAbout {
      background: #004896; }
      #topAbout .inner .left {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        padding: 0 20px; }
      #topAbout h2 {
        font-size: 18px; } }

/* topOEM */
#topProduct {
  background: url("../images/top/bg_newrelease.png") top center no-repeat #f7f7f7;
  background-size: cover;
  padding-top: 30px; }
  #topProduct .product-list a {
    display: block;
    padding: 8%; }
    #topProduct .product-list a figure {
      text-align: center; }
#topProduct .product-list a figure {
	width: 200px;
	height: 200px;
	overflow: hidden;
}
#topProduct .product-list a figure img {
	width: 100%;
}
  #topProduct p {
    font-size: 13px; }
  #topProduct ul li {
    width: 24%;
    padding-bottom: 20px;
    background: #fff;
    position: relative;
    margin-bottom: 30px;
    margin-right: 1.33%; }
  #topProduct ul li:nth-child(4n) {
    margin-right: 0%; }
  #topProduct dl dt {
    font-size: 14px;
    text-align: left;
    line-height: 140%;
    margin-bottom: 5px;
    margin-top: 10px; }
  #topProduct dl dd {
    color: #004896;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px; }

  #topProduct dl dd span{ display: inline-block;}/* add 20210205_1931 */

    #topProduct dl dd:after {
      content: "";
      display: block;
      width: 80px;
      height: 2px;
      background: #004896;
      margin-top: 10px; }
.top-ex {
	text-align: left !important;
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: #004896 solid 3px;
	background: #FFF;
	color: #004896;
	padding: 15px;
}
  @media screen and (max-width: 960px) {
    #topProduct {
      background: url("../images/top/bg_newrelease.png") top center no-repeat #f7f7f7;
      background-size: 180% auto; }
      #topProduct ul li {
        width: 49%;
        margin-right: 2%; }
  #topProduct ul li:nth-child(4n) {
    margin-right: auto; }
  #topProduct ul li:nth-child(2n) {
    margin-right: 0%; } }
  @media screen and (max-width: 460px) {
    #topProduct figure img {
      width: 100%;
      height: auto; } }

#content-top .container .cat01 {
  border-top: 3px solid #17acdd; }
  #content-top .container .cat01 dt {
    color: #17acdd; }
#content-top .container .cat02 {
  border-top: 3px solid #8bc441; }
  #content-top .container .cat02 dt {
    color: #8bc441; }
#content-top .container .cat03 {
  /*border-top: 3px solid #3b3b3b;*/
  border-top: 3px solid #FE5C11; }
  #content-top .container .cat03 dt {
    /*color: #3b3b3b;*/
    color: #FE5C11; }
#content-top .container .cat04 {
  border-top: 3px solid #e35b8e; }
  #content-top .container .cat04 dt {
    color: #e35b8e; }

/* top-news */
.news-ttl {
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -moz-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }
  .news-ttl h3 {
    width: 75%;
    font-size: 28px;
    font-weight: 500;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box; }
  .news-ttl p {
    width: 100%;
    margin: 0px 0; }
  @media screen and (max-width: 768px) {
    .news-ttl h3 {
      width: 60%;
      font-size: 22px;; }
    .news-ttl p {
      width: 40%; } }

.news {
  width: 47%;
  margin: 60px 0; }
  @media screen and (max-width: 768px) {
    .news {
      width: 100%; } }

.newslist { }

.newslist li {
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -moz-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  border-bottom: 1px solid #eee;
  padding: 0px 6px 6px 6px;
margin-bottom: 6px;}
  @media screen and (max-width: 460px) {
    .newslist li {
      display: block; } }
  .newslist li span a {
    background: #333;
    color: #fff;
    display: inline-block;
    padding: 2px 5px;
    width: 100px;
    font-size: 11px;
    text-align: center;
    margin: 5px 0px 0px 5px; }

.newslist p a {
  line-height: 180%;
  text-align: left;
  display: block;
  text-decoration: underline; }

.newslist a:hover {
  text-decoration: none; }

.newslist time {
  width: 80px;
  padding: 5px 0;
  line-height: 180%; }
  @media screen and (max-width: 460px) {
    .newslist time {
      width: 100%;
      float: none; } }

.newslist li p {
  width: 80%; }
  @media screen and (max-width: 460px) {
    .newslist li p {
      width: 100%;
      float: none; }
      .newslist li p a {
        padding: 0px 0px 8px 0 !important; } }

.newslist li p a {
  background-size: 14px 14px;
  display: block;
  padding: 5px 20px; }

.bnr {
  width: 50%;
  margin: 60px 0; }
  .bnr li {
    width: 50%;
    position: relative; }
    .bnr li a {
      display: block;
      width: 100%;
      overflow: hidden; }
      .bnr li a:after {
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
        content: " ";
        background: rgba(0, 0, 0, 0.4);
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .bnr li a:hover:after {
        background: rgba(0, 72, 150, 0.9); }
    .bnr li p {
      position: absolute;
      top: 44%;
      left: 0%;
      right: 0%;
      z-index: 10;
      font-size: 20px !important;
      font-weight: 500;
      color: #fff;
      text-align: center;
      line-height: 140% !important; }
.eg4 {
	 position: absolute;
	top: 38% !important;
}
      .bnr li p span {
        font-size: 12px;
        color: #ff743c;
        display: block;
        line-height: 120%; }
.bnr img {
	width: 100% !important;
	height: auto !important;
}
  @media screen and (max-width: 768px) {
    .bnr {
      width: 100%; }
      .bnr li img {
        width: 100%;
        height: auto; }
}
  @media screen and (max-width: 460px) {
    .bnr li p {
      top: 40px; } }

.btn, .sbtn {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  margin-top: 30px; }

.btn a, .sbtn a {
  background: url(../images/common/arw.png) 20% center no-repeat #999;
  display: inline-block;
  background-size: 14px;
  color: #fff;
  padding: 6px 45px 6px 60px;
  margin-top: 50px;
  font-weight: 500;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin: auto;
  white-space: nowrap; }
  .btn a:hover, .sbtn a:hover {
    background: url(../images/common/arw.png) 22% center no-repeat #ccc;
    background-size: 14px;
    opacity: 0.8;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box; }

#topAbout .btn a, #topAbout .sbtn a {
  border: 2px solid rgba(0, 72, 150, 0); }
  #topAbout .btn a:hover, #topAbout .sbtn a:hover {
    border: 2px solid #fff; }

.btn a:hover, .sbtn a:hover {
  opacity: 1 !important; }

.sbtn a {
  background: url("../images/common/arw_l.png") left center no-repeat;
  background-size: 15px 15px;
  font-size: 15px;
  padding: 15px 15px 15px 20px;
  margin-top: 0px; }
  .sbtn a:hover {
    color: #004896; }

/* pagetop
-------------------------*/
#totop a {
  clear: both;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  display: block;
  text-align: center; }
  #totop a img {
    padding-top: 5px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s; }

#totop a:hover img {
  padding-top: 0px;
  opacity: 1 !important; }

/*=============================
	Sub(Lower)Page setting
===============================*/
.cf:after {
  content: " ";
  display: block;
  clear: both; }

#content-sub {
  padding-top: 10px;
  position: relative;
  max-width: 1200px;
  margin: auto; }
  #content-sub .inner {
    width: 100%;
    overflow: hidden;
    padding-bottom: 40px; }
    #content-sub .inner p {
      margin-bottom: 15px;
      font-size: 14px; }
  #content-sub .column-main h3 {
   border-bottom: #004896 solid 3px;
    position: relative;
    margin: auto;
    font-size: 28px;
    text-align: left;
    margin-bottom: 40px;
    margin-top: 30px;
    padding-bottom: 20px; }
    /*#content-sub .column-main h3:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 160px;
      background: #004896;
      height: 2px; }*/
  #content-sub h4 {
    font-size: 14px;
    font-weight: bold;
    background: #CAE3FF;
    padding: 8px 12px;
     color: #004896;
    display: inline-block;
    margin-bottom: 20px; }
  @media screen and (max-width: 768px) {
    #content-sub {
      display: block; }
      #content-sub .column-main h3 {
        font-size: 22px;
	  width: 100% !important;} }
  #content-sub .column-main {
    float: left;
    width: 900px; }
  @media screen and (max-width: 1240px) {
    #content-sub .column-main {
      width: 75%; }
    #content-sub aside {
      width: 23% !important; }
      #content-sub aside .pc-side-nav-fixed {
        width: 23% !important; } }
  @media screen and (max-width: 768px) {
    #content-sub .column-main {
      width: 100%; }
    #content-sub aside {
      width: 100% !important;
      margin-bottom: 30px; } }

#content-sub aside {
  float: right;
  width: 260px;
  text-align: left;
  margin-top: 20px;
  position: relative;
  z-index: 10; }
  #content-sub aside h3 {
    position: relative;
    cursor: pointer;
    background: #111;
    font-size: 18px;
    color: #fff;
    padding: 20px 20px; }
    #content-sub aside h3:after {
      content: "+";
      position: absolute;
      right: 20px;
      top: 20px;
      color: #fff;
      font-size: 30px; }
    #content-sub aside h3.active:after {
      content: "−"; }
    #content-sub aside h3:hover {
      background: #222; }
  #content-sub aside h3 + ul {
    display: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  #content-sub aside h3.active + ul {
    display: block; }
  #content-sub aside ul {
    background: #004896; }
    #content-sub aside ul li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
      #content-sub aside ul li a {
        padding: 10px 20px;
        color: #fff;
        display: block;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      #content-sub aside ul li a:hover {
        background: rgba(255, 255, 255, 0.3); }
    #content-sub aside ul li:last-child {
      border-bottom: none; }
  #content-sub aside .pc-side-nav-fixed {
    position: fixed;
    width: 260px;
    top: 48px; }
    @media screen and (max-width: 768px) {
      #content-sub aside .pc-side-nav-fixed {
        position: static;
        width: 100% !important; } }
  @media screen and (max-width: 768px) {
    #content-sub aside {
      margin-top: 0px;
      margin-bottom: 0px; }
      #content-sub aside h3 {
        cursor: pointer;
        font-size: 1.2em; }
      #content-sub aside ul {
        display: none; } }

.mainimg-sub {
  width: 100%;
  background: url("../images/common/subimg_company.jpg");
  background-position: center -100px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% auto;
  text-align: left; }
  .mainimg-sub .inner {
    width: 1200px;
    margin: auto;
    min-height: 145px;
    position: relative; }
    @media screen and (max-width: 1240px) {
      .mainimg-sub .inner {
        width: 100%; } }
    @media screen and (max-width: 768px) {
      .mainimg-sub .inner {
        height: 100px;
        min-height: 100px; } }
    .mainimg-sub .inner h2 {
      font-size: 28px;
      font-weight: 500;
      letter-spacing: 1px;
      padding: 55px 0px 0px 10px;
      color: #fff; }
      @media screen and (max-width: 768px) {
        .mainimg-sub .inner h2 {
          font-size: 18px;
          padding: 35px 0px 0px 10px; } }
  @media screen and (max-width: 1240px) {
    .mainimg-sub {
      background-attachment: fixed;
      background-size: 120%; }
      .mainimg-sub .inner {
        width: 100%; } }
  @media screen and (max-width: 960px) {
    .mainimg-sub {
      background-size: 150% auto; } }
  @media screen and (max-width: 768px) {
    .mainimg-sub {
      background-size: 200% auto; } }
  @media screen and (max-width: 460px) {
    .mainimg-sub {
      background-size: 280% auto; } }

.brand .flex dl {
  width: 32%;
  background: #f1f1f1;
  margin-bottom: 30px; }
  .brand .flex dl:first-child dt {
    background: #ff743c;
    color: #fff; }
  .brand .flex dl:nth-child(2) dt {
    background: #fff100;
    color: #333; }
  .brand .flex dl:nth-child(3) dt {
    background: #004896;
    color: #fff; }
  .brand .flex dl dt {
    font-size: 18px;
    padding: 15px 20px; }
  .brand .flex dl dd {
    padding: 20px;
    font-size: 13px;
    line-height: 160%; }

.brand figure {
  text-align: center; }
.brand .catch {
  font-size: 20px;
  margin-bottom: 50px !important;
  text-align: center; }

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


/* COMPANY */
@media screen and (min-width: 769px) {
	.comp-box01 {
		display: block;
	}
	.comp-box01 .d01 {
		display: block;
	}
	.comp-box01 .d01 li {
		display: block;
		float:left;
		width: 48.5%;
		border: #ccc solid 1px;
		margin-bottom: 20px;
	}
	.comp-box01 .d01 li:nth-child(2n) {
		float: right;
	}
	.comp-box01 .d01 li.bg1 a {
		background: url(../images/about/img2.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg2 a {
		background: url(../images/about/img1.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg3 a {
		background: url(../images/about/img3.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg4 a {
		background: url(../images/about/img4.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg5 a {
		background: url(../images/about/img5.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg6 a {
		background: url(../images/about/img6.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 a {
		display: block;
		height: 200px;
		margin: 2px;
		position: relative;
	}
	.comp-box01 .d01 a span {
		display: block;
		position: absolute;
		left: 0px;
		bottom: 10px;
		width: 98%;
		background: rgba(0,0,0,0.7);
		color: #FFF;
		text-decoration: none;
		font-size: 17px;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 2%;
	}
	
}
@media screen and (max-width: 768px) {
	#content-sub .column-main h3 {
		margin-bottom: 10px;
	}
	.im-center {
		display: block;
		padding: 10px;
	}
	.im-center img {
		width: 100%;
	}
	.comp-box01 {
		display: block;
	}
	.comp-box01 .d01 {
		display: block;
	}
	.comp-box01 .d01 li {
		display: block;
		border: #ccc solid 1px;
		margin-bottom: 20px;
	}
	.comp-box01 .d01 li.bg1 a {
		background: url(../images/about/img2.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg2 a {
		background: url(../images/about/img1.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg3 a {
		background: url(../images/about/img3.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg4 a {
		background: url(../images/about/img4.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg5 a {
		background: url(../images/about/img5.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg6 a {
		background: url(../images/about/img6.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 a {
		display: block;
		height: 130px;
		margin: 2px;
		position: relative;
	}
	.comp-box01 .d01 a span {
		display: block;
		position: absolute;
		left: 0px;
		bottom: 10px;
		width: 98%;
		background: rgba(0,0,0,0.7);
		color: #FFF;
		text-decoration: none;
		font-size: 13px;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 2%;
	}
}
/* GREETING */
@media screen and (min-width: 769px) {
	.greet01 {
		display: block;
	}
	.greet01 figure {
		display: block;
		float: right;
		padding-left: 20px;
		padding-bottom: 20px;
	}
	.greet01 p {
		font-size: 16px !important;
		line-height: 210% !important;
	}
	.hist-tab .image {
		font-size: 10px;
	}
	.hist-tab h4 {
		display: block !important;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 768px) {
	.greet01 {
		display: block;
	}
	.greet01 figure {
		display: block;
		text-align: center;
		padding: 4%;
	}
	.greet01 figure img {
		width: 100%;
	}
	.greet01 p {
		font-size: 13px !important;
		line-height: 140% !important;
	}
	.hist-tab .image {
		font-size: 10px;
	}
	.hist-tab h4 {
		display: block !important;
		margin-top: 5px;
		margin-bottom: 5px;
	}
}
/* LINKS */
@media screen and (min-width: 769px) {
	.tisbox2 {
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.tisbox2 h5 {
		display: block;
		background: #EFEFEF;
		padding: 10px;
		font-size: 16px;
		font-weight: bold;
		border: #ccc solid 1px;
	}
	.ka-link {
		display: block;
		padding-bottom: 20px;
	}
	.ka-link li {
		display: block;
		float: left;
		width: 47%;
		padding: 10px;
		border: #ccc dotted 1px;
		margin-top: 4px;
		margin-bottom: 4px;
	}
	.ka-link li:nth-child(2n) {
		float: right;
	}
}
@media screen and (max-width: 768px) {
	.tisbox2 {
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.tisbox2 h5 {
		display: block;
		background: #EFEFEF;
		padding: 10px;
		font-size: 14px;
		font-weight: bold;
		border: #ccc solid 1px;
	}
	.ka-link {
		display: block;
		padding-bottom: 20px;
	}
	.ka-link li {
		display: block;
		padding: 10px;
		border: #ccc dotted 1px;
		margin-top: 4px;
		margin-bottom: 4px;
	}
}
/* ABOUT*/
@media screen and (min-width: 769px) {
	.tisbox3 {
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.tisbox3 h2 {
		display: block;
		width: 100% !important;
		background: #004896 !important;
		color: #FFF;
		font-size: 21px !important;
		padding-top: 14px !important;
		padding-bottom: 14px !important;
		padding-left: 29px !important;
		position: relative;
		text-align: left;
	}
	.tisbox3 h2::before {
		position: absolute;
		left: 11px;
		top: 5px;
		width: 1px;
		height: 48px;
		content: "";
		border-left: #FFF dotted 1px;
	}
	.tisbox3 h2::after {
		position: absolute;
		left: 15px;
		top: 5px;
		width: 1px;
		height: 48px;
		content: "";
		border-left: #FFF dotted 1px;
	}
	.ab-txbox1 {
		display: block;
	}
	.ab-txbox1 figure {
		display: block;
		float: right;
		margin-left: 25px;
		margin-bottom: 20px;
	}
	.im-btn {
		display: block;
		padding: 20px;
		text-align: center;
	}
	.im-btn img {
		display: inline-block;
	}
	.txt-center {
		text-align: center;
		display: block;
	}
	.ab-txbox1 .txt-center {
		padding-top: 15px;
		padding-bottom: 5px;
		font-size: 16px;
	}
	.bottom-rec {
		display: block;
	}
	.bottom-rec div {
		display: block;
		float: left;
		width: 50%;
	}
	.bottom-rec a {
		display: block;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		font-size: 25px;
		padding-top: 45px;
		padding-bottom: 45px;
		background: #004896;
	}
	.bottom-rec div:nth-child(2) a {
		background: #111;
	}
	
	.bottom-cont01 {
		display: block;
		padding-top: 35px;
	}
	.bottom-cont01 h5 {
		display: block;
		text-align: center;
		color: #FFF;
		background: #333333;
		padding: 6px;
		font-size:24px;
	}
	.bottom-cont01 .bg-gry {
		display: block;
		background: #ECECEC;
		padding: 10px;
	}
	.bottom-cont01 .to {
		display: block;
		padding-bottom: 10px;
		border-bottom: #ccc solid 1px;
	}
	.bottom-cont01 .to figure {
		display: block;
		float: left;		
	}
	.bottom-cont01 .to .adds {
		display: block;
		float: left;
		width: 520px;
		font-size: 15px;
		padding-left: 20px;
		padding-top: 25px;
	}
	.bottom-cont01 .bo {
		display: block;
		padding-top: 10px;
	}
	.bottom-cont01 .bo figure {
		display: block;
		float: right;
	}
	.bottom-cont01 .bo .tels {
		display: block;
		float: left;
		font-size: 36px;
		padding-top: 7px;
	}
	.bottom-cont01 .bo .tels span {
		font-size: 15px;
	}
}
@media screen and (max-width: 768px) {
	.tisbox3 {
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.tisbox3 h2 {
		display: block;
		background: #004896 !important;
		color: #FFF;
		font-size: 15px !important;
		padding: 10px;
		position: relative;
		text-align: left;
		width: auto !important;
	}
	.ab-txbox1 {
		display: block;
		padding: 10px;
	}
	.ab-txbox1 img {
		width: 100%;
	}
	.ab-txbox1 figure {
		display: block;
		margin-bottom: 20px;
	}
	.im-btn {
		display: block;
		padding: 20px;
		text-align: center;
	}
	.im-btn img {
		display: inline-block;
	}
	.txt-center {
		text-align: center;
		display: block;
	}
	.ab-txbox1 .txt-center {
		padding-top: 15px;
		padding-bottom: 5px;
		font-size: 12px;
	}
	.bottom-rec {
		display: block;
	}
	.bottom-rec div {
		display: block;
	}
	.bottom-rec a {
		display: block;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		font-size: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		background: #004896;
	}
	.bottom-rec div:nth-child(2) a {
		background: #111;
	}
	
	.bottom-cont01 {
		display: block;
		padding-top: 35px;
	}
	.bottom-cont01 img {
		width: 100%;
	}
	.bottom-cont01 h5 {
		display: block;
		text-align: center;
		color: #FFF;
		background: #333333;
		padding: 6px;
		font-size:13px;
	}
	.bottom-cont01 .bg-gry {
		display: block;
		background: #ECECEC;
		padding: 10px;
	}
	.bottom-cont01 .to {
		display: block;
		padding-bottom: 10px;
		border-bottom: #ccc solid 1px;
	}
	.bottom-cont01 .to figure {
		display: block;
		width: 240px;
		margin: 0 auto;
	}
	.bottom-cont01 .to .adds {
		display: block;
		text-align: center;
		font-size: 15px;
		padding-top: 10px;
	}
	.bottom-cont01 .bo {
		display: block;
		padding-top: 10px;
	}
	.bottom-cont01 .bo figure {
		display: block;
	}
	.bottom-cont01 .bo .tels {
		display: block;
		text-align: center;
		font-size: 24px;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.bottom-cont01 .bo .tels span {
		font-size: 12px;
	}
}
/* RECRUIT*/
@media screen and (min-width: 769px) {
	.comp-box01 .d01 li.bg7 a {
		background: url(../images/recruit/img1.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg8 a {
		background: url(../images/recruit/img2.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg9 a {
		background: url(../images/recruit/img3.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg10 a {
		background: url(../images/recruit/img5.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg11 a {
		background: url(../images/recruit/img4.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg12 a {
		background: url(../images/recruit/img6.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg13 a {
		background: url(../images/recruit/img7.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.ent-btn {
		display: block;
		width: 440px;
		margin: 0 auto;
		padding-top: 30px;
	}
	.ent-btn a {
		display: block;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		background: #111;
		font-size: 24px;
		padding-top: 30px;
		padding-bottom: 30px;
		position: relative;
	}
	.ent-btn a::before,
	.ent-btn a::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.ent-btn a::before{
		left: 4px;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #FFF;
	}
}
@media screen and (max-width: 768px) {
	.comp-box01 .d01 li.bg7 a {
		background: url(../images/recruit/img1.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg8 a {
		background: url(../images/recruit/img2.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg9 a {
		background: url(../images/recruit/img3.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg10 a {
		background: url(../images/recruit/img5.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg11 a {
		background: url(../images/recruit/img4.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg12 a {
		background: url(../images/recruit/img6.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg13 a {
		background: url(../images/recruit/img7.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.ent-btn {
		display: block;
		width: 240px;
		margin: 0 auto;
		padding-top: 20px;
	}
	.ent-btn a {
		display: block;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		background: #111;
		font-size: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		position: relative;
	}
	.ent-btn a::before,
	.ent-btn a::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.ent-btn a::before{
		left: 4px;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #FFF;
	}
}
/* FORM*/
@media screen and (min-width: 769px) {
	.n001 {
		width: 40%;
		height: 30px;
		border: #ccc solid 1px;
	}
	.n002 {
		width: 10%;
		height: 30px;
		border: #ccc solid 1px;
	}
	.n003 {
		width: 28%;
		height: 30px;
		border: #ccc solid 1px;
	}
	.n004 {
		width: 10%;
		height: 30px;
		border: #ccc solid 1px;
	}
	.texter {
		width: 80%;
		height: 140px;
		border: #ccc solid 1px;
	}
	.defTable01 select {
		width: 150px;
		height: 30px;
		border: #ccc solid 1px;
	}
	.entry-bgo {
		display: block;
		padding-bottom: 10px;
	}
	.entry-bgo small {
		display: block;
		float: left;
		width: 28%;
	}
	.entry-bgo div div {
		display: block;
		float:left;
	}
}
@media screen and (max-width: 768px) {
	.n001 {
		width: 90%;
		height: 30px;
		border: #ccc solid 1px;
	}
	.n002 {
		width: 90%;
		height: 30px;
		border: #ccc solid 1px;
	}
	.n003 {
		width: 90%;
		height: 30px;
		border: #ccc solid 1px;
	}
	.n004 {
		width: 90%;
		height: 30px;
		border: #ccc solid 1px;
	}
	.texter {
		width: 90%;
		height: 120px;
		border: #ccc solid 1px;
	}
	.defTable01 select {
		width: 90%;
		height: 30px;
		border: #ccc solid 1px;
	}
	.entry-bgo {
		display: block;
		padding-bottom: 10px;
	}
	.entry-bgo small {
		display: block;
		padding-bottom: 4px;
	}
	.entry-bgo div div {
		display: block;
	}
}
/* RECRUIT ABOUT1*/
@media screen and (min-width: 769px) {
	.about01 {
		display: block;
	}
	.about01 figure {
		display: block;
		float: right;
		padding-left: 20px;
		padding-bottom: 20px;
	}
	.about01 p {
		font-size: 14px !important;
		line-height: 170% !important;
	}
	.about02 {
		display: block;
	}
	.about02 figure {
		display: block;
		float: left;
		padding-right: 20px;
		padding-bottom: 20px;
	}
	.about02 p {
		font-size: 14px !important;
		line-height: 170% !important;
	}
	.im-center2 {
		display: block;
		text-align: center;
		padding: 25px;
	}
	.im-center2 img {
		display: inline-block;
	}
	.glo-chip {
		display: block;
		background: #ECECEC;
		padding: 20px;
	}
	.glo-chip h5 {
		display: block;
		color: #004896;
		font-size: 21px;
		border-bottom: #004896 solid 3px;
		padding-bottom: 10px;
		margin-bottom: 25px;
	}
	.glo-chip h5 small {
		font-size: 12px;
	}
	.glo-chip figure {
		display: block;
		float: right;
		padding-left: 20px;
	}
	.sbt {
		display: block;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		background: #111;
		font-size: 15px;
		width: 400px;
		padding-top: 20px;
		padding-bottom: 20px;
		position: relative;
		border: none;
	}
}
@media screen and (max-width: 768px) {
	.about01 {
		display: block;
		padding: 10px;
	}
	.about01 figure {
		display: block;
		padding-left: 8%;
		padding-right: 8%;
		padding-bottom: 15px;
	}
	.about01 figure img {
		width: 100%;
	}
	.about01 p {
		font-size: 12px !important;
		line-height: 150% !important;
	}
	.about02 {
		display: block;
	}
	.about02 figure {
		display: block;
		padding-left: 8%;
		padding-right: 8%;
		padding-bottom: 15px;
	}
	.about02 figure img {
		width: 100%;
	}
	.about02 p {
		font-size: 12px !important;
		line-height: 150% !important;
	}
	.im-center2 {
		display: block;
		text-align: center;
		padding: 4%;
	}
	.im-center2 img {
		display: inline-block;
		width: 100%;
	}
	.glo-chip {
		display: block;
		background: #ECECEC;
		padding: 10px;
	}
	.glo-chip h5 {
		display: block;
		color: #004896;
		font-size: 15px;
		border-bottom: #004896 solid 3px;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	.glo-chip h5 small {
		font-size: 10px;
	}
	.glo-chip figure {
		display: block;
		padding-left: 7%;
		padding-right: 7%
	}
	.glo-chip figure img {
		width: 100%;
	}
	.sbt {
		display: block;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		background: #111;
		font-size: 13px;
		width: 250px;
		padding-top: 10px;
		padding-bottom: 10px;
		position: relative;
		border: none;
	}

}
/* SERVICE*/
@media screen and (min-width: 769px) {
	.comp-box01 .d01 li.bg14 a {
		background: url(../images/service/img1.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg15 a {
		background: url(../images/service/img2.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg16 a {
		background: url(../images/service/img3.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg17 a {
		background: url(../images/service/img5.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg18 a {
		background: url(../images/service/img4.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg19 a {
		background: url(../images/service/img6.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg20 a {
		background: url(../images/service/img7.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.w100 {
		width: 100%;
	}
	.about01 figcaption {
		display: block;
		text-align: center;
		background: #111;
		color: #FFF;
		font-size: 12px;
		padding: 4px;
	}
	.imgs-lf {
		display: block;
		padding-left: 14%;
		padding-right: 14%;
	}
	.imgs-lf div {
		display: block;
		float: left;
	}
	.imgs-lf div:nth-child(2) {
		float: right;
	}
	.imgs-lf span {
		display: block;
		text-align: center;
		background: #111;
		color: #FFF;
		font-size: 12px;
		padding: 4px;
	}
}
@media screen and (max-width: 768px) {
	.comp-box01 .d01 li.bg14 a {
		background: url(../images/service/img1.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg15 a {
		background: url(../images/service/img2.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg16 a {
		background: url(../images/service/img3.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg17 a {
		background: url(../images/service/img5.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg18 a {
		background: url(../images/service/img4.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg19 a {
		background: url(../images/service/img6.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg20 a {
		background: url(../images/service/img7.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.about01 figcaption {
		display: block;
		text-align: center;
		background: #111;
		color: #FFF;
		font-size: 10px;
		padding: 4px;
	}
	.imgs-lf {
		display: block;
	}
	.imgs-lf img {
		width: 100%;
	}
	.imgs-lf div {
		display: block;
		width: 230px;
		margin: 0 auto;
		padding-bottom: 10px;
	}
	.imgs-lf span {
		display: block;
		text-align: center;
		background: #111;
		color: #FFF;
		font-size: 10px;
		padding: 4px;
	}
}
/* SERVICE04*/
@media screen and (min-width: 769px) {
	.unk-links {
		display: block;
		padding-top: 40px;
	}
	.unk-links li {
		display: block;
		float: left;
		width: 48%;
	}
	.unk-links li:nth-child(2n) {
		float: right;
	}
	.unk-links li a {
		display: block;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		background: #111;
		position: relative !important;
		font-size: 16px;
		padding-top: 18px;
		padding-bottom: 18px;
	}
	.gry-box02 {
		display: block;
		background: #DDEDFF;
		border: #ccc solid 1px;
		padding: 25px;
		margin-bottom: 30px;
	}
	.gry-box02 div {
		display: block;
		float: right;
	}
	.gry-box02 p {
		display: block;
		float: left;
		font-size: 14px;
		line-height: 180%;
		padding-left: 40px;
		padding-top: 50px;
	}
	.inn-list {
		display: block;
		margin-bottom: 15px;
	}
	.inn-list li {
		display: block;
		border-bottom: #ccc dotted 1px;
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 14px;
	}
	.imgs-tree {
		display: block;
		padding-left: 3%;
		padding-top: 30px;
	}
	.imgs-tree li {
		display: block;
		float: left;
		width: 32%;
		margin-right: 1%;
		margin-bottom: 25px;
	}
	.imgs-tree li img {
		width: 100%;
	}
	.imgs-tree li span {
		display: block;
		text-align: center;
		background: #111;
		color: #FFF;
		font-size: 11px;
		padding-top: 4px;
		padding-bottom: 4px;
	}

}
@media screen and (max-width: 768px) {
	.unk-links {
		display: block;
		padding-top: 10px;
	}
	.unk-links li {
		display: block;
		padding: 10px;
	}
	.unk-links li a {
		display: block;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		background: #111;
		position: relative !important;
		font-size: 12px;
		padding-top: 14px;
		padding-bottom: 14px;
	}
	.gry-box02 {
		display: block;
		background: #DDEDFF;
		border: #ccc solid 1px;
		padding: 10px;
		margin-bottom: 30px;
	}
	.gry-box02 div {
		display: block;
	}
	.gry-box02 p {
		display: block;
		font-size: 13px;
		line-height: 150%;
		padding-bottom: 15px;
	}
	.inn-list {
		display: block;
		margin-bottom: 15px;
	}
	.inn-list li {
		display: block;
		border-bottom: #ccc dotted 1px;
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 12px;
	}
	.imgs-tree {
		display: block;
		padding-left: 3%;
		padding-top: 30px;
	}
	.imgs-tree li {
		display: block;
		margin-bottom: 10px;
	}
	.imgs-tree li img {
		width: 100%;
	}
	.imgs-tree li span {
		display: block;
		text-align: center;
		background: #111;
		color: #FFF;
		font-size: 10px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
}
/* SERVICE07*/
@media screen and (min-width: 769px) {
	.comp-box01 .d01 li.bg21 a {
		background:url(../images/service/service07/img1.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg22 a {
		background: url(../images/service/service07/img1.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg23 a {
		background: url(../images/service/service07/img1.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg24 a {
		background: url(../images/service/service07/img1.jpg) top center no-repeat;
		background-size:  120% auto;
	}
}
@media screen and (max-width: 768px) {
	.comp-box01 .d01 li.bg21 a {
		background:url(../images/service/service07/img1.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg22 a {
		background: url(../images/service/service07/img1.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg23 a {
		background: url(../images/service/service07/img1.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg24 a {
		background: url(../images/service/service07/img1.jpg) top center no-repeat;
		background-size:  120% auto;
	}
}
/* SERVICE03*/
@media screen and (min-width: 769px) {
	.hi-link {
		display: block;
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.hi-link li {
		display: block;
		float: left;
		width : calc(100% / 3) ;
	}
	.hi-link li a {
		display: block;
		font-size: 16px;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
		border-right: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
		border-top: #004896 solid 4px;
	}
	.hi-link li:nth-child(1) a {
		border-left: #ccc solid 1px;
	}
	.hi-link li a:hover,
	.hi-link li a.current {
		padding-top: 30px;
		padding-bottom: 30px;
		font-size: 18px;
		border-top: #FF743C solid 6px;
	}
	.ci-list {
		display: block;
	}
	.ci-list li {
		display: block;
		float: left;
		padding: 15px;
	}
	.twoimg {
		display: block;
	}
	.twoimg li {
		display: block;
		float: left;
		width: 49%;
		margin-bottom: 25px;
	}
	.twoimg li:nth-child(2n) {
		float: right;
	}
	.twoimg img {
		display: block;
		width: 100%;
	}
	.tx-right-s {
		display: block;
		text-align: right;
		font-size: 11px;
	}
	.pb30 {padding-bottom: 30px;}
	.fsb14 {
		font-weight: bold;
		font-size: 15px;
	}
	.hex-box {
		display: block;
	}
	.hex-box li {
		display: block;
		float: left;
		width: 49%;
		border: #ccc dotted 2px;
		height: 450px;
		margin-bottom: 25px;
	}
	.hex-box li:nth-child(2n) {
		float: right;
	}
	.hex-box li figure {
		display: block;
		text-align: center;
		padding: 15px;
	}
	.hex-box li img {
		display: block;
		width: 100%;
	}
	.hex-box li p {
		display: block;
		font-size: 13px;
		padding: 15px;
	}
	
}
@media screen and (max-width: 768px) {
	.hi-link {
		display: block;
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.hi-link li {
		display: block;
	}
	.hi-link li a {
		display: block;
		font-size: 16px;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
		border-right: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
		border-top: #004896 solid 4px;
	}
	.hi-link li:nth-child(1) a {
		border-left: #ccc solid 1px;
	}
	.hi-link li a:hover,
	.hi-link li a.current {
		padding-top: 30px;
		padding-bottom: 30px;
		font-size: 18px;
		border-top: #FF743C solid 6px;
	}
	.ci-list {
		display: block;
		padding: 15px;
	}
	.ci-list li {
		display: block;
		float: left;
		width: 49%;
		margin-bottom: 10px;
	}
	.ci-list li img {
		width: 100%;
	}
	.ci-list li:nth-child(2n) {
		float: right;
	}
	.twoimg {
		display: block;
	}
	.twoimg li {
		display: block;
		padding: 5px;
	}
	.twoimg img {
		display: block;
		width: 100%;
	}
	.tx-right-s {
		display: block;
		text-align: right;
		font-size: 10px;
	}
	.pb30 {padding-bottom: 15px;}
	.fsb14 {
		font-weight: bold;
		font-size: 14px;
	}
	.hex-box {
		display: block;
	}
	.hex-box li {
		display: block;
		border: #ccc dotted 2px;
		margin-bottom: 15px;
	}
	.hex-box li figure {
		display: block;
		text-align: center;
		padding: 10px;
	}
	.hex-box li img {
		display: block;
		width: 100%;
	}
	.hex-box li p {
		display: block;
		font-size: 12px;
		padding: 10px;
	}
}
/* ex1*/
@media screen and (min-width: 769px) {
	.ex-list01 {
		display: block;
		padding-top: 30px;
	}
	.ex-list01 li {
		display: block;
		float: left;
		width: 48%;
		border: #EFEFEF solid 3px;
		margin-bottom: 20px;
	}
	.ex-list01 li:nth-child(2n) {
		float: right;
	}
	.ex-list01 li .pad {
		display: block;
		padding: 3%;
	}
	.ex-list01 li figure {
		display: block;
		float: left;
		width: 20%;
	}
	.ex-list01 li img {
		display: block;
		width: 100%;
	}
	.ex-list01 li p {
		display: block;
		float: right;
		width: 77%;
		font-size: 12px;
	}
	.img-tree {
		display: block;
		padding: 20px;
	}
	.img-tree li {
		display: block;
		float: left;
		width: 28%;
		margin-left: 2%;
		margin-right: 2%;
	}
	.img-tree img {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.ex-list01 {
		display: block;
		padding-top: 20px;
	}
	.ex-list01 li {
		display: block;
		border: #EFEFEF solid 3px;
		margin-bottom: 20px;
	}
	.ex-list01 li .pad {
		display: block;
		padding: 3%;
	}
	.ex-list01 li figure {
		display: block;
		text-align: center;
		padding-bottom: 10px;
	}
	.ex-list01 li img {
		display:inline-block;
		width: 50px;
	}
	.ex-list01 li p {
		display: block;
		font-size: 12px;
	}
	.img-tree {
		display: block;
		padding: 20px;
	}
	.img-tree li {
		display: block;
		padding: 10px;
	}
	.img-tree img {
		width: 100%;
	}
}
/* ex1*/
@media screen and (min-width: 769px) {
	.bordh5 {
		display: block;
		font-size: 16px;
		color: #004896;
		font-weight: bold;
		border-bottom: #004896 dotted 4px;
		padding-top: 15px;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.imgss {
		display: block;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.imgss img {
		display: inline-block;
		max-width: 100%;
	}
	.ex4-ta {
		display: block;
		padding-left: 10%;
		padding-right: 10%;
		padding-bottom: 20px;
	}
	.ex4-ta li {
		display: block;
		float: left;
		width: 24%;
		padding: 3%;
		margin-left: 1%;
		margin-right: 1%;
		border: #ECECEC solid 4px;
	}
	.ex4-ta li figure {
		display: block;
		padding-bottom: 10px;
	}
	.ex4-ta li img {
		display: block;
		width: 100%;
	}
	.ex4-ta li table {
		width: 100%;
		font-size: 12px;
	}
	.ex4-ta li th {
		text-align: left;
		vertical-align:top;
		padding-bottom: 3px;
	}
	.ex4-ta li td {
		text-align: left;
		vertical-align:top;
		padding-bottom: 3px;
	}
	.ex5-bord {
		display: block;
		padding-bottom: 30px;
	}
	.ex5-bord li {
		display: block;
		float: left;
		width: 44%;
		padding: 2%;
		border: #EFEFEF solid 4px;
	}
	.ex5-bord li:nth-child(2n) {
		float: right;
	}
	.ex5-bord figure img {
		display: block;
		width: 100%;
	}
	
}
@media screen and (max-width: 768px) {
	.bordh5 {
		display: block;
		font-size: 14px;
		color: #004896;
		font-weight: bold;
		border-bottom: #004896 dotted 2px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.imgss {
		display: block;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.imgss img {
		display: inline-block;
		max-width: 100%;
	}
	.ex4-ta {
		display: block;
		padding-bottom: 20px;
	}
	.ex4-ta li {
		display: block;
		padding: 3%;
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom: 15px;
		border: #ECECEC solid 4px;
	}
	.ex4-ta li figure {
		display: block;
		padding-bottom: 10px;
	}
	.ex4-ta li img {
		display: block;
		width: 100%;
	}
	.ex4-ta li table {
		width: 100%;
		font-size: 10px;
	}
	.ex4-ta li th {
		text-align: left;
		vertical-align:top;
		padding-bottom: 3px;
	}
	.ex4-ta li td {
		text-align: left;
		vertical-align:top;
		padding-bottom: 3px;
	}
	.ex5-bord {
		display: block;
		padding-bottom: 20px;
	}
	.ex5-bord li {
		display: block;
		margin-bottom: 15px;
		padding: 2%;
		border: #EFEFEF solid 4px;
	}
	.ex5-bord figure img {
		display: block;
		width: 100%;
	}
}
/* SERVICE07*/
@media screen and (min-width: 769px) {
	.comp-box01 .d01 li.bg25 a {
		background:url(../images/products/img1.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg26 a {
		background: url(../images/products/img2.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg27 a {
		background: url(../images/products/img3.jpg) top center no-repeat;
		background-size:  120% auto;
	}
}
@media screen and (max-width: 768px) {
	.comp-box01 .d01 li.bg25 a {
		background:url(../images/products/img1.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg26 a {
		background: url(../images/products/img2.jpg) top center no-repeat;
		background-size:  120% auto;
	}
	.comp-box01 .d01 li.bg27 a {
		background: url(../images/products/img3.jpg) top center no-repeat;
		background-size:  120% auto;
	}
}


/* movie*/
@media screen and (min-width: 769px) {

	/* ----------------------------------------------------------------------------------------------------------------*/
	/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
	/* ----------------------------------------------------------------------------------------------------------------*/
	#TB_window {
		font-size: 16px;
		font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
		color: #333333;
	}

	#TB_secondLine {
		font-size: 14px;
		font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
		color: #666666;
	}

	#TB_window a:link {color: #666666;}
	#TB_window a:visited {color: #666666;}
	#TB_window a:hover {color: #000;}
	#TB_window a:active {color: #666666;}
	#TB_window a:focus{color: #666666;}

	/* ----------------------------------------------------------------------------------------------------------------*/
	/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
	/* ----------------------------------------------------------------------------------------------------------------*/
	#TB_overlay {
		position: fixed;
		z-index:100;
		top: 0px;
		left: 0px;
		height:100%;
		width:100%;
	}

	.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
	.TB_overlayBG {
		background-color:#000;
		filter:alpha(opacity=75);
		-moz-opacity: 0.75;
		opacity: 0.75;
	}

	* html #TB_overlay { /* ie6 hack */
		 position: absolute;
		 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}

	#TB_window {
		position: fixed;
		background: #ffffff;
		z-index: 102;
		color:#000000;
		display:none;
		border: 4px solid #525252;
		text-align:left;
		top:10%;
		left:50%;
	}

	* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}

	#TB_window img#TB_Image {
		display:block;
		margin: 15px 0 0 15px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #666;
		border-left: 1px solid #666;
	}

	#TB_caption{
		height:25px;
		padding:7px 30px 10px 25px;
		float:left;
	}

	#TB_closeWindow{
		height:25px;
		padding:11px 25px 10px 0;
		float:right;
	}

	#TB_closeAjaxWindow{
		padding:7px 10px 5px 0;
		margin-bottom:1px;
		text-align:right;
		float:right;
	}

	#TB_ajaxWindowTitle{
		float:left;
		padding:7px 0 5px 10px;
		margin-bottom:1px;
	}

	#TB_title{
		background-color:#e8e8e8;
		height:27px;
	}

	#TB_ajaxContent{
		clear:both;
		padding:2px 15px 15px 15px;
		overflow:auto;
		text-align:left;
		line-height:1.4em;
	}

	#TB_ajaxContent.TB_modal{
		padding:15px;
	}

	#TB_ajaxContent p{
		padding:5px 0px 5px 0px;
	}

	#TB_load{
		position: fixed;
		display:none;
		height:13px;
		width:208px;
		z-index:103;
		top: 50%;
		left: 50%;
		margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	}

	* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}

	#TB_HideSelect{
		z-index:99;
		position:fixed;
		top: 0;
		left: 0;
		background-color:#fff;
		border:none;
		filter:alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		height:100%;
		width:100%;
	}

	* html #TB_HideSelect { /* ie6 hack */
		 position: absolute;
		 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}

	#TB_iframeContent{
		clear:both;
		border:none;
		margin-bottom:-1px;
		margin-top:1px;
		_margin-bottom:1px;
	}
	span.NP{
		background:#525252;
		margin:0 10px;
		color:#FFFFFF !important;
		font-size:14px;
		padding:0 4px !important;
		font-weight:bold;
	}
	span.NP a{
		color:#FFFFFF !important;
	}
	.hexbox {
		display: block;
	}
	.hexbox .one {
		display: block;
		float: left;
		width: 42%;
		border: #EFEFEF solid 5px;
		padding: 20px;
		margin-bottom: 25px;
	}
	.hexbox .one:nth-child(2n) {
		float: right;
	}
	.hexbox .one .im {
		display: block;
		text-align: center;
		padding-bottom: 15px;
	}
	.hexbox .one .im img {
		display: inline-block;
		max-width: 100%;
	}
}
@media screen and (max-width: 768px) {
	/* ----------------------------------------------------------------------------------------------------------------*/
	/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
	/* ----------------------------------------------------------------------------------------------------------------*/
	#TB_window {
		font-size: 16px;
		font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
		color: #333333;
	}

	#TB_secondLine {
		font-size: 14px;
		font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
		color: #666666;
	}

	#TB_window a:link {color: #666666;}
	#TB_window a:visited {color: #666666;}
	#TB_window a:hover {color: #000;}
	#TB_window a:active {color: #666666;}
	#TB_window a:focus{color: #666666;}

	/* ----------------------------------------------------------------------------------------------------------------*/
	/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
	/* ----------------------------------------------------------------------------------------------------------------*/
	#TB_overlay {
		position: fixed;
		z-index:100;
		top: 0px;
		left: 0px;
		height:100%;
		width:100%;
	}

	.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
	.TB_overlayBG {
		background-color:#000;
		filter:alpha(opacity=75);
		-moz-opacity: 0.75;
		opacity: 0.75;
	}

	* html #TB_overlay { /* ie6 hack */
		 position: absolute;
		 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}

	#TB_window {
		position: fixed;
		background: #ffffff;
		z-index: 102;
		color:#000000;
		display:none;
		border: 4px solid #525252;
		text-align:left;
		top:10%;
		left:50%;
	}

	* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}

	#TB_window img#TB_Image {
		display:block;
		margin: 15px 0 0 15px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #666;
		border-left: 1px solid #666;
	}

	#TB_caption{
		height:25px;
		padding:7px 30px 10px 25px;
		float:left;
	}

	#TB_closeWindow{
		height:25px;
		padding:11px 25px 10px 0;
		float:right;
	}

	#TB_closeAjaxWindow{
		padding:7px 10px 5px 0;
		margin-bottom:1px;
		text-align:right;
		float:right;
	}

	#TB_ajaxWindowTitle{
		float:left;
		padding:7px 0 5px 10px;
		margin-bottom:1px;
	}

	#TB_title{
		background-color:#e8e8e8;
		height:27px;
	}

	#TB_ajaxContent{
		clear:both;
		padding:2px 15px 15px 15px;
		overflow:auto;
		text-align:left;
		line-height:1.4em;
	}

	#TB_ajaxContent.TB_modal{
		padding:15px;
	}

	#TB_ajaxContent p{
		padding:5px 0px 5px 0px;
	}

	#TB_load{
		position: fixed;
		display:none;
		height:13px;
		width:208px;
		z-index:103;
		top: 50%;
		left: 50%;
		margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	}

	* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}

	#TB_HideSelect{
		z-index:99;
		position:fixed;
		top: 0;
		left: 0;
		background-color:#fff;
		border:none;
		filter:alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		height:100%;
		width:100%;
	}

	* html #TB_HideSelect { /* ie6 hack */
		 position: absolute;
		 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}

	#TB_iframeContent{
		clear:both;
		border:none;
		margin-bottom:-1px;
		margin-top:1px;
		_margin-bottom:1px;
	}
	span.NP{
		background:#525252;
		margin:0 10px;
		color:#FFFFFF !important;
		font-size:14px;
		padding:0 4px !important;
		font-weight:bold;
	}
	span.NP a{
		color:#FFFFFF !important;
	}
	.hexbox {
		display: block;
	}
	.hexbox .one {
		display: block;
		border: #EFEFEF solid 5px;
		padding: 10px;
		margin-bottom: 25px;
	}
	.hexbox .one .im {
		display: block;
		text-align: center;
		padding-bottom: 15px;
	}
	.hexbox .one .im img {
		display: inline-block;
		max-width: 100%;
	}

}

/* ITEM*/
@media screen and (min-width: 769px) {
	.new-it-list {
		display: block;
		margin-bottom: 35px;
		/*border: #C6E1FF solid 5px;*/
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
		padding-bottom: 5px;
	}
	.new-it-list .one {
		display: block;
		border-bottom: #ccc dotted 1px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.new-it-list .one figure {
		display: block;
		float: left;
		width: 23%;
	}
	.new-it-list .one figure img {
		display: block;
		width: 100%;
	}
	.new-it-list .one .txt {
		display: block;
		float: right;
		width: 76%;
	}
	.new-it-list .one .btnss {
		display: block;
		margin-left: 75%;
	}
	.new-it-list .one .btnss a {
		display: block;
		color: #FFF;
		text-align: center;
		text-decoration: none;
		font-size: 15px;
		padding-top: 12px;
		padding-bottom: 12px;
		background: #999;
	}
	.neico {
		position: relative;
	}
	.neico::before {
		content: "NEW";
		position: absolute;
		left: 0px;
		top: 0px;
		width: 60px;
		text-align: center;
		color: #FFF;
		font-size: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		background:#CF0508;
		z-index: 99;
	}
	
	.new-it-list .one2 {
		display: block;
		border-bottom: #ccc dotted 1px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.new-it-list .one2 figure {
		display: block;
		float: left;
		width: 40%;
	}
	.new-it-list .one2 figure img {
		display: block;
		width: 100%;
	}
	.new-it-list .one2 .txt {
		display: block;
		float: right;
		width: 57%;
	}
	.kikaku {
		display: block;
		background: #ECECEC;
		margin-top: 35px;
	}
	.kikaku h5 {
		display: block;
		background: #ccc;
		text-align: center;
		padding: 6px;
		font-size: 16px;
	}
	.kikaku .tx {
		display: block;
		padding: 25px;
		font-size: 14px;
	}
}
@media screen and (max-width: 768px) {
	.new-it-list {
		display: block;
		margin-bottom: 35px;
		/*border: #C6E1FF solid 3px;*/
		padding: 10px;
	}
	.new-it-list .one {
		display: block;
		border-bottom: #ccc dotted 1px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.new-it-list .one figure {
		display: block;
		padding-left: 5%;
		padding-right: 5%;
	}
	.new-it-list .one figure img {
		display: block;
		width: 100%;
	}
	.new-it-list .one .txt {
		display: block;
		padding-top: 10px;
	}
	.new-it-list .one .btnss {
		display: block;
	}
	.new-it-list .one .btnss a {
		display: block;
		color: #FFF;
		text-align: center;
		text-decoration: none;
		font-size: 15px;
		padding-top: 12px;
		padding-bottom: 12px;
		background: #999;
	}
	.neico {
		position: relative;
	}
	.neico::before {
		content: "NEW";
		position: absolute;
		left: 0px;
		top: 0px;
		width: 60px;
		text-align: center;
		color: #FFF;
		font-size: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		background:#CF0508;
		z-index: 99;
	}
	
	.new-it-list .one2 {
		display: block;
		border-bottom: #ccc dotted 1px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.new-it-list .one2 figure {
		display: block;
	}
	.new-it-list .one2 figure img {
		display: block;
		width: 100%;
	}
	.new-it-list .one2 .txt {
		display: block;
		padding-top: 10px;
	}
	.kikaku {
		display: block;
		background: #ECECEC;
		margin-top: 20px;
	}
	.kikaku h5 {
		display: block;
		background: #ccc;
		text-align: center;
		padding: 6px;
		font-size: 14px;
	}
	.kikaku .tx {
		display: block;
		padding: 10px;
		font-size: 12px;
	}

}
/* SERACH */
@media screen and (min-width: 769px) {
	.serc-main {
		display: block;
		padding-left: 4%;
		padding-right: 4%;
	}
	.serc-main .lef {
		display: block;
		float: left;
		width: 31%;
		margin-right: 1%;
		border: #ECECEC solid 5px;
		margin-bottom: 30px;
	}
	.serc-main .lef:nth-child(3n) {
		margin-right: 0px;
	}
	.serc-main img {
		width: 100%;
	}
	.serc-main .txt {
		display: block;
		padding-left: 4%;
		padding-right: 4%;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.serc-main .txt .int {
		display: block;
		float: left;
		width: 65%;
	}
	.serc-main select {
		width: 100%;
		border: #ccc solid 1px;
		height: 35px;
		font-size: 12px;
	}
	.nnee {
		width: 100%;
		border: #ccc solid 1px;
		height: 31px;
		font-size: 15px;
	}
	.for002 input[type="text"]  {
		width: 72%;
		border: #ccc solid 1px;
		height: 31px;
		font-size: 15px;
	}
	.for002 input[type="submit"]  {
		width: 26%;
		color: #FFF;
		font-size: 15px;
		background: #004896;
		height: 35px;
		text-align: center;
		border:none;
		float: right;
		padding: 0;
	}
	.serc-main .txt .inbt {
		display: block;
		float: right;
		width: 33%;
	}
	.cbt {
		width: 100%;
		color: #FFF;
		font-size: 15px;
		background: #004896;
		height: 35px;
		text-align: center;
		border:none;
	}
}
@media screen and (max-width: 768px) {
	.serc-main {
		display: block;
		padding-left: 4%;
		padding-right: 4%;
	}
	.serc-main .lef {
		display: block;
		border: #ECECEC solid 5px;
		margin-bottom: 30px;
	}
	.serc-main .lef:nth-child(2n) {
		float: right;
	}
	.serc-main img {
		width: 100%;
	}
	.serc-main .txt {
		display: block;
		padding-left: 4%;
		padding-right: 4%;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.serc-main .txt .int {
		display: block;
		float: left;
		width: 65%;
	}
	.serc-main select {
		width: 100%;
		border: #ccc solid 1px;
		height: 35px;
		font-size: 12px;
	}
	.nnee {
		width: 100%;
		border: #ccc solid 1px;
		height: 31px;
		font-size: 12px;
	}
	.for002 input[type="text"]  {
		width: 72%;
		border: #ccc solid 1px;
		height: 31px;
		font-size: 12px;
	}
	.for002 input[type="submit"]  {
		width: 26%;
		color: #FFF;
		font-size: 15px;
		background: #004896;
		height: 35px;
		text-align: center;
		border:none;
		float: right;
		padding: 0;
	}
	.serc-main .txt .inbt {
		display: block;
		float: right;
		width: 33%;
	}
	.cbt {
		width: 100%;
		color: #FFF;
		font-size: 12px;
		background: #004896;
		height: 35px;
		text-align: center;
		border:none;
	}
}
/* SITEMAP */
@media screen and (min-width: 769px) {
	.sitemap-base {
		display: block;
		padding: 25px;
	}
	.sitemap-base li {
		display: block;
		padding-bottom: 14px;
		font-size: 15px;
	}
	.sitemap-base li a {
		display: block;
		padding: 10px;
		color: #111;
		text-decoration: none;
		border: #ccc solid 1px;
	}
	.sitemap-base dl {
		display: block;
		border: #EFEFEF solid 2px;
		padding: 15px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.sitemap-base dl li a {
		display: block;
		padding: 5px;
		color: #111;
		font-size: 13px;
		text-decoration: none;
		border: #ccc solid 1px;
		margin-left: 25px;
	}
	.sitemap-base dt a {
		display: block;
		padding: 10px;
		color: #111;
		font-size: 15px;
		text-decoration: none;
		border: #ccc solid 1px;
		margin-bottom: 14px;
	}
	.news-deta {
		display: block;
		font-size: 14px;
		line-height: 180%;
	}
}
@media screen and (max-width: 768px) {
	.sitemap-base {
		display: block;
		padding: 15px;
	}
	.sitemap-base li {
		display: block;
		padding-bottom: 14px;
		font-size: 13px;
	}
	.sitemap-base li a {
		display: block;
		padding: 10px;
		color: #111;
		text-decoration: none;
		border: #ccc solid 1px;
	}
	.sitemap-base dl {
		display: block;
		border: #EFEFEF solid 2px;
		padding: 15px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.sitemap-base dl li a {
		display: block;
		padding: 5px;
		color: #111;
		font-size: 12px;
		text-decoration: none;
		border: #ccc solid 1px;
		margin-left: 25px;
	}
	.sitemap-base dt a {
		display: block;
		padding: 10px;
		color: #111;
		font-size: 13px;
		text-decoration: none;
		border: #ccc solid 1px;
		margin-bottom: 14px;
	}
}


/* 20180306修正 */
@media screen and (min-width: 769px) {
	.n-bnr {
		display: block;
		padding-top: 20px;
	}
	.n-bnr figure {
		display: block;
		float: left;
		width: 47%;
	}
	.n-bnr figure:nth-child(2) {
		float: right;
	}
	.n-bnr img {
		width: 100%;
	}
	.acc-one {
		display: block;
		border: #EFEFEF solid 4px;
		padding: 20px;
		margin-bottom: 40px;
	}
	.acc-one .g-dl {
		display: block;
		padding-bottom: 10px;
		font-size: 15px;
	}
	.acc-one .g-dl dt {
		display: block;
		float: left;
		width: 40%;
	}
	.acc-one .g-dl dd {
		display: block;
		float: left;
	}
	.acc-one .inns {
		display: block;
		padding-top: 10px;
	}
	.acc-one .gmap {
		display: block;
		float: left;
		width: 55%;
	}
	.acc-one .gmap iframe {
		width: 100%;
		height: 300px;
	}
	.acc-one .txt {
		display: block;
		float: right;
		width: 42%;
	}
	.acc-one .txt h5 {
		display: block;
		font-size: 20px;
		border-bottom: #ccc dotted 1px;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	.acc-one .txt dl {
		display: block;
	}
	.acc-one .txt dt {
		display: block;
		font-weight: bold;
	}
	.acc-one .txt dd {
		display: block;
		padding-left: 14px;
		padding-bottom: 14px;
	}
	.d-btnbase {
		display: block;
	}
	.d-btnbase div {
		display: block;
		float: left;
		width: 48%;
	}
	.d-btnbase div:nth-child(2) {
		float: right;
	}
	.d-btnbase a {
		display: block;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #FFF;
		text-decoration: none;
		font-size: 17px;
	}
	.duwnbtn01 a {
		background: #111;
	}
	.duwnbtn02 a {
		background: #FF743C;
	}
	.cent001 {
		width: 900px !important;
		margin: 0 auto !important;
	}
	
	.border-bot {
		display: block;
		border: #ccc dotted 1px;
		padding: 20px;
	}
	.border-bot .lef {
		display: block;
		float: left;
		width: 55%;
		padding-right: 3%;
		border-right: #ccc solid 1px;
	}
	.border-bot .lef .pad {
		display: block;
	}
	.border-bot .lef li {
		display: block;
		float: left;
		width: 47%;
	}
	.border-bot .lef li:nth-child(2) {
		float: right;
	}
	.border-bot .lef figure {
		display: block;
		text-align: center;
		height: 280px;
	}
	.border-bot .lef figure img {
		display: inline-block;
		width: 200px;
	}
	.border-bot .lef b {
		display: block;
		background: #EFEFEF;
		padding: 8px;
		margin-bottom: 15px;
		font-size: 18px;
	}
	.border-bot .lef p {
		display: block;
		font-size: 12px;
	}
	.border-bot .ref {
		display: block;
		float: right;
		width: 38%;
	}
	.border-bot .ref figure {
		display: block;
		text-align: center;
	}
	.border-bot .ref img {
		display: inline-block;
		width: 100%;
	}
	.mo-link {
		position: relative;
		display: block;
		top: -40px;
	}
	.it-list {
		display: none;
	}
	.it-list.active {
		display: block !important;
	}
	.as-btn {
		display: block;
		text-align: center;
		color: #FFF;
		font-size: 20px;
		background: #111;
		padding: 20px;
		margin-top: 15px;
		margin-left: 35px;
		margin-right: 45px;
		cursor: pointer;
	}
	.as-tit {
		display: block;
		text-align: center;
		color: #FFF;
		font-size: 20px;
		background: #8F8F8F;
		padding: 20px;
		margin-top: 15px;
		margin-left: 35px;
		margin-right: 45px;
		cursor: pointer;
	}
	.it-list .one {
		display: block;
		border: #EFEFEF solid 3px;
		padding: 20px;
		margin-bottom: 15px;
		margin-top: 15px;
		margin-left: 35px;
		margin-right: 45px;
	}
	.it-list .one h4 {
		display: block !important;
		background: #ccc !important;
		color: #111 !important;
		font-size: 20px !important;
	}
	.it-list .one li {
		display: block;
		border-bottom: #ccc dotted 1px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 16px;
	}
	.it-tit .one {
		display: block;
		border: #EFEFEF solid 3px;
		padding: 20px;
		margin-bottom: 15px;
		margin-top: 15px;
		margin-left: 35px;
		margin-right: 45px;
	}
	.it-tit .one h4 {
		display: block !important;
		background: #ccc !important;
		color: #111 !important;
		font-size: 20px !important;
	}
	.it-tit .one li {
		display: block;
		border-bottom: #ccc dotted 1px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 16px;
	}
	.mt35 {
		margin-top: 35px;
	}
	.bot-inn {
		display: block;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 45px;
	}
	.bot-inn div {
		padding-left: 44%;
	}
	
}
@media screen and (max-width: 768px) {
	.n-bnr {
		display: block;
		padding-top: 20px;
	}
	.n-bnr figure {
		display: block;
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.n-bnr img {
		width: 100%;
	}
	.acc-one {
		display: block;
		border: #EFEFEF solid 3px;
		padding: 10px;
		margin-bottom: 30px;
	}
	.acc-one .g-dl {
		display: block;
		padding-bottom: 10px;
		font-size: 13px;
	}
	.acc-one .g-dl dt {
		display: block;
		padding-bottom: 5px;
	}
	.acc-one .g-dl dd {
		display: block;
	}
	.acc-one .inns {
		display: block;
		padding-top: 10px;
	}
	.acc-one .gmap {
		display: block;
		padding-bottom: 15px;
	}
	.acc-one .gmap iframe {
		width: 100%;
		height: 200px;
	}
	.acc-one .txt {
		display: block;
	}
	.acc-one .txt h5 {
		display: block;
		font-size: 15px;
		border-bottom: #ccc dotted 1px;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	.acc-one .txt dl {
		display: block;
	}
	.acc-one .txt dt {
		display: block;
		font-weight: bold;
	}
	.acc-one .txt dd {
		display: block;
		padding-left: 10px;
		padding-bottom: 10px;
	}
	
	.d-btnbase {
		display: block;
		padding: 15px;
	}
	.d-btnbase div {
		display: block;
		padding-bottom: 15px;
	}
	.d-btnbase a {
		display: block;
		text-align: center;
		padding-top: 15px;
		padding-bottom: 15px;
		color: #FFF;
		text-decoration: none;

		font-size: 13px;
	}
	.duwnbtn01 a {
		background: #111;
	}
	.duwnbtn02 a {
		background: #FF743C;
	}
	
	.border-bot {
		display: block;
		border: #ccc dotted 1px;
		padding: 10px;
	}
	.border-bot .lef {
		display: block;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: #ccc solid 1px;
	}
	.border-bot .lef .pad {
		display: block;
	}
	.border-bot .lef li {
		display: block;
		padding-bottom: 10px;
	}
	.border-bot .lef figure {
		display: block;
		text-align: center;
	}
	.border-bot .lef figure img {
		display: inline-block;
		width: 200px;
	}
	.border-bot .lef b {
		display: block;
		background: #EFEFEF;
		padding: 8px;
		margin-bottom: 15px;
		font-size: 18px;
	}
	.border-bot .lef p {
		display: block;
		font-size: 12px;
	}
	.border-bot .ref {
		display: block;
	}
	.border-bot .ref figure {
		display: block;
		text-align: center;
	}
	.border-bot .ref img {
		display: inline-block;
		width: 100%;
	}
	.it-list {
		display: none;
	}
	.it-list.active {
		display: block !important;
	}
	.as-btn {
		display: block;
		text-align: center;
		color: #FFF;
		font-size: 15px;
		background: #111;
		padding: 15px;
		margin-top: 15px;
		cursor: pointer;
	}
	.as-tit {
		display: block;
		text-align: center;
		color: #FFF;
		font-size: 15px;
		background: #8F8F8F;
		padding: 15px;
		margin-top: 15px;
		cursor: pointer;
	}
	.it-list .one {
		display: block;
		border: #EFEFEF solid 3px;
		padding: 10px;
		margin-bottom: 15px;
		margin-top: 15px;
	}
	.it-list .one h4 {
		display: block !important;
		background: #ccc !important;
		color: #111 !important;
		font-size:15px !important;
	}
	.it-list .one li {
		display: block;
		border-bottom: #ccc dotted 1px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 13px;
	}
	.it-tit .one {
		display: block;
		border: #EFEFEF solid 3px;
		padding: 10px;
		margin-bottom: 15px;
		margin-top: 15px;
	}
	.it-tit .one h4 {
		display: block !important;
		background: #ccc !important;
		color: #111 !important;
		font-size:15px !important;
	}
	.it-tit .one li {
		display: block;
		border-bottom: #ccc dotted 1px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 13px;
	}
	.mt35 {
		margin-top: 20px;
	}
	.bot-inn {
		display: block;
		padding: 20px;
	}
}
@media screen and (max-width: 1300px) {
	.flexmain .slides {
		padding-left: 5%;
		padding-right: 5%;
		width: 90%;
		margin-left: 0;
		margin-right: 0;
		overflow: hidden;
	}
	.mainimg .flex dl {
		height: 310px; }
	.mainimg {
 }
}
@media screen and (max-width: 770px) {
	.mainimg {
	  background:none; }
}
@media screen and (max-width: 570px) {
	.eg2 {
		font-size: 13px !important;
	}
}
.mb20 {
	margin-bottom: 0px;
}
#contentBtm h2 {
	margin-bottom: 0px;
}
#contentBtm .flex {
	margin-top: 0px;
	padding-top: 0px;
}
.sypage {
	display: block;
	float: right;
	padding-right: 3%;
}
.sypage a {
	color: #FFF;
	background: #111;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.sypage2 {
	display:inline-block;
	margin-left: 20px;
}
.sypage2 a {
	color: #FFF;
	background: #111;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
}
@media screen and (max-width: 769px) {
	.sp-none {
		text-indent: -9999px;
		border-bottom:0px !important;
		background: none !important;
		margin-top: 20px !important;
		padding: 0px !important;
	}
	.sp-none::after,
	.sp-none::before {
		display: none !important;
	}
}
.ims-tabs td {
	text-align: center;
}
.ims-tabs img {
	width: 65px;
	height: auto;
	display: inline-block;
}
@media screen and (min-width: 769px) {
	.rec001 {
		display: block;
		color: #004896;
		font-size: 24px;
		line-height: 190%;
		border-bottom: #EFEFEF solid 4px;
		padding-bottom: 15px;
		margin-bottom: 25px;
	}
	.rec003 {
		display: block;
		text-align: center;
		padding-bottom: 30px;
		font-size: 25px !important;
		font-weight: bold;
		line-height: 210%;
		border-bottom: none;
		letter-spacing: 2px;
	}
	.rec003 b {
		font-size: 35px;
		font-weight: bold;
		color: #EF7F26;
	}
	.bg-movs {
		display: block;
		padding: 20px;
		background: #D2E8FF;
		margin-bottom: 40px;
	}
	.bg-movs figure {
		display: block;
		float: left;
		width: 35%;
	}
	.bg-movs figure img {
		width: 100%;
	}
	.bg-movs .txt {
		display: block;
	}
	.bg-movs .txt b{
		display: block;
		font-size: 26px;
		padding-top: 19px;
		padding-bottom: 19px;
		color: #004896;
	}
	.bg-movs .txt li {
		display: block;
		color: #EF7F26;
		font-size: 16px;
		font-weight: bold;
		padding-bottom: 6px;
		margin-bottom: 6px;
		border-bottom: #ccc dotted 1px;
	}
	.bm-bord {
		display: block;
		border: #ccc dotted 3px;
		padding: 20px;
		background: #FFF;
	}
	.bm-bord span {
		display: block;
		font-size: 18px;
		color: #004896;
		padding-bottom: 15px;
	}
	.bm-bord p {
		margin-bottom: 15px;
	}
	.mgst span {
		display: block;
		margin-right: 27% !important;
	}
	.discmain {
		padding: 14px;
		background: #EFEFEF;
	}
	.ent-link {
		position: relative;
		padding-left: 20px;
		font-weight: bold;
		font-size: 17px;
	}
	.ent-link::before,
	.ent-link::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.ent-link::before{
		width: 12px;
		height: 12px;
		background: #004795;
	}
	.ent-link::after{
		left: 5px;
		box-sizing: border-box;
		width: 3px;
		height: 3px;
		border: 3px solid transparent;
		border-left: 3px solid #fff;
	}
	div.childdisc {
		display: block;
		padding: 10px 15px 25px 20px;
		font-size: 12px !important;
	}
	div.childdisc {
		display: none;
	}
}
@media screen and (max-width: 869px) {
	.bg-movs figure {
		display: block;
		float:none;
		width: 100%;
		text-align: center;
	}
	.bg-movs figure img {
		width: 250px;
		display: inline-block;
	}
	.bg-movs .txt {
		display: block;
		float:none;
		width: 100%;
	}
}
@media screen and (max-width: 769px) {
	.rec001 {
		display: block;
		color: #004896;
		font-size: 18px;
		line-height: 180%;
		border-bottom: #EFEFEF solid 4px;
		padding-bottom: 15px;
		margin-bottom: 25px;
	}
	.rec003 {
		display: block;
		text-align: center;
		padding-bottom: 30px;
		font-size: 17px !important;
		font-weight: bold;
		line-height: 190%;
		border-bottom: none;
		letter-spacing: 2px;
	}
	.rec003 b {
		font-size: 23px;
		font-weight: bold;
		color: #EF7F26;
	}
	.bg-movs {
		display: block;
		padding: 10px;
		background: #D2E8FF;
		margin-bottom: 30px;
	}
	.bg-movs .txt b{
		display: block;
		font-size: 16px;
		padding-top: 11px;
		padding-bottom: 11px;
		color: #004896;
	}
	.bg-movs .txt li {
		display: block;
		color: #EF7F26;
		font-size: 15px;
		font-weight: bold;
		padding-bottom: 6px;
		margin-bottom: 6px;
		border-bottom: #ccc dotted 1px;
	}
	.bm-bord {
		display: block;
		border: #ccc dotted 2px;
		padding: 10px;
		background: #FFF;
	}
	.bm-bord span {
		display: block;
		font-size: 15px;
		color: #004896;
		padding-bottom: 10px;
	}
	.bm-bord p {
		margin-bottom: 15px;
	}
	.ent-link {
		position: relative;
		padding-left: 20px;
		font-weight: bold;
		font-size: 14px;
	}
	.ent-link::before,
	.ent-link::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.ent-link::before{
		width: 12px;
		height: 12px;
		background: #004795;
	}
	.ent-link::after{
		left: 5px;
		box-sizing: border-box;
		width: 3px;
		height: 3px;
		border: 3px solid transparent;
		border-left: 3px solid #fff;
	}
	.childdisc {
		display: block;
		padding: 10px 15px 25px 20px;
		font-size: 11px;
	}
	div.childdisc {
		display: none;
	}
}


/*---    ENGLISH     ----------------------------------------------------------------- */
@media screen and (min-width: 769px) {
	.enlist {
		display: block;
	}
	.enlist li {
		display: block;
		padding: 14px;
		font-size: 15px;
		border-bottom: #ccc dotted 1px;
	}
	.ims-lf {
		display: block;
		font-size: 12px;
		padding: 20px 15% 20px 15%;
		text-align: center;
	}
	.ims-lf figure {
		display: block;
		float: left;
		width: 40%;
	}
	.ims-lf figure:nth-child(2) {
		float: right;
	}
	.ims-lf img {
		display: block;
		width: 100%;
	}
	.im-centers {
		display: block;
		text-align: center;
	}
	.im-centers img {
		display: inline-block;
	}
	.pad-l {
		padding-left: 25px;
	}
	.btn03 {
		display: block;
		width: 400px;
		margin: 20px auto 50px auto;
	}
	.btn03 a {
		display: block;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		font-size: 16px;
		padding: 20px 0 20px 0;
		background: #111;
	}
	.btn004 {
		display: block;
	}
	.btn004 a {
		display: block;		
		padding: 7px 0 15px 45px;
	}
	.exl {
		background: url(../images/contact/exl.jpg) left top no-repeat;
		background-size: 40px auto;
	}
	.pdsl {
		background:url(../images/contact/pdf.jpg) left top no-repeat;
		background-size: 40px auto;
	}
	.cats-navs {
		display: block;
		padding-bottom: 60px;
	}
	.cats-navs li {
		display: block;
		float: left;
		width: 22%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.cats-navs li a {
		display: block;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		font-size: 14px;
		padding: 20px 0 20px 0;
		background: #004896;
	}
	.mol-lin {
		display: block;
    padding-top: 80px;
    margin-top: -80px;
	}
	.discmain figure {
		display: block;
		float: left;
		width: 18%;
		margin-right: 3%;
	}
	.discmain img {
		display: block;
		width: 100%;
	}
}
@media screen and (max-width: 990px) {
	.discmain figure {
		display: block;
		float: left;
		width: 30%;
		margin-right: 3%;
	}
}
@media screen and (max-width: 769px) {
	.enlist {
		display: block;
	}
	.enlist li {
		display: block;
		padding: 7px;
		font-size: 12px;
		border-bottom: #ccc dotted 1px;
	}
	.ims-lf {
		display: block;
		font-size: 12px;
		padding: 20px 10% 20px 10%;
		text-align: center;
	}
	.ims-lf figure {
		display: block;
		float: left;
		width: 40%;
	}
	.ims-lf figure:nth-child(2) {
		float: right;
	}
	.ims-lf img {
		display: block;
		width: 100%;
	}
	.im-centers {
		display: block;
		text-align: center;
	}
	.im-centers img {
		display: inline-block;
		width: 100%;
	}
	.btn03 {
		display: block;
		width: 240px;
		margin: 20px auto 30px auto;
	}
	.btn03 a {
		display: block;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		font-size: 12px;
		padding: 20px 0 20px 0;
		background: #111;
	}
	.btn004 {
		display: block;
	}
	.btn004 a {
		display: block;		
		padding: 7px 0 15px 45px;
	}
	.exl {
		background: url(../images/contact/exl.jpg) left top no-repeat;
		background-size: 40px auto;
	}
	.pdsl {
		background:url(../images/contact/pdf.jpg) left top no-repeat;
		background-size: 40px auto;
	}
	.cats-navs {
		display: block;
		padding-bottom: 30px;
	}
	.cats-navs li {
		display: block;
		float: left;
		width: 48%;
		margin-bottom: 13px;
	}
	.cats-navs li:nth-child(2n) {
		float: right;
	}
	.cats-navs li a {
		display: block;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		font-size: 11px;
		padding: 10px 0 10px 0;
		background: #004896;
	}
	.mol-lin {
		display: block;
    padding-top: 50px;
    margin-top: -50px;
	}
	.discmain figure img {
		width: 100%;
	}
	.discmain p {
		font-size: 13px;
	}
}
@media screen and (min-width: 769px) {
	.list2-2 {
		display: block;
		padding-bottom: 30px;
		border-bottom: #ccc dotted 1px;
		margin-bottom: 30px;
	}
	.list2-2 figure {
		display: block;
		float: left;
		width: 24%;
	}
	.list2-2 figure img {
		width: 100%;
	}
	.list2-2 figcaption {
		display: block;
		text-align: center;
		color: #FFF;
		background: #111;
		font-size: 15px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.list2-2 .txt {
		display: block;
		float: right;
		width: 71%;
	}
}
@media screen and (max-width: 769px) {
	.list2-2 {
		display: block;
		padding-bottom: 20px;
		border-bottom: #ccc dotted 1px;
		margin-bottom: 20px;
	}
	.list2-2 figure {
		display: block;
		padding: 2% 15% 2% 15%;
	}
	.list2-2 figure img {
		width: 100%;
	}
	.list2-2 figcaption {
		display: block;
		text-align: center;
		color: #FFF;
		background: #111;
		font-size: 15px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.list2-2 .txt {
		display: block;
	}
}
@media screen and (min-width: 769px) {
	.movs001 {
		display: block;
		background: #EFEFEF;
		padding: 25px;
		margin-bottom: 30px;
	}
	.movs001 figure {
		display: block;
		float: left;
		width: 37%;
	}
	.movs001 figure img {
		display: block;
		width: 100%;
	}
	.movs001 .txt {
		display: block;
		float: right;
		width: 61%;
	}
}
@media screen and (max-width: 769px) {
	.movs001 {
		display: block;
		background: #EFEFEF;
		padding: 15px;
		margin-bottom: 30px;
	}
	.movs001 figure {
		display: block;
		padding-bottom: 15px;
	}
	.movs001 figure img {
		display: block;
		width: 100%;
	}
	.movs001 .txt {
		display: block;
	}
	.movs001 .txt p {
		font-size: 12px;
	}
}
@media screen and (min-width: 769px) {
	#movie {
		display: block;
		padding: 15px 15px 0 15px;
	}
	#movie iframe {
		width: 100%;
		height: 350px;
	}
	#contents-movie {
		padding: 0 15px 15px 15px;
	}
	#contents-movie h3 {
		display: block;
		text-align: center;
		padding: 15px;
		background: #CCC;
		font-size: 26px;
	}
	#contents-movie p {
		display: block;
		font-size: 13px;
		padding: 20px 0 0 0;
		line-height: 170%;
		text-align: left;
	}
	#contents-movie h4 {
		display: block;
		text-align: left;
		font-size: 14px;
		background: #111;
		color: #FFF;
		padding: 6px;
		margin-bottom: 15px;
	}
	#contents-movie table {
		width: 100%;
		font-size: 13px;
		margin-bottom: 25px;
	}
	#contents-movie th {
		text-align: left;
		padding: 15px;
		width: 18%;
		vertical-align: top;
		background: #EFEFEF;
		border-bottom: #ccc dotted 1px;
	}
	#contents-movie td {
		padding: 15px;
		text-align: left;
		border-bottom: #ccc dotted 1px;
	}
}
@media screen and (max-width: 768px) {
	#movie {
		display: block;
		padding: 10px 10px 0 10px;
	}
	#movie iframe {
		width: 100%;
		height: 250px;
	}
	#contents-movie {
		padding: 0 10px 10px 10px;
	}
	#contents-movie h3 {
		display: block;
		text-align: center;
		padding: 10px;
		background: #CCC;
		font-size: 20px;
	}
	#contents-movie p {
		display: block;
		font-size: 12px;
		padding: 20px 0 0 0;
		line-height: 170%;
	}
	#contents-movie h4 {
		display: block;
		text-align: left;
		font-size: 14px;
		background: #111;
		color: #FFF;
		padding: 6px;
		margin-bottom: 15px;
	}
	#contents-movie table {
		width: 100%;
		font-size: 11px;
		margin-bottom: 25px;
	}
	#contents-movie th {
		text-align: left;
		padding: 15px;
		width: 18%;
		vertical-align: top;
		background: #EFEFEF;
		border-bottom: #ccc dotted 1px;
	}
	#contents-movie td {
		padding: 15px;
		text-align: left;
		border-bottom: #ccc dotted 1px;
	}
}



#taikoubox h3 {
	color: #17ACDD;
	border-bottom: #17ACDD solid 3px !important;
}
#content-sub #taikoubox h4 {
    font-size: 15px;
    font-weight: bold;
    background: #BCE9F8;
    padding: 8px 22px;
    color: #111;
}

#husyokubox h3 {
	color: #8BC441;
	border-bottom: #8BC441 solid 3px !important;
}
#content-sub #husyokubox h4 {
    font-size: 15px;
    font-weight: bold;
    background: #8BC441;
    padding: 8px 22px;
    color: #111;
}
#kakokubox h3 {
	color: #FE5C11;
	border-bottom: #FE5C11 solid 3px !important;
}
#content-sub #kakokubox h4 {
    font-size: 15px;
    font-weight: bold;
    background: #FFCFBD;
    padding: 8px 22px;
    color: #111;
}
#sikisaibox h3 {
	color: #E35B8E;
	border-bottom: #E35B8E solid 3px !important;
}
#content-sub #sikisaibox h4 {
    font-size: 15px;
    font-weight: bold;
    background: #F9D9E4;
    padding: 8px 22px;
    color: #111;
}

#content-sub .newhis .hi-link li:nth-child(1) a:hover,
	#content-sub .newhis .hi-link li:nth-child(1) a.current {
		border-top: #17ACDD solid 6px;
	}
#content-sub .newhis .hi-link li:nth-child(2) a:hover,
	#content-sub .newhis .hi-link li:nth-child(2) a.current {
		border-top: #8BC441 solid 6px;
	}
#content-sub .newhis .hi-link li:nth-child(3) a:hover,
	#content-sub .newhis .hi-link li:nth-child(3) a.current {
		border-top: #E35B8E solid 6px;
	}
#content-sub .newhis .hi-link li:nth-child(4) a:hover,
	#content-sub .newhis .hi-link li:nth-child(4) a.current {
		border-top: #FE5C11 solid 6px;
	}
.unk-links li a {
		color: #FFF;
		background: #999999;
	}
.sypage a {
	color: #FFF;
	background: #999999;
}
.sypage2 a {
	color: #FFF;
	background: #999999;
}
.about01 figcaption {
		display: block;
		text-align: center;
	background: none;
		color: #111;
		font-size: 12px;
		padding: 4px;
	}
.imgs-lf span {
		display: block;
		text-align: center;
		background:  none;
		color: #111;
		font-size: 12px;
		padding: 4px;
	}
.imgs-tree li span {
		display: block;
		text-align: center;
		background: none;
		color: #111;
		font-size: 11px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
@media screen and (min-width: 768px) {
	.enterflex {
		display: block;
	}
	.enterflex.ebg1 {
		background: url(../images/top/ebg2.jpg) top center no-repeat;
		background-size: cover;
		width: 100%;
	}
	.enterflex.ebg2 {
		background: url(../images/top/ebg1.png) top center no-repeat;
		background-size: cover;
		width: 100%;
	}
	.enterflex.ebg3 {
		background: url(../images/top/ebg3.png) top center no-repeat;
		background-size: cover;
		width: 100%;
	}
        .enterflex.ebg3_2024 {
            background: url(../images/top/ebg3_2024.png) top center no-repeat;
            background-size: cover;
            width: 100%;
        }
	.enterflex.ebg4 {
		background: url(../images/top/ebg4.png) top center no-repeat;
		background-size: cover;
		width: 100%;
	}
	.enterflex .cli {
		display: block;
		float: left;
		width: 38%;
		margin-left: 2%;
	}
	.enterflex .b-in {
		display: block;
		background: rgba(255,255,255,0.4);
	}
	.enterflex .pname {
		display: block;
		background: #18ABDE;
		width: 100%;
		padding: 2% 0 2% 0;
	}
	.enterflex.ebg2 .pname {
		display: block;
		background: #8BC441;
		width: 100%;
		padding: 2% 0 2% 0;
	}
	.enterflex.ebg3 .pname {
		display: block;
		background: rgba(254,92,17,0.7);
		width: 100%;
		padding: 2% 0 2% 0;
	}
	.enterflex.ebg4 .pname {
		display: block;
		background: rgba(227,91,142,0.7);
		width: 100%;
		padding: 2% 0 2% 0;
	}
	.enterflex .pname img {
		height: 130px;
		width: auto;
		margin-left: 2%;
	}
	.enterflex .cli dl {
		display: block;
		padding: 25px 4% 30px 4%;
		color: #FFF;
	}
	.enterflex .cli dt {
		display: block;
		font-size: 27px;
		line-height: 135%;
		padding-bottom: 30px;
	}
	.enterflex .cli dd {
		display: block;
		font-size: 18px;
		line-height: 160%;
		color: #FFF;
		min-height: 150px;
	}
	.enterflex figure {
		margin-right: 5%;
		width: 30%;
	}

	p.subsp {
		font-size: 25px;
		padding: 20px 0 0 0;
	}
	.bgs3-dd {
		padding-bottom: 30px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1150px) {
	.enterflex .cli dl {
		display: block;
		padding: 20px 4% 20px 4%;
		color: #FFF;
	}
	.enterflex .cli dt {
		display: block;
		font-size: 23px;
		line-height: 115%;
		padding-bottom: 30px;
	}
	.enterflex .cli dd {
		display: block;
		font-size: 15px;
		line-height: 160%;
		color: #FFF;
	}
	.enterflex figure {
		margin-right: 5%;
		width: 33%;
	}
}
@media screen and (min-width: 768px) and (max-width: 980px) {
	.enterflex .pname img {
		height: 90px;
		width: auto;
		margin-left: 2%;
	}
	.mainimg .catch {
		font-size: 26px !important;
	}
	.enterflex figure {
		margin-right: 2%;
		margin-top: 35px;
		width: 35%;
	}
}
@media screen and (max-width: 768px) {
	.enterflex {
		display: block;
		padding-top: 30%;
	}
	.mainimg .catch {
		width: 51%;
		font-size: 14px;
		padding-top: 10px;
	}
	.enterflex.ebg1 {
		background: url(../images/top/ebg2.jpg) top 40px center no-repeat;
		background-size: 100% auto;
		width: 100%;
		padding-top: 4%;
		margin-top: 1vh;
	}
	.enterflex.ebg2 {
		background: url(../images/top/ebg1.png) top 40px center no-repeat;
		background-size: 100% auto;
		width: 100%;
		padding-top: 4%;
		margin-top: 1vh;
	}
	.enterflex.ebg3 {
		background: url(../images/top/ebg3.png) top 40px center no-repeat;
		background-size: 100% auto;
		width: 100%;
		padding-top: 4%;
		margin-top: 1vh;
	}
        .enterflex.ebg3_2024 {
            background: url(../images/top/ebg3_2024.png) top 40px center no-repeat;
		    background-size: 100% auto;
            width: 100%;
            padding-top: 4%;
            margin-top: 1vh;
        }
	.enterflex.ebg4 {
		background: url(../images/top/ebg4.png) top 40px center no-repeat;
		background-size: 100% auto;
		width: 100%;
		padding-top: 4%;
		margin-top: 1vh;
	}
	.enterflex .cli {
		display: block;
		margin: 0 4% 4% 4%;
	}
	.enterflex .b-in {
		display: block;
		background: rgba(255,255,255,0.4);
	}
	.enterflex .cli dl {
		display: block;
		padding: 15px 2% 20px 2%;
		color: #FFF;
	}
	.enterflex .cli dt {
		display: block;
		font-size: 14px;
		width: 66%;
		line-height: 135%;
		padding-bottom: 10px;
	}
	.enterflex .cli dd {
		display: block;
		font-size: 11px;
		line-height: 150%;
		color: #FFF;
	}
	.enterflex figure {
		margin-right: 2%;
		margin-top: -35px;
		width: 38%;
	}
	p.subsp {
		font-size: 14px;
		padding: 20px 3% 3% 3%;
	}
	.enterflex .pname {
		display: block;
		background: rgba(24,171,222,0.7);
		width: 46%;
		padding: 2% 0 2% 0;
	}
	.enterflex.ebg2 .pname {
		display: block;
		background: rgba(139,196,65,0.7);
		width: 46%;
		padding: 2% 0 2% 0;
	}
	.enterflex.ebg3 .pname {
		display: block;
		background: rgba(254,92,17,0.7);
		width: 46%;
		padding: 2% 0 2% 0;
	}
	.enterflex.ebg4 .pname {
		display: block;
		background: rgba(227,91,142,0.7);
		width: 46%;
		padding: 2% 0 2% 0;
	}
}
@media screen and (min-width: 460px) and (max-width: 768px) {
	.enterflex .cli dd {
		display: block;
		font-size: 13px;
		line-height: 150%;
		color: #FFF;
		padding-top: 15px;
	}
	.enterflex figure {
		margin-right: 2%;
		margin-top: -35px;
		width: 32%;
	}
}
@media screen and (min-width: 768px) {
	.se-mt02 {
		display: block;
		text-align: center;
		font-size: 16px;
		line-height: 170%;
		padding: 25px;
	}
}
@media screen and (max-width: 768px) {
	.se-mt02 {
		display: block;
		text-align: center;
		font-size: 12px;
		line-height: 150%;
		padding: 15px;
	}
}
@media screen and (min-width: 768px) {
	.e-t-a02 {
		width: 100%;
		border-left: #ccc solid 1px;
		border-top: #ccc solid 1px;
		font-size: 13px;
		line-height: 160%;
		border-collapse: collapse;
		margin-bottom: 15px;
	}
	.e-t-a02 th {
		text-align:left;
		padding: 7px;
		vertical-align: top;
		background: #EFEFEF;
		width: 24%;
		border-right: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
	}
	.e-t-a02 td {
		text-align:left;
		padding: 7px;
		border-right: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
	}
	.factoryP {
		display:block;
		padding: 8px 0 8px 0;
		font-size: 15px;
		font-weight: bold;
	}
}
@media screen and (max-width: 768px) {
	.e-t-a02 {
		width: 100%;
		border-left: #ccc solid 1px;
		border-top: #ccc solid 1px;
		font-size: 12px;
		line-height: 160%;
		border-collapse: collapse;
		margin-bottom: 15px;
	}
	.e-t-a02 th {
		text-align:left;
		padding: 7px;
		vertical-align: top;
		background: #EFEFEF;
		width: 24%;
		border-right: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
	}
	.e-t-a02 td {
		text-align:left;
		padding: 7px;
		border-right: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
	}
	.factoryP {
		display:block;
		padding: 8px 0 8px 0;
		font-size: 13px;
		font-weight: bold;
	}
}
@media screen and (min-width: 768px) {
	.el-bord {
		border-left: #ccc solid 3px;
		padding: 5px !important;
		margin-bottom: 15px !important;
	}
}
@media screen and (min-width: 768px) {
	.c-ca-ti {
		display: block;
		padding: 2%;
		margin-bottom: 25px;
	}
	.c-ca-ti.bgr1 {
		background: #17ACDD;
	}
	.c-ca-ti.bgr2 {
		background: #8BC441;
	}
	.c-ca-ti.bgr3 {
		background: #FE5C11;
	}
	.c-ca-ti.bgr4 {
		background: #E35B8E;
	}
	.c-ca-ti h2 {
		display: block;
		float: left;
		color: #FFF;
		font-size: 27px;
	}
	.c-ca-ti p {
		display: block;
		float: right;
	}
	.c-ca-ti a {
		display: block;
		text-align: center;
		font-size: 15px;
		padding: 14px 20px 14px 20px;
		margin: 0 !important;
		background: #FFF;
		color: #111;
		text-decoration: none;
	}
	h3.tb-s01 {
		margin-top: 0px !important;
		font-size: 21px !important;
		margin-bottom: 0px !important;
	}
	h3.tb-s02 {
		margin-top: 0px !important;
		font-size: 21px !important;
		margin-bottom: 0px !important;
		border-bottom-color: #8BC441 !important;
		color: #8BC441 !important;
	}
	h3.tb-s03 {
		margin-top: 0px !important;
		font-size: 21px !important;
		margin-bottom: 0px !important;
		border-bottom-color: #FE5C11 !important;
		color: #FE5C11 !important;
	}
	h3.tb-s04 {
		margin-top: 0px !important;
		font-size: 21px !important;
		margin-bottom: 0px !important;
		border-bottom-color: #E35B8E !important;
		color: #E35B8E !important;
	}
	figure.tb-simg {
		width: 40% !important;
	}
	h4.tb-s022 {
		background: #8BC441 !important;
		color: #111 !important;
	}
	h4.tb-s033 {
		background: #FFCFBD !important;
		color: #111 !important;
	}
	h4.tb-s044 {
		background: #E35B8E !important;
		color: #FFF !important;
	}
	.it-list .one h4.tb-s011 {
		background: #17ACDD !important;
		color: #FFF !important;
	}
	.it-list .one h4.tb-s022 {
		background: #8BC441 !important;
		color: #111 !important;
	}
	.it-list .one h4.tb-s033 {
		background: #FE5C11 !important;
		color: #FFF !important;
	}
	.it-list .one h4.tb-s044 {
		background: #E35B8E !important;
		color: #FFF !important;
	}
	.it-tit .one h4.tb-s011 {
		background: #17ACDD !important;
		color: #FFF !important;
	}
	.it-tit .one h4.tb-s022 {
		background: #8BC441 !important;
		color: #111 !important;
	}
	.it-tit .one h4.tb-s033 {
		background: #FFCFBD !important;
		color: #111 !important;
	}
	.it-tit .one h4.tb-s044 {
		background: #E35B8E !important;
		color: #FFF !important;
	}
}
@media screen and (max-width: 768px) {
	.c-ca-ti {
		display: block;
		padding: 2%;
		margin-bottom: 20px;		
	}
	.c-ca-ti.bgr1 {
		background: #17ACDD;
	}
	.c-ca-ti.bgr2 {
		background: #8BC441;
	}
	.c-ca-ti.bgr3 {
		background: #FE5C11;
	}
	.c-ca-ti.bgr4 {
		background: #E35B8E;
	}
	.c-ca-ti h2 {
		display: block;
		float: left;
		color: #FFF;
		font-size: 17px;
	}
	.c-ca-ti p {
		display: block;
		float: right;
	}
	.c-ca-ti a {
		display: block;
		text-align: center;
		font-size: 11px;
		padding: 14px 20px 14px 20px;
		margin: 0 !important;
		background: #FFF;
		color: #111;
		text-decoration: none;
	}
	h3.tb-s01 {
		margin-top: 0px !important;
		font-size: 15px !important;
		margin-bottom: 0px !important;
	}
	h3.tb-s02 {
		margin-top: 0px !important;
		font-size: 15px !important;
		margin-bottom: 0px !important;
		border-bottom-color: #8BC441 !important;
		color: #8BC441 !important;
	}
	h3.tb-s03 {
		margin-top: 0px !important;
		font-size: 15px !important;
		margin-bottom: 0px !important;
		border-bottom-color: #FE5C11 !important;
		color: #FE5C11 !important;
	}
	h3.tb-s04 {
		margin-top: 0px !important;
		font-size: 15px !important;
		margin-bottom: 0px !important;
		border-bottom-color: #E35B8E !important;
		color: #E35B8E !important;
	}
	figure.tb-simg {
		width: 40% !important;
	}
	h4.tb-s022 {
		background: #8BC441 !important;
		color: #111 !important;
	}
	h4.tb-s033 {
		background: #FFCFBD !important;
		color: #111 !important;
	}
	h4.tb-s044 {
		background: #E35B8E !important;
		color: #FFF !important;
	}
	.it-list .one h4.tb-s011 {
		background: #17ACDD !important;
		color: #FFF !important;
	}
	.it-list .one h4.tb-s022 {
		background: #8BC441 !important;
		color: #111 !important;
	}
	.it-list .one h4.tb-s033 {
		background: #FE5C11 !important;
		color: #FFF !important;
	}
	.it-list .one h4.tb-s044 {
		background: #E35B8E !important;
		color: #FFF !important;
	}
	.it-tit .one h4.tb-s011 {
		background: #17ACDD !important;
		color: #FFF !important;
	}
	.it-tit .one h4.tb-s022 {
		background: #8BC441 !important;
		color: #111 !important;
	}
	.it-tit .one h4.tb-s033 {
		background: #FFCFBD !important;
		color: #111 !important;
	}
	.it-tit .one h4.tb-s044 {
		background: #E35B8E !important;
		color: #FFF !important;
	}
}
.ene {
	padding-bottom: 10px;
}
.btn023 {
	padding-top: 10px;
}
.defTable01.th-block th {
	display: block;
	width: 90%
}
.defTable01.th-block td {
	display: block;
}
.conttxt8 {
	display: block;
	text-align: center;
	padding: 20px;
}

.newslist li span.cat1 a {
    background: #014896;
    color: #fff; }
.newslist li span.cat2 a {
    background: #FFFF00;
    color: #111; }
.newslist li span.cat3 a {
    background: #81DCE7;
    color: #014896; }
.newslist li span.cat4 a {
    background: #000;
    color: #fff; }
.newslist li span.cat5 a {
    background: #FF9326;
    color: #fff; }

@media screen and (min-width: 768px) {
	.glcat001 {
		display: block;
		float: right;
		padding: 5px 0 0 0;
	}
	.glcat001 a {
		display: inline-block;
		background:#979695;
		color: #FFF;
		padding: 8px 20px 5px 20px;
		font-size: 14px;
		text-decoration: none;
	}
	#pcat1,
	#pcat2,
	#pcat3,
	#pcat4{
		display:block;
		margin-top:-50px;
		padding-top:50px;
	}
}
@media screen and (max-width: 768px) {
	.glcat001 {
		display: block;
		text-align: right;
		padding: 10px 0 10px 0;
	}
	.glcat001 a {
		display: inline-block;
		background:#979695;
		color: #FFF;
		padding: 5px 20px 5px 20px;
		font-size: 12px;
		text-decoration: none;
	}
}

/*--  20200903  -----------*/
@media screen and (min-width: 769px) {
	.tui-slides {
		padding-top: 30px !important;
	}
	.pc_none {
		display: none !important;
	}
	.flx-img {
		margin-bottom: 25px;
	}
}
@media screen and (max-width: 768px) {
	.tui-slides img {
		width: 100%;
	}
	.sp_none {
		display: none !important;
	}
	.flx-img {
		margin-bottom: 15px;
	}
}