@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,

a,
abbr,
acronym,
address,
big,
cite,
code,

del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,

small,
strike,
sub,
sup,
tt,
var,

b,
u,
i,
center,

dl,
dt,
dd,
ol,
ul,
li,

fieldset,
form,
label,
legend,

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,

article,
aside,
canvas,
details,
embed,

figure,
figcaption,
footer,
header,
hgroup,

menu,
nav,
output,
ruby,
section,
summary,

time,
mark,
audio,
video {

  margin: 0;

  padding: 0;

  border: 0;

  font: inherit;

  font-size: 100%;

  vertical-align: baseline;

}

html {

  line-height: 1;

}

ol,
ul {

  list-style: none;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

caption,
th,
td {

  text-align: left;

  font-weight: normal;

  vertical-align: middle;

}

.sp-on {
  display: none;
}

@media only screen and (min-width: 788px) {
  .cap {

    text-indent: 10em;

    font-size: 12px;
  }

}

q,
blockquote {

  quotes: none;

}


q:before,
q:after,
blockquote:before,
blockquote:after {

  content: "";

  content: none;

}

a img {

  border: none;

}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {

  display: block;

}

.w100 {

  width: 100px !important;

}

.w110 {

  width: 110px !important;

}

.w120 {

  width: 120px !important;

}

.w130 {

  width: 130px !important;

}

.w140 {

  width: 140px !important;

}

.w150 {

  width: 150px !important;

}

.w160 {

  width: 160px !important;

}

.w170 {

  width: 170px !important;

}

.w180 {

  width: 180px !important;

}

.w190 {

  width: 190px !important;

}

.w200 {

  width: 200px !important;

}

.w210 {

  width: 210px !important;

}

.w220 {

  width: 220px !important;

}

.w230 {

  width: 230px !important;

}

.w240 {

  width: 240px !important;

}

.w250 {

  width: 250px !important;

}

.w260 {

  width: 260px !important;

}

.w270 {

  width: 270px !important;

}

.w280 {

  width: 280px !important;

}

.w290 {

  width: 290px !important;

}

.w300 {

  width: 300px !important;

}

.w310 {

  width: 310px !important;

}

.w320 {

  width: 320px !important;

}

.w330 {

  width: 330px !important;

}

.w340 {

  width: 340px !important;

}

.w350 {

  width: 350px !important;

}

.w360 {

  width: 360px !important;

}

.w370 {

  width: 370px !important;

}

.w380 {

  width: 380px !important;

}

.w390 {

  width: 390px !important;

}

.w400 {

  width: 400px !important;

}

.w410 {

  width: 410px !important;

}

.w420 {

  width: 420px !important;

}

.w430 {

  width: 430px !important;

}



@media only screen and (min-width: 788px) {

  .w440 {

    width: 440px;

  }


}



@media only screen and (max-width: 787px) {

  .w440 {

    width: 100%;

  }

}



@media only screen and (min-width: 480px) {



  .W440 {



    width: 100%;



  }



}

.w10p {

  width: 10% !important;

}

.w20p {

  width: 20% !important;

}

.w30p {

  width: 30% !important;

}

.w40p {

  width: 40% !important;

}

.w50p {

  width: 50% !important;

}

.w60p {

  width: 60% !important;

}

.w65p {

  width: 65% !important;

}

.w70p {

  width: 70% !important;

}

.w80p {

  width: 80% !important;

}

.w85p {

  width: 85% !important;

}

.w90p {

  width: 90% !important;

}

.w95p {

  width: 95% !important;

}

.w100p {

  width: 100% !important;

}

.top-0 {

  margin-top: 0 !important;

}

.top-p0 {

  padding-top: 0 !important;

}

.top-5 {

  margin-top: 5px !important;

}

.top-10 {

  margin-top: 10px !important;

}

.top-15 {

  margin-top: 15px !important;

}

.top-20 {

  margin-top: 20px !important;

}

.top-30 {

  margin-top: 30px !important;

}

.top-40 {

  margin-top: 40px !important;

}

.top-50 {

  margin-top: 50px !important;

}

.top-60 {

  margin-top: 50px !important;

}

.top-p7 {

  padding-top: 7px !important;

}

.top-p12 {

  padding-top: 12px !important;

}

.top-p13 {

  padding-top: 13px !important;

}

.top-p20 {

  padding-top: 20px !important;

}

.top-p30 {

  padding-top: 30px !important;

}

.top-p40 {

  padding-top: 40px !important;

}

.top-p50 {

  padding-top: 50px !important;

}

.top-p60 {

  padding-top: 60px !important;

}

.top-p70 {

  padding-top: 70px !important;

}

.top-p80 {

  padding-top: 80px !important;

}

.bottom-0 {

  margin-bottom: 0px !important;

}

.bottom-5 {

  margin-bottom: 5px !important;

}

.bottom-10 {

  margin-bottom: 10px !important;

}

.bottom-15 {

  margin-bottom: 15px !important;

}

.bottom-20 {

  margin-bottom: 20px !important;

}

.bottom-25 {

  margin-bottom: 25px !important;

}

.bottom-30 {

  margin-bottom: 30px !important;

}

.bottom-40 {

  margin-bottom: 40px !important;

}

.bottom-50 {

  margin-bottom: 50px !important;

}

.left-0 {

  margin-left: 0px !important;

}

.left-5 {

  margin-left: 5px !important;

}

.left-8 {

  margin-left: 8px !important;

}

.left-10 {

  margin-left: 10px !important;

}

.left-15 {

  margin-left: 15px !important;

}

.left-20 {

  margin-left: 20px !important;

}

.left-25 {

  margin-left: 25px !important;

}

.left-30 {

  margin-left: 30px !important;

}

.left-35 {

  margin-left: 35px !important;

}

.left-40 {

  margin-left: 40px !important;

}

.left-45 {

  margin-left: 45px !important;

}

.left-50 {

  margin-left: 50px !important;

}

.right-0 {

  margin-right: 0 !important;

}

.right-5 {

  margin-right: 5px !important;

}

.right-8 {

  margin-right: 8px !important;

}

.right-10 {

  margin-right: 10px !important;

}

.right-15 {

  margin-right: 15px !important;

}

.right-20 {

  margin-right: 20px !important;

}

.nowrap {

  white-space: nowrap;

}

/**------------------------------------------------------------------------

  ベースレイアウト

------------------------------------------------------------------------*/

.nolinks {

  cursor: default;

}

.header_btn-sprite {

  background-image: url("../IMG/header_btn-sf6f9176c58.png");

  background-repeat: no-repeat;

}

#header #header-inner #header-right #header_btn li#header_btn_01 a,
#header #header-inner #header-right #header_btn li#header_btn_02 a,
#header #header-inner #header-right #header_btn li#header_btn_03 a {

  background-image: url("../IMG/header_btn-sf6f9176c58.png");

  background-repeat: no-repeat;

}

#header #header-inner #header-right #header_btn li#header_btn_01 a.current,
#header #header-inner #header-right #header_btn li#header_btn_02 a.current,
#header #header-inner #header-right #header_btn li#header_btn_03 a.current {

  background-image: url("../IMG/header_btn-sf6f9176c58.png");

  background-repeat: no-repeat;

}

#header #header-inner #header-right #header_btn li#header_btn_04 a {

  background-image: url("../IMG/header_btn-sf6f9176c58.png");

  background-repeat: no-repeat;

}

.lnav-sprite {

  background-image: url("../IMG/lnav-sb7d8aeed60.png");

  background-repeat: no-repeat;

}

#side_nav ul li.s-n-01 a,
#side_nav ul li.s-n-02 a,
#side_nav ul li.s-n-03 a,
#side_nav ul li.s-n-04 a,
#side_nav ul li.s-n-05 a,
#side_nav ul li.s-n-06 a,
#side_nav ul li.s-n-07 a,
#side_nav ul li.s-n-08 a,
#side_nav ul li.s-n-09 a,
#side_nav ul li.s-n-10 a {

  background-image: url("../IMG/lnav-sb7d8aeed60.png");

  background-repeat: no-repeat;

}

body {

  color: #000;

  line-height: 2;

  font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

}



@media only screen and (min-width: 788px) {

  body {

    font-size: 15px;

  }
 .top_discription{
   font-size: 18px;
 }

}



@media only screen and (max-width: 787px) {

  body {

    font-size: 12px;

  }

  .top_discription{
    font-size: 15px;
  }

  /** SP イラスト **/
  .parent2 {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
  }

  .cilid3 {}

  .cilid4 {
    border-radius:
      padding: 10px;
  }

  /** 吹き出し **/

  .cilid3 {
    position: relative;
    display: inline-block;
    margin: 1.5em 15px 1.5em 0;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 50%;
    color: #555;
    font-size: 12px;
    background: #e0edff;
    border: solid 2px #background: #e0edff;
    box-sizing: border-box;
    border-radius: 30px;
    text-align: center;

  }

  .cilid3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #e0edff;
  }

  .cilid3 p {
    margin: 0;
    padding: 0;
  }






}

a {

  color: #333;

}

a:hover {

  text-decoration: none;

}

a:hover img {

  background-color: #fff;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

  opacity: 0.8;

}

sup,
sub {

  line-height: 0;

  font-size: 80%;

}

sup {

  vertical-align: text-top;

}

sub {

  vertical-align: text-bottom;

}

hr {

  border: none;

}

hr.activeHr {

  border-top: 1px #666 solid;

}

#wrapper {

  width: 100%;

}



@media only screen and (min-width: 788px) {

  #header {

    width: 100%;

    border-bottom: 1px solid #abaeb1;

    padding-bottom: 14px;

  }

}



@media only screen and (max-width: 787px) {

  #header {

    height: 61px;

    width: 100%;

    margin-bottom: 10%;

    margin: 0 auto;

    *zoom: 1;

  }

}



@media only screen and (max-width: 787px) {

  #header:after {

    content: "";

    display: table;

    clear: both;

  }

}



@media only screen and (min-width: 788px) {

  #header #header-inner {

    max-width: 1280px;

    margin: 0 auto;

    *zoom: 1;

    position: relative;

  }

  #header #header-inner:after {

    content: "";

    display: table;

    clear: both;

  }

}



@media only screen and (min-width: 788px) {

  #header #header-inner #header-left {

    *zoom: 1;

  }

  #header #header-inner #header-left:after {

    content: "";

    display: table;

    clear: both;

  }

}



@media only screen and (min-width: 788px) {

  #header #header-inner #header-left #logo {

    padding-top: 26px;

    margin-left: 20px;

    margin-bottom: 1px;

    width: 156px;

  }

}



@media only screen and (max-width: 787px) {

  #header #header-inner #header-left #logo {

    width: 211px;

    margin-left: 5%;

    padding-top: 22px;

    margin-bottom: 15px;

  }

}



@media only screen and (min-width: 788px) {

  #header #header-inner #header-left #logo img {

    width: auto;

    height: 22px;

  }

}



@media only screen and (max-width: 787px) {

  #header #header-inner #header-left #logo img {

    width: auto;

    height: 16px;

  }

}



@media only screen and (min-width: 788px) {

  #header #header-inner #header-right {

    width: 237px;

    float: right;

    *zoom: 1;

  }

  #header #header-inner #header-right:after {

    content: "";

    display: table;

    clear: both;

  }

}



@media only screen and (min-width: 788px) {

  #header #header-inner #header-right #btn_english {

    padding-top: 15px;

    width: 47px;

    float: left;

  }

}



@media only screen and (max-width: 787px) {

  #header #header-inner #header-right #btn_english {

    display: none;

  }

}



@media only screen and (min-width: 788px) {

  #header #header-inner #header-right #header_btn {

    float: right;

    width: 183px;

    padding-top: 10px;

    *zoom: 1;

  }

  #header #header-inner #header-right #header_btn:after {

    content: "";

    display: table;

    clear: both;

  }

}



@media only screen and (max-width: 787px) {

  #header #header-inner #header-right #header_btn {

    display: none;

  }

}

#header #header-inner #header-right #header_btn li {

  float: left;

  margin-right: 2px;

  text-indent: -9999px;

}

#header #header-inner #header-right #header_btn li a {

  display: block;

}

#header #header-inner #header-right #header_btn li#header_btn_01 a {

  width: 30px;

  background-position: 0 0;

  height: 15px;

}

#header #header-inner #header-right #header_btn li#header_btn_01 a:hover,
#header #header-inner #header-right #header_btn li#header_btn_01 a._01-hover,
#header #header-inner #header-right #header_btn li#header_btn_01 a.current {

  background-position: 0 -15px;

}

#header #header-inner #header-right #header_btn li#header_btn_02 a {

  width: 30px;

  background-position: 0 -30px;

  height: 15px;

}

#header #header-inner #header-right #header_btn li#header_btn_02 a:hover,
#header #header-inner #header-right #header_btn li#header_btn_02 a._02-hover,
#header #header-inner #header-right #header_btn li#header_btn_02 a.current {

  background-position: 0 -45px;

}

#header #header-inner #header-right #header_btn li#header_btn_03 a {

  width: 30px;

  background-position: 0 -60px;

  height: 15px;

}

#header #header-inner #header-right #header_btn li#header_btn_03 a:hover,
#header #header-inner #header-right #header_btn li#header_btn_03 a._03-hover,
#header #header-inner #header-right #header_btn li#header_btn_03 a.current {

  background-position: 0 -75px;

}

#header #header-inner #header-right #header_btn li#header_btn_04 a {

  width: 83px;

  background-position: 0 -90px;

  height: 15px;

}

#header #header-inner #header-right #header_btn li#header_btn_04 a:hover,
#header #header-inner #header-right #header_btn li#header_btn_04 a._btn_printer-hover {

  background-position: 0 -105px;

}



@media only screen and (min-width: 788px) {

  #pagetitle {

    font-size: 34px;

    margin-bottom: 2%;

    background-color: #4c4c4c;

    color: #fff;

    padding: 0 20px;

  }

}



@media only screen and (max-width: 787px) {

  #pagetitle {

    font-size: 23px;

    margin-bottom: 5%;

    text-align: center;

    color: #fff;

    background-color: #4c4c4c;

    font-weight: bold;

  }

}



@media only screen and (min-width: 788px) {

  #pagetitle #pagetitle_inner {

    max-width: 1280px;

    margin: 0 auto;

  }

}

#breadcrumb {

  margin-bottom: 3%;

  padding: 0 20px;

}



@media only screen and (max-width: 787px) {

  #breadcrumb {

    display: none;

  }

}

#breadcrumb ul {

  font-size: 0;

}

#breadcrumb ul li {

  font-size: 12px;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  margin-right: 10px;

}

#breadcrumb ul li i {

  margin-left: 10px;

}



@media only screen and (min-width: 788px) {

  #container #container-inner {

    max-width: 1280px;

    margin: 0 auto 70px;

    *zoom: 1;

  }

  #container #container-inner:after {

    content: "";

    display: table;

    clear: both;

  }

}



@media only screen and (min-width: 788px) {

  #container #container-inner #main {

    max-width: 1280px;

    padding: 0 20px;

  }

}



@media only screen and (max-width: 787px) {

  #container #container-inner #main {

    width: 95%;

    margin: 0 auto;

    min-height: 280px;

  }

}



@media only screen and (min-width: 788px) {

  #container #container-inner #aside {

    width: 276px;

    float: right;

  }

}



@media only screen and (min-width: 788px) {

  #container #container-inner #aside #local-nav {

    background-color: #373737;

    padding: 20px 0 20px 20px;

    margin-bottom: 30px;

  }

}



@media only screen and (max-width: 787px) {

  #container #container-inner #aside #local-nav {

    background-color: #373737;

    margin-bottom: 10%;

  }

}



@media only screen and (min-width: 788px) {

  #container #container-inner #aside #local-nav .title {

    color: #fff;

    font-size: 16px;

    font-weight: bold;

  }

}



@media only screen and (max-width: 787px) {

  #container #container-inner #aside #local-nav .title {

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    padding: 3% 5%;

  }

}



@media only screen and (max-width: 787px) {

  #container #container-inner #aside #local-nav ul li {

    border-bottom: 1px solid #919191;

  }

}



@media only screen and (min-width: 788px) {

  #container #container-inner #aside #local-nav ul li a {

    padding: 5px 10px;

    display: block;

    color: #fff;

    text-decoration: none;

  }

}



@media only screen and (max-width: 787px) {

  #container #container-inner #aside #local-nav ul li a {

    padding: 3% 5%;

    display: block;

    color: #fff;

    text-decoration: none;

  }

}

#container #container-inner #aside #local-nav ul li a:hover {

  background-color: #C3002F;

}



@media only screen and (max-width: 787px) {

  #side_nav {

    display: none;

  }

}

#side_nav ul li {

  text-indent: -9999px;

}

#side_nav ul li a {

  display: block;

}

#side_nav ul li.s-n-01 a {

  height: 60px;

  background-position: 0 0;

}

#side_nav ul li.s-n-01 a:hover,
#side_nav ul li.s-n-01 a._01-hover {

  background-position: 0 -60px;

}

#side_nav ul li.s-n-02 a {

  height: 60px;

  background-position: 0 -120px;

}

#side_nav ul li.s-n-02 a:hover,
#side_nav ul li.s-n-02 a._02-hover {

  background-position: 0 -180px;

}

#side_nav ul li.s-n-03 a {

  height: 60px;

  background-position: 0 -240px;

}

#side_nav ul li.s-n-03 a:hover,
#side_nav ul li.s-n-03 a._03-hover {

  background-position: 0 -300px;

}

#side_nav ul li.s-n-04 a {

  height: 60px;

  background-position: 0 -360px;

}

#side_nav ul li.s-n-04 a:hover,
#side_nav ul li.s-n-04 a._04-hover {

  background-position: 0 -420px;

}

#side_nav ul li.s-n-05 a {

  height: 60px;

  background-position: 0 -480px;

}

#side_nav ul li.s-n-05 a:hover,
#side_nav ul li.s-n-05 a._05-hover {

  background-position: 0 -540px;

}

#side_nav ul li.s-n-06 a {

  height: 60px;

  background-position: 0 -600px;

}

#side_nav ul li.s-n-06 a:hover,
#side_nav ul li.s-n-06 a._06-hover {

  background-position: 0 -660px;

}

#side_nav ul li.s-n-07 a {

  height: 60px;

  background-position: 0 -720px;

}

#side_nav ul li.s-n-07 a:hover,
#side_nav ul li.s-n-07 a._07-hover {

  background-position: 0 -780px;

}

#side_nav ul li.s-n-08 a {

  height: 60px;

  background-position: 0 -840px;

}

#side_nav ul li.s-n-08 a:hover,
#side_nav ul li.s-n-08 a._08-hover {

  background-position: 0 -900px;

}

#side_nav ul li.s-n-09 a {

  height: 60px;

  background-position: 0 -960px;

}

#side_nav ul li.s-n-09 a:hover,
#side_nav ul li.s-n-09 a._09-hover {

  background-position: 0 -1020px;

}

#side_nav ul li.s-n-10 a {

  height: 60px;

  background-position: 0 -1080px;

}

#side_nav ul li.s-n-10 a:hover,
#side_nav ul li.s-n-10 a._10-hover {

  background-position: 0 -1140px;

}



@media only screen and (min-width: 788px) {

  #bottom-bnr {

    padding-top: 30px;

    height: 120px;

    background: #EBEBEB;

    border-bottom: 1px #d0d0d0 solid;

  }

}



@media only screen and (max-width: 787px) {

  #bottom-bnr {

    padding: 5% 0;

    margin-bottom: 10%;

  }

}



@media only screen and (min-width: 788px) {

  #bottom-bnr #bottom-bnr-inner {

    width: 960px;

    margin: 0 auto;

  }

}



@media only screen and (max-width: 787px) {

  #bottom-bnr #bottom-bnr-inner {

    width: 90%;

    margin: 0 auto;

  }

}



@media only screen and (min-width: 788px) {

  #bottom-bnr #bottom-bnr-inner ul li {

    float: left;

    width: 30%;

    margin-right: 5%;

  }

  #bottom-bnr #bottom-bnr-inner ul li:last-child {

    margin-right: 0;

  }

}



@media only screen and (max-width: 787px) {

  #bottom-bnr #bottom-bnr-inner ul li {

    margin-bottom: 3%;

  }

}



@media only screen and (min-width: 788px) {

  #bottom-bnr .sp-horizontal.sp-rtl .sp-previous-arrow {

    right: 30px;

    left: auto;

  }

}



@media only screen and (min-width: 788px) {

  #bottom-bnr .sp-horizontal.sp-rtl .sp-next-arrow {

    left: 30px;

    right: auto;

  }

}



@media only screen and (min-width: 788px) {

  #bottom-bnr .sp-previous-arrow:before,
  #bottom-bnr .sp-previous-arrow:after {

    content: '';

    position: absolute;

    width: 15%;

    height: 50%;

    background-color: #dc3369;

  }

}



@media only screen and (min-width: 788px) {

  #bottom-bnr .sp-next-arrow:before,
  #bottom-bnr .sp-next-arrow:after {

    content: '';

    position: absolute;

    width: 15%;

    height: 50%;

    background-color: #dc3369;

  }

}



@media only screen and (min-width: 788px) {

  #bottom-bnr .sp-fade-arrows {

    opacity: 1;

    -webkit-transition: opacity 0.5s;

    transition: opacity 0.5s;

  }

}



@media only screen and (max-width: 787px) {

  #bottom-bnr .sp-horizontal .sp-previous-arrow {

    left: -40px;

    right: auto;

  }

}



@media only screen and (max-width: 787px) {

  #bottom-bnr .sp-horizontal .sp-next-arrow {

    right: -40px;

    left: auto;

  }

}



@media only screen and (max-width: 787px) {

  #bottom-bnr .sp-fade-arrows {

    opacity: 1;

  }

}



@media only screen and (max-width: 787px) {

  #bottom-bnr .sp-previous-arrow:before,

  #bottom-bnr .sp-previous-arrow:after,

  #bottom-bnr .sp-next-arrow:before,

  #bottom-bnr .sp-next-arrow:after {

    content: '';

    position: absolute;

    width: 15%;

    height: 50%;

    background-color: #dc3369;

  }

}



@media only screen and (min-width: 788px) {

  #bottom-box {

    padding: 30px 20px;

    background: #EBEBEB;

    border-bottom: 1px #d0d0d0 solid;

  }

}



@media only screen and (max-width: 787px) {

  #bottom-box {

    margin-bottom: 10%;

  }

}

#bottom-box #bottom-box-inner {

  overflow: hidden;

  /*

  ul{

    li{

    @include m-pc{

      float: left;

      width: 30%;

      margin-right: 5%;

      &:last-child{

        margin-right: 0;

      }

    }

    @include m-sp{

      margin-bottom: 3%;

    }

    }

  }

  */

}



@media only screen and (min-width: 788px) {

  #bottom-box #bottom-box-inner {

    max-width: 1280px;

    margin: 0 auto;

  }

}



@media only screen and (max-width: 787px) {

  #bottom-box #bottom-box-inner {

    width: 90%;

    margin: 0 auto;

  }

}



@media only screen and (max-width: 787px) {

  #bottom-box #bottom-box-inner .linksTitleUnit {

    margin-top: 3%;

    *zoom: 1;

    background-color: #ebebeb;

    color: #4c4c4c;

    padding: 1% 5%;

    font-size: 0;

  }

  #bottom-box #bottom-box-inner .linksTitleUnit:after {

    content: "";

    display: table;

    clear: both;

  }

}



@media only screen and (max-width: 787px) {

  #bottom-box #bottom-box-inner .linksTitleUnit .linksTitle {

    width: 90%;

    font-size: 14px;

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    white-space: nowrap;

  }

}



@media only screen and (max-width: 787px) {

  #bottom-box #bottom-box-inner .linksTitleUnit .linksTitle a {

    color: #4c4c4c;

  }

}



@media only screen and (min-width: 788px) {

  #bottom-box #bottom-box-inner .linksTitleUnit .label {

    display: none;

  }

}



@media only screen and (max-width: 787px) {

  #bottom-box #bottom-box-inner .linksTitleUnit .label {

    width: 10%;

    font-size: 18px;

    text-align: center;

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    white-space: nowrap;

    background-color: #999;

    line-height: 1 !important;

  }

  #bottom-box #bottom-box-inner .linksTitleUnit .label i {

    color: #fff;

  }

}

#bottom-box #bottom-box-inner b {

  font-weight: bold;

}

#bottom-box #bottom-box-inner b a {

  text-decoration: none;

}



@media only screen and (min-width: 788px) {

  #bottom-box #bottom-box-inner .bottom-menu {

    display: block;

    box-sizing: border-box;

    margin: 0 0 24px 0;

  }

}



@media only screen and (max-width: 787px) {

  #bottom-box #bottom-box-inner .bottom-menu {

    margin: 0;

    padding: 0;

    list-style: none;

    display: none;

    background-color: #fff;

  }

}



@media only screen and (min-width: 788px) {

  #bottom-box #bottom-box-inner .bottom-menu li.inners {

    margin-left: 1em;

  }

}



@media only screen and (max-width: 787px) {

  #bottom-box #bottom-box-inner .bottom-menu li {

    border-bottom: 1px solid #ccc;

  }

}

#bottom-box #bottom-box-inner .bottom-menu li.inners {

  margin-left: 1em;

}

#bottom-box #bottom-box-inner .bottom-menu li a {

  text-decoration: none;

}



@media only screen and (max-width: 787px) {

  #bottom-box #bottom-box-inner .bottom-menu li a {

    display: block;

    padding: 3%;

  }

}

#bottom-box #bottom-box-inner .snsLink {

  overflow: hidden;

}



@media only screen and (max-width: 787px) {

  #bottom-box #bottom-box-inner .snsLink {

    margin-top: 3%;

  }

}



@media only screen and (min-width: 788px) {

  #bottom-box #bottom-box-inner .snsLink li {

    width: 32px;

    margin-right: 12px;

    float: left;

  }

}



@media only screen and (max-width: 787px) {

  #bottom-box #bottom-box-inner .snsLink li {

    width: 22%;

    float: left;

    margin-right: 4%;

  }

}

#bottom-box #bottom-box-inner .snsLink li:last-child {

  margin-right: 0;

}

#bottom-box #bottom-box-inner .snsLink li a {

  display: block;

}

#bottom-box #bottom-box-inner .snsLink li a img {

  width: 100% !important;

}



@media only screen and (min-width: 788px) {

  #bottom-box #bottom-box-inner .bottom-box-inner-links {

    float: left;

    width: 20%;

  }

}



@media only screen and (min-width: 788px) {

  #footer #footer-inner {

    max-width: 1280px;

    height: 42px;

    margin: 0 auto;

    position: relative;

  }

}



@media only screen and (min-width: 788px) {

  #footer #footer-inner #footer-btn-sp {

    width: 251px;

    margin: 0 auto 13px;

    display: none;

  }

}



@media only screen and (min-width: 788px) {

  #footer #footer-inner #footer-menu {

    padding-top: 8px;

  }

}



@media only screen and (min-width: 788px) {

  #footer #footer-inner #footer-menu ul {

    overflow: hidden;

    *zoom: 1;

  }

}



@media only screen and (max-width: 787px) {

  #footer #footer-inner #footer-menu ul {

    overflow: hidden;

    *zoom: 1;

    background-color: #4C4C4C;

  }

}



@media only screen and (min-width: 788px) {

  #footer #footer-inner #footer-menu ul li {

    float: left;

    font-size: 12px;

    white-space: nowrap;

    margin-right: 20px;

  }

}



@media only screen and (max-width: 787px) {

  #footer #footer-inner #footer-menu ul li {

    font-size: 12px;

    border-bottom: 1px solid #666666;

  }

}



@media only screen and (min-width: 788px) {

  #footer #footer-inner #footer-menu ul li a {

    color: #636363;

    text-decoration: none;

  }

}



@media only screen and (max-width: 787px) {

  #footer #footer-inner #footer-menu ul li a {

    display: block;

    padding: 3%;

    color: #ffffff;

    text-decoration: none;

  }

}

#footer #footer-inner #footer-menu ul li a:hover {

  text-decoration: underline;

}



@media only screen and (min-width: 788px) {

  #footer #footer-inner #footer-mark {

    position: absolute;

    bottom: 0;

    right: 20px;

  }

}



@media only screen and (max-width: 787px) {

  #footer #footer-inner #footer-mark {

    text-align: right;

    padding: 10px 20px 11px 0;

  }

}



@media only screen and (min-width: 788px) {

  #footer #footer-inner #footer-mark img {

    width: auto;

    height: 25px;

  }

}



@media only screen and (max-width: 787px) {

  #footer #footer-inner #footer-mark img {

    height: 27px;

    width: auto;

    vertical-align: bottom;

  }

}

.gnav-sprite,
#company #gnav #gnav_05>a,
#production #gnav #gnav_03>a,
#factory_tour #gnav #gnav_02>a,
#environment #gnav #gnav_04>a,
#communication #gnav #gnav_06>a,
#etc #gnav #gnav_07>a,
#gnav>ul #gnav_01>a,
#gnav>ul #gnav_02>a,
#gnav>ul #gnav_03>a,
#gnav>ul #gnav_04>a,
#gnav>ul #gnav_05>a,
#gnav>ul #gnav_06>a,
#gnav>ul #gnav_07>a,
ul #gnav_08>a,
ul #gnav_09>a {

  background-image: url('../IMG/gnav-s437d7738bf.png');

  background-repeat: no-repeat;

}

#company #gnav #gnav_05>a {

  background-position: 0 -225px;

}




@media only screen and (max-width: 787px) {

  #company #gnav #gnav_05>a {

    background: none;

  }

}

#production #gnav #gnav_03>a {

  background-position: 0 -125px;

}



@media only screen and (max-width: 787px) {

  #production #gnav #gnav_03>a {

    background: none;

  }

}

#factory_tour #gnav #gnav_02>a {

  background-position: 0 -75px;

}


#employee_safety #gnav #gnav_07>a {

  background-position: 0 -375px;

}


/ 吉田追加 / #recrult #gnav #gnav_08>a {

  background-position: 0 -425px;

}



@media only screen and (max-width: 787px) {

  #factory_tour #gnav #gnav_02>a {

    background: none;

  }

}

#environment #gnav #gnav_04>a {

  background-position: 0 -175px;

}



@media only screen and (max-width: 787px) {

  #environment #gnav #gnav_04>a {

    background: none;

  }

}

#communication #gnav #gnav_06>a {

  background-position: 0 -275px;

}



@media only screen and (max-width: 787px) {

  #communication #gnav #gnav_06>a {

    background: none;

  }

}

#etc #gnav #gnav_07>a {

  background-position: 0 -350px;

}

#etc #gnav #gnav_07>a:hover {

  background-position: 0 -375px;

}


/* 吉田追加 */ #etc #gnav #gnav_08>a {

  background-position: 0 -400px;

}

#etc #gnav #gnav_08>a:hover {

  background-position: 0 -425px;

}


@media only screen and (max-width: 787px) {

  #etc #gnav #gnav_07>a {

    background: none;

  }

  /* 吉田追加 */ #etc #gnav #gnav_08>a {

    background: none;

  }

}



@media only screen and (min-width: 788px) {

  #btn-gnav {

    display: none;

  }

}



@media only screen and (max-width: 787px) {

  #btn-gnav {

    width: 61px;

    height: 61px;

    color: #fff;

    text-align: center;

    display: table;

    line-height: 1;

    background-color: #4c4c4c;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 1000;

  }

  #btn-gnav span {

    display: block;

    font-size: 10px;

    padding: 0 0 2px 0;

    color: #fff !important;

  }

  #btn-gnav .fa {

    font-size: 24px;

    line-height: inherit;

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    color: #fff !important;

  }

  #btn-gnav .fa-bars:before {

    content: "\f0c9";

  }

}

#btn-gnav #btn-gnav-inner {

  display: table-cell;

  height: 61px;

  vertical-align: middle;

}

#gnav {

  /*margin-bottom: 10px;*/

}



@media only screen and (min-width: 788px) {

  #gnav {

    display: block;

  }

}



@media only screen and (max-width: 787px) {

  #gnav {

    width: 100%;

    display: none;

    position: absolute;

    z-index: 10000;

  }

}

#gnav #header-box {

  font-size: 0;

}



@media only screen and (min-width: 788px) {

  #gnav #header-box {

    position: absolute;

    top: 13px;

    right: 20px;

  }

}



@media only screen and (max-width: 787px) {

  #gnav #header-box {

    background-color: #D0D0D0;

    border-bottom: 1px solid #666666;

    padding: 1% 5%;

  }

}

#gnav #header-box #header-sns-list {

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

}



@media only screen and (min-width: 788px) {

  #gnav #header-box #header-sns-list {

    width: 24px;

    margin-right: 20px;

  }

}



@media only screen and (max-width: 787px) {

  #gnav #header-box #header-sns-list {

    width: 5%;

    margin-right: 5%;

  }

}

#gnav #header-box #search-unit {

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

}



@media only screen and (max-width: 787px) {

  #gnav #header-box #search-unit {

    width: 100%;

  }

}

#gnav #header-box #search-unit input[type=text] {

  padding: 0;

  font-size: 14px;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



@media only screen and (min-width: 788px) {

  #gnav #header-box #search-unit input[type=text] {

    height: 24px;

    line-height: 1;

  }

}



@media only screen and (max-width: 787px) {

  #gnav #header-box #search-unit input[type=text] {

    width: 90%;

    height: 24px;

  }

}

#gnav #header-box #search-unit .search-btn {

  border: none;

  background-color: #C3002F;

  color: #fff;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  line-height: 1;

}



@media only screen and (min-width: 788px) {

  #gnav #header-box #search-unit .search-btn {

    height: 24px;

    width: 24px;

  }

}



@media only screen and (max-width: 787px) {

  #gnav #header-box #search-unit .search-btn {

    width: 24px;

    height: 24px;

  }

}



@media only screen and (min-width: 788px) {

  #gnav>ul {

    margin-left: 350px;

    *zoom: 1;

  }

  #gnav>ul:after {

    content: "";

    display: table;

    clear: both;

  }

}



@media only screen and (min-width: 788px) {

  #gnav>ul>li {

    float: left;

    position: relative;

    text-indent: -9999px;

    margin-right: 18px;

  }

  #gnav>ul>li input {

    display: none;

  }

}



@media only screen and (max-width: 787px) {

  #gnav>ul>li {

    *zoom: 1;

    font-size: 0;

    background-color: #999;

    border-bottom: 1px solid #666666;

  }

  #gnav>ul>li:after {

    content: "";

    display: table;

    clear: both;

  }

}



@media only screen and (max-width: 787px) and (max-width: 787px) {

  #gnav>ul>li .fa {

    margin-right: 1%;

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    font-size: 16px;

    text-align: center;

    width: 7%;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    color: #fff;

    background-color: #4c4c4c;

    padding: 0.7% 0 0.5% 0;

  }

}

#gnav>ul>li>a.nolinks {

  cursor: default;

}



@media only screen and (max-width: 787px) {

  #gnav>ul>li>a {

    color: #fff;

    text-align: center;

    text-decoration: none;

    padding: 1% 0 1% 2%;

    box-sizing: border-box;

    text-align: left;

    font-size: 13px;

    width: 90% !important;

    display: inline-block !important;

  }

}



@media only screen and (min-width: 788px) {

  #gnav>ul>li.last-child {

    margin-right: 0;

  }

}



@media only screen and (min-width: 788px) {

  #gnav>ul>li>ul.sub {

    display: none;

    position: absolute;

    background-color: #373737;

    z-index: 99999;

    width: 200px;

    top: 25px;

    left: 0;

  }

}



@media only screen and (max-width: 787px) {

  #gnav>ul>li>ul.sub {

    display: none;

    clear: both;

    *zoom: 1;

    font-size: 12px;

  }

  #gnav>ul>li>ul.sub:after {

    content: "";

    display: table;

    clear: both;

  }

}



@media only screen and (max-width: 787px) {

  #gnav>ul>li>ul.sub {

    background-color: #fff;

  }

}



@media only screen and (min-width: 788px) {

  #gnav>ul>li>ul.sub>li {

    text-indent: 0;

    float: none;

  }

}



@media only screen and (max-width: 787px) {

  #gnav>ul>li>ul.sub>li {

    float: left;

    width: 50%;

  }

}

#gnav>ul>li>ul.sub>li:nth-child(2n+1) {

  clear: both;

}

#gnav>ul>li>ul.sub>li>a {

  display: block;

}



@media only screen and (min-width: 788px) {

  #gnav>ul>li>ul.sub>li>a {

    padding: 10px 20px;

    font-size: 12px;

    color: #fff;

    text-decoration: none;

  }

}



@media only screen and (max-width: 787px) {

  #gnav>ul>li>ul.sub>li>a {

    text-decoration: none;

    padding: 4.5% 4%;

    font-size: 12px;

    line-height: 1.2;

  }

  #gnav>ul>li>ul.sub>li>a:before {

    content: "\f0da";

    display: inline-block;

    font-family: FontAwesome;

    margin-right: 5px;

  }

}



@media only screen and (min-width: 788px) {

  #gnav>ul>li>ul.sub>li>a:hover {

    background-color: #BDBDBD;

  }

}

#gnav>ul>li>a {

  display: block;

}

#gnav>ul #gnav_01 {

  position: relative;

}

#gnav>ul #gnav_01>a {

  width: 44px;

  height: 25px;

  background-position: 0 0;

}

#gnav>ul #gnav_01>a:hover,
#gnav>ul #gnav_01>a._01-hover {

  background-position: 0 -25px;

}



@media only screen and (max-width: 787px) {

  #gnav>ul #gnav_01>a {

    width: auto;

    height: auto;

    background: none;

    padding-top: 2.5%;

    padding-bottom: 2.5%;

  }

}

#gnav>ul #gnav_02 {

  position: relative;

}

#gnav>ul #gnav_02>a {

  width: 67px;

  height: 25px;

  background-position: 0 -50px;

}

#gnav>ul #gnav_02>a:hover,
#gnav>ul #gnav_02>a._02-hover {

  background-position: 0 -75px;

}



@media only screen and (max-width: 787px) {

  #gnav>ul #gnav_02>a {

    width: auto;

    height: auto;

    background: none;

    padding-top: 2.5%;

    padding-bottom: 2.5%;

  }

}

#gnav>ul #gnav_03 {

  position: relative;

}

#gnav>ul #gnav_03>a {

  width: 89px;

  height: 25px;

  background-position: 0 -100px;

}

#gnav>ul #gnav_03>a:hover,
#gnav>ul #gnav_03>a._03-hover {

  background-position: 0 -125px;

}



@media only screen and (max-width: 787px) {

  #gnav>ul #gnav_03>a {

    width: auto;

    height: auto;

    background: none;

    padding-top: 2.5%;

    padding-bottom: 2.5%;

  }

}

#gnav>ul #gnav_04 {

  position: relative;

}

#gnav>ul #gnav_04>a {

  width: 116px;

  height: 25px;

  background-position: 0 -150px;

}

#gnav>ul #gnav_04>a:hover,
#gnav>ul #gnav_04>a._04-hover {

  background-position: 0 -175px;

}



@media only screen and (max-width: 787px) {

  #gnav>ul #gnav_04>a {

    width: auto;

    height: auto;

    background: none;

    padding-top: 2.5%;

    padding-bottom: 2.5%;

  }

}

#gnav>ul #gnav_05 {

  position: relative;

}

#gnav>ul #gnav_05>a {

  width: 66px;

  height: 25px;

  background-position: 0 -200px;

}

#gnav>ul #gnav_05>a:hover,
#gnav>ul #gnav_05>a._05-hover {

  background-position: 0 -225px;

}



@media only screen and (max-width: 787px) {

  #gnav>ul #gnav_05>a {

    width: auto;

    height: auto;

    background: none;

    padding-top: 2.5%;

    padding-bottom: 2.5%;

  }

}

#gnav>ul #gnav_06 {

  position: relative;

}

#gnav>ul #gnav_06>a {

  width: 91px;

  height: 25px;

  background-position: 0 -250px;

}

#gnav>ul #gnav_06>a:hover,
#gnav>ul #gnav_06>a._06-hover {

  background-position: 0 -275px;

}



@media only screen and (max-width: 787px) {

  #gnav>ul #gnav_06>a {

    width: auto;

    height: auto;

    background: none;

    padding-top: 2.5%;

    padding-bottom: 2.5%;

  }

}

#gnav>ul #gnav_07 {

  position: relative;

}

#gnav>ul #gnav_07>a {

  width: 130px;

  height: 25px;

  background-position: 0 -350px;

}

#gnav>ul #gnav_07>a:hover,
#gnav>ul #gnav_07>a._07-hover {

  background-position: 0 -375px;

}



/ 吉田追加 / #gnav>ul #gnav_08 {

  position: relative;

}

#gnav>ul #gnav_08>a {

  width: 75px;

  height: 25px;

  background-position: 0 -400px;

}

#gnav>ul #gnav_08>a:hover,
#gnav>ul #gnav_08>a._08-hover {

  background-position: 0 -425px;

}

#gnav>ul #gnav_09>a {

  width: 140px;

  height: 25px;

  background-position: 0 -450px;

}

#gnav>ul #gnav_09>a:hover,
#gnav>ul #gnav_09>a._09-hover {

  background-position: 0 -475px;

}



@media only screen and (max-width: 787px) {

  #gnav>ul #gnav_07>a {

    width: auto;

    height: auto;

    background: none;

    padding-top: 2.5%;

    padding-bottom: 2.5%;

  }

  #gnav>ul #gnav_08>a {

    width: auto;

    height: auto;

    background: none;

    padding-top: 2.5%;

    padding-bottom: 2.5%;

  }

  #gnav>ul #gnav_09>a{
    width: auto;

    height: auto;

    background: none;

    padding-top: 2.5%;

    padding-bottom: 2.5%;
  }

}

/*---------------------------

  ローカルナビ、カレント管理

---------------------------*/

/*---------------------------

  会社概要

---------------------------*/

#company.l-01 .l-n-01,
#company.l-02 .l-n-02,
#company.l-03 .l-n-03,
#company.l-04 .l-n-04 {

  background-color: #C3002F;

}

/*---------------------------

  クルマ造り

---------------------------*/

#production.l-01 .l-n-01,
#production.l-02 .l-n-02,
#production.l-03 .l-n-03,
#production.l-04 .l-n-04 {

  background-color: #C3002F;

}

/*---------------------------

  地域との共生

---------------------------*/

#communication.l-01 .l-n-01,
#communication.l-02 .l-n-02,
#communication.l-03 .l-n-03,
#communication.l-04 .l-n-04 {

  background-color: #C3002F;

}

/*---------------------------

  環境への取り組み

---------------------------*/

#environment.l-01 .l-n-01 {

  background-color: #C3002F;

}

/*---------------------------

  歴史

---------------------------*/

#history.l-01 .l-n-01,
#history.l-02 .l-n-02,
#history.l-03 .l-n-03 {

  background-color: #C3002F;

}

/*---------------------------

  工場案内

---------------------------*/

#factory_tour.l-01 .l-n-01,
#factory_tour.l-02 .l-n-02,
#factory_tour.l-03 .l-n-03,
#factory_tour.l-04 .l-n-04,
#factory_tour.l-05 .l-n-05 {

  background-color: #C3002F;

}

.btn.btn-01 a {

  display: block;

  background-color: #C3002F;

  text-align: center;

  padding: 10px 20px;

  color: #fff;

  text-decoration: none;

}

.btn.btn-01 a:hover {

  background-color: #990f34;

}

.btn {
  margin: 0 auto 30px;
  width: 398px;
  max-width: 100%;
  font-size: 16px;
  text-align: center;
  background: url(/FACTORY_TOUR/IMAGES/icon_btn_arrow.png) no-repeat 370px 50% #69a8ca;
}

.btn a {
  padding: 23px 50px 22px 50px;
  display: block;
  color: white;
}

.btn02 {
  background-color: #5a5859;
  color: white;
  width: 100%;
  max-width: 100%;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}

.btn02 a {
  padding: 23px 50px 22px 50px;
  display: block;
  color: white;
  text-decoration: none;
}

@media only screen and (min-width: 788px) {

  .headline {

    line-height: 1.4;

  }

}



@media only screen and (max-width: 787px) {

  .headline {

    margin-bottom: 5%;

    line-height: 1.4;

  }

}

.headline.large {

  margin-bottom: 3%;

}



@media only screen and (min-width: 788px) {

  .headline.large {

    font-size: 31px;

  }

}



@media only screen and (max-width: 787px) {

  .headline.large {

    font-size: 20px;

    margin-bottom: 5%;

  }

}

.headline.medium {

  font-size: 20px;

  margin-bottom: 1%;

}

.headline.small {

  font-size: 16px;

  margin-bottom: 1%;

}

.headline.colored {

  color: #C3002F;

}

.headline.gray {

  color: #999;

}

.headline.bold {

  font-weight: bold;

}


.bold {

  font-weight: bold;

}

.headline.border-l {

  border-left: 6px solid #C3002F;

  padding-left: 15px;

}



@media only screen and (min-width: 788px) {

  .headline.font-l {

    font-size: 20px;

  }

}



@media only screen and (min-width: 788px) {

  .headline.font-m {

    font-size: 15px;

  }

}



@media only screen and (max-width: 787px) {

  .headline.font-m {

    font-size: 13.5px;

  }

}



@media only screen and (min-width: 788px) {

  .headline.font-s {

    font-size: 12px;

  }

}



@media only screen and (max-width: 787px) {

  .headline.font-s {

    font-size: 11px;

  }

}

.headline.font-w-b {

  font-weight: bold;

}

.headline.l-border {

  border-left: 3px solid #c9c9c9;

  padding-left: 10px;

}



@media only screen and (min-width: 788px) {

  .headline.mb-s {

    margin-bottom: 10px;

  }

}



@media only screen and (max-width: 787px) {

  .headline.mb-s {

    margin-bottom: 3%;

  }

}



@media only screen and (min-width: 788px) {

  .headline.mb-m {

    margin-bottom: 20px;

  }

}



@media only screen and (max-width: 787px) {

  .headline.mb-m {

    margin-bottom: 5%;

  }

}



@media only screen and (min-width: 788px) {

  .headline.mb-l {

    margin-bottom: 40px;

  }

}

.headline.boxDesign {

  background: #4c4c4c;

  color: #fff;

  padding: 0.5em 0;

  text-align: center;

}



@media only screen and (max-width: 787px) {

  .headline.boxDesign {

    margin-bottom: 0;

    display: block;

    width: 100%;

    text-align: left;

    box-sizing: border-box;

    padding: 0.5em;

    font-size: 14px;

  }

}

.img {

  margin-bottom: 3%;

}

.page_tit_01 {

  border-bottom: 1px solid #C3002F;

  border-top: 1px solid #C3002F;

  padding: 4px 15px;

  font-size: 14px;

  margin: 10px 0;

}

.page_tit_02 {

  background: #EEE;

  display: block;

  padding: 4px 10px;

  margin: 10px 0;

  font-size: 14px;

}

.page_tit_or {

  background: #ec5e2e;

  color: #fff;

  padding: 4px 15px;

  font-size: 14px;

  margin: 10px 0;

}

.page_tit_lb {

  background: #3399cc;

  color: #fff;

  padding: 4px 15px;

  font-size: 14px;

  margin: 10px 0;

}

.page_tit_bl {

  background: #08188e;

  color: #fff;

  padding: 4px 15px;

  font-size: 14px;

  margin: 10px 0;

}

.page_tit_pk {

  background: #cc3366;

  color: #fff;

  padding: 4px 15px;

  font-size: 14px;

  margin: 10px 0;

}

.list {

  margin-bottom: 30px;

}

.list.list-01 {

  list-style-type: disc;

  margin-left: 20px;

}

.list.list-01 li {

  list-style-type: disc;

}

.list.list-02 {

  list-style-type: decimal;

  margin-left: 20px;

}

.list.list-02 li {

  margin: 1em 0;

  list-style-type: decimal;

}

.contentsLines {

  border-bottom: 1px #666 dotted;

}

.layout {

  *zoom: 1;

}

.layout:after {

  content: "";

  display: table;

  clear: both;

}

.layout.column {

  box-sizing: border-box;

}

.layout.column img {

  width: 100%;

}

.layout.column p img {

  width: 100%;

}

.layout.two-column {

  *zoom: 1;

}

.layout.two-column:after {

  content: "";

  display: table;

  clear: both;

}

.layout.two-column .column {

  box-sizing: border-box;

}

.layout.two-column .column img {

  width: 100%;

}

.layout.two-column .column p img {

  width: 100%;

}

.layout.two-column .column.contact-txt {

  width: auto;

  white-space: nowrap;

  float: none;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  vertical-align: middle;

}

.layout.two-column .column.contact-txt.vTop {

  vertical-align: top;

}



@media only screen and (min-width: 788px) {

  .layout.two-column .column.contact-txt.setWidthA {

    width: 20%;

  }

}



@media only screen and (max-width: 787px) {

  .layout.two-column .column.contact-txt.setWidthA {

    width: 100%;

  }

}

.layout.two-column .column.contact-btn {

  float: none;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  vertical-align: middle;

}

.layout.two-column .column.contact-btn img {

  width: auto;

  height: auto;

}



@media only screen and (max-width: 787px) {

  .layout.two-column .column.contact-btn {

    display: block;

    margin-bottom: 1em;

  }

}



@media only screen and (min-width: 788px) {

  .layout.two-column .column.contact-btn.setWidthA {

    width: 75%;

  }

}



@media only screen and (max-width: 787px) {

  .layout.two-column .column.contact-btn.setWidthA {

    width: 100%;

  }

}



@media only screen and (min-width: 788px) {

  .layout.two-column .column {

    width: 49%;

    float: left;

    margin-right: 2%;

  }

  .layout.two-column .column:nth-child(2n) {

    margin-right: 0;

  }

}



@media only screen and (max-width: 787px) {

  .layout.two-column .column {

    margin-bottom: 5%;

  }

}

.layout.two-column .column.last {

  margin-right: 0;

}



@media only screen and (min-width: 788px) {

  .layout.two-column .column.positionRight {

    float: right;

  }

}

.layout.two-column_9-1 {

  *zoom: 1;

}

.layout.two-column_9-1:after {

  content: "";

  display: table;

  clear: both;

}

.layout.two-column_9-1 .column img {

  width: 100%;

}

.layout.two-column_9-1 .column p img {

  width: 100%;

}

.layout.two-column_9-1 .column.contact-txt {

  width: auto;

  white-space: nowrap;

  float: none;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  vertical-align: middle;

}

.layout.two-column_9-1 .column.contact-btn {

  float: none;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  vertical-align: middle;

}

.layout.two-column_9-1 .column.contact-btn img {

  width: auto;

  height: auto;

}



@media only screen and (min-width: 788px) {

  .layout.two-column_9-1 .column {

    width: 85%;

    float: left;

    margin-right: 2%;

  }

  .layout.two-column_9-1 .column:nth-child(2n) {

    margin-right: 0;

    width: 12.8%;

    float: right;

  }

}



@media only screen and (max-width: 787px) {

  .layout.two-column_9-1 .column {

    margin-bottom: 5%;

  }

}

.layout.two-column_9-1 .column.last {

  margin-right: 0;

}

.layout.two-column_8-2 {

  *zoom: 1;

}

.layout.two-column_8-2:after {

  content: "";

  display: table;

  clear: both;

}

.layout.two-column_8-2 .column img {

  width: 100%;

}

.layout.two-column_8-2 .column p img {

  width: 100%;

}

.layout.two-column_8-2 .column.contact-txt {

  width: auto;

  white-space: nowrap;

  float: none;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  vertical-align: middle;

}

.layout.two-column_8-2 .column.contact-btn {

  float: none;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  vertical-align: middle;

}

.layout.two-column_8-2 .column.contact-btn img {

  width: auto;

  height: auto;

}



@media only screen and (min-width: 788px) {

  .layout.two-column_8-2 .column {

    width: 78%;

    float: left;

    margin-right: 2%;

  }

  .layout.two-column_8-2 .column:nth-child(2n) {

    margin-right: 0;

    width: 19.8%;

    float: right;

  }

}



@media only screen and (max-width: 787px) {

  .layout.two-column_8-2 .column {

    margin-bottom: 5%;

  }

}

.layout.two-column_8-2 .column.last {

  margin-right: 0;

}

.layout.two-column_2-8 {

  *zoom: 1;

}

.layout.two-column_2-8:after {

  content: "";

  display: table;

  clear: both;

}

.layout.two-column_2-8 .column img {

  width: 100%;

}

.layout.two-column_2-8 .column p img {

  width: 100%;

}

.layout.two-column_2-8 .column.contact-txt {

  width: auto;

  white-space: nowrap;

  float: none;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  vertical-align: middle;

}

.layout.two-column_2-8 .column.contact-btn {

  float: none;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  vertical-align: middle;

}

.layout.two-column_2-8 .column.contact-btn img {

  width: auto;

  height: auto;

}



@media only screen and (min-width: 788px) {

  .layout.two-column_2-8 .column {

    width: 19.8%;

    float: left;

    margin-right: 2%;

  }

  .layout.two-column_2-8 .column:nth-child(2n) {

    margin-right: 0;

    width: 78%;

    float: right;

  }

}



@media only screen and (max-width: 787px) {

  .layout.two-column_2-8 .column {

    margin-bottom: 5%;

  }

}

.layout.two-column_2-8 .column.last {

  margin-right: 0;

}

.layout.two-column_1-9 {

  *zoom: 1;

}

.layout.two-column_1-9:after {

  content: "";

  display: table;

  clear: both;

}

.layout.two-column_1-9 .column img {

  width: 100%;

}

.layout.two-column_1-9 .column p img {

  width: 100%;

}

.layout.two-column_1-9 .column.contact-txt {

  width: auto;

  white-space: nowrap;

  float: none;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  vertical-align: middle;

}

.layout.two-column_1-9 .column.contact-btn {

  float: none;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  vertical-align: middle;

}

.layout.two-column_1-9 .column.contact-btn img {

  width: auto;

  height: auto;

}



@media only screen and (min-width: 788px) {

  .layout.two-column_1-9 .column {

    width: 15.7%;

    float: left;

    margin-right: 2%;

  }

  .layout.two-column_1-9 .column:nth-child(2n) {

    margin-right: 0;

    width: 82%;

    float: right;

  }

}



@media only screen and (max-width: 787px) {

  .layout.two-column_1-9 .column {

    margin-bottom: 5%;

  }

}

.layout.two-column_1-9 .column.last {

  margin-right: 0;

}

.layout.two-column_7-3 {

  *zoom: 1;

}

.layout.two-column_7-3:after {

  content: "";

  display: table;

  clear: both;

}

.layout.two-column_7-3 .column img {

  width: 100%;

}

.layout.two-column_7-3 .column p img {

  width: 100%;

}

.layout.two-column_7-3 .column.contact-txt {

  width: auto;

  white-space: nowrap;

  float: none;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  vertical-align: middle;

}

.layout.two-column_7-3 .column.contact-btn {

  float: none;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  vertical-align: middle;

}

.layout.two-column_7-3 .column.contact-btn img {

  width: auto;

  height: auto;

}

.layout.two-column_7-3 .visitschool p img {

  width: 100%;



  max-wdth: 100%;



}



@media only screen and (min-width: 788px) {

  .layout.two-column_7-3 .column {

    width: 75%;

    float: left;

    margin-right: 2%;



  }

  .layout.two-column_7-3 .column:nth-child(2n) {

    margin-right: 0;

    width: 32.8%;

    float: right;

  }

}



@media only screen and (min-width: 788px) {



  .layout.two-column_7-3 .visitschool p img {

    width: 100%;



    max-wdth: 100%;



  }



  .layout.two-column_7-3 .visitschool {



    width: 100%;



    text-align: center;



    max-width: 100%;



  }



  .layout.two-column_7-3 .visitschool:nth-child(2n) {

    margin-right: 0;

    width: 32.8%;

    float: right;

  }

}



@media only screen and (max-width: 787px) {

  .layout.two-column_7-3 .column {

    margin-bottom: 5%;

  }

}

.layout.two-column_7-3 .column.last {

  margin-right: 0;

}

.layout.two-column_3-7 {

  *zoom: 1;

}

.layout.two-column_3-7:after {

  content: "";

  display: table;

  clear: both;

}

.layout.two-column_3-7 .column img {

  width: 100%;

}

.layout.two-column_3-7 .column p img {

  width: 100%;

}

.layout.two-column_3-7 .column.contact-txt {

  width: auto;

  white-space: nowrap;

  float: none;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  vertical-align: middle;

}

.layout.two-column_3-7 .column.contact-btn {

  float: none;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  vertical-align: middle;

}

.layout.two-column_3-7 .column.contact-btn img {

  width: auto;

  height: auto;

}



@media only screen and (min-width: 788px) {

  .layout.two-column_3-7 .column {

    width: 33.8%;

    float: left;

    margin-right: 2%;

  }

  .layout.two-column_3-7 .column:nth-child(2n) {

    margin-right: 0;

    width: 63%;

    float: right;

  }

}



@media only screen and (max-width: 787px) {

  .layout.two-column_3-7 .column {

    margin-bottom: 5%;

  }

}

.layout.two-column_3-7 .column.last {

  margin-right: 0;

}

.layout.three-column {

  *zoom: 1;

}

.layout.three-column:after {

  content: "";

  display: table;

  clear: both;

}

.layout.three-column .column img {

  width: 100%;

}

.layout.three-column .column p img {

  width: 100%;

}



@media only screen and (min-width: 788px) {

  .layout.three-column .column {

    width: 30%;

    float: left;

    margin-right: 5%;

  }

}



@media only screen and (max-width: 787px) {

  .layout.three-column .column {

    width: 100%;

    margin-bottom: 3%;

  }

  .layout.three-column .column img.w190 {

    width: 100% !important;

  }

}

.layout.three-column .column.last {

  margin-right: 0;

}

.box {

  margin-bottom: 30px;

}

.box.box-01 {

  border: 1px solid #abaeb1;

  padding: 10px 20px 20px;

}

.box.box-01.paddingCtr20 {

  padding: 20px;

}

.box.box-01 .box-title {

  font-size: 20px;

  color: #C3002F;

  margin-top: -35px;

  background-color: #fff;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  padding: 5px 10px;

}

.table.table01 tr td,
.table.table01 tr th {

  line-height: 1.4;

  display: block;

}

.table.table01 tr th {

  line-height: 1.4;

  font-weight: bold;

}

.table {

  width: 100%;

  margin-bottom: 3%;

}



@media only screen and (max-width: 787px) {

  .table {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

  }

}

.table.table01 tr {

  border-bottom: 1px solid #ccc;

}



@media only screen and (max-width: 787px) {

  .table.table01 tr {

    padding: 2% 5%;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: block;

    border-bottom: 1px solid #ccc;

  }

}



@media only screen and (min-width: 788px) {

  .table.table01 tr td {

    padding: 5px 10px;

  }

}



@media only screen and (max-width: 787px) {

  .table.table01 tr td {

    line-height: 1.4;

    display: block;

  }

}



@media only screen and (min-width: 788px) {

  .table.table01 tr th {

    font-weight: bold;

  }

}



@media only screen and (max-width: 787px) {

  .table.table01 tr th {

    line-height: 1.4;

    display: block;

  }

}



@media only screen and (max-width: 787px) {

  .table.table02 {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

  }

}



@media only screen and (max-width: 787px) {

  .table.table02 tbody {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

  }

}



@media only screen and (min-width: 788px) {

  .table.table02 th,
  .table.table02 td {

    padding: 10px 15px;

    vertical-align: top;

  }

}



@media only screen and (max-width: 787px) {

  .table.table02 th,
  .table.table02 td {

    padding: 2% 0 2% 2%;

    vertical-align: top;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

  }

}



@media only screen and (min-width: 788px) {

  .table.table02 th {

    background-color: #666;

    font-size: 14px;

    color: #fff;

    font-weight: bold;

  }

  .table.table02 th.space {

    background: none !important;

    border: none !important;

    padding: 0 !important;

  }

}



@media only screen and (max-width: 787px) {

  .table.table02 th {

    background-color: #666;

    font-size: 14px;

    color: #fff;

    font-weight: bold;

  }

  .table.table02 th.space {

    display: none;

  }

}

.table.table02 td {

  line-height: 1.4;

  min-height: 100px;

}

.table.table02 td.year {

  white-space: nowrap;

}

.table.table02 td.year-summary {

  width: 30%;

}



@media only screen and (min-width: 788px) {

  .table.table02 td.space {

    width: 1em;

    padding: 0 !important;

    border-left: 1px solid #efefef;

    border-right: 1px solid #efefef;

  }

}



@media only screen and (max-width: 787px) {

  .table.table02 td.space {

    display: none;

  }

}

.table.table02 td img {

  width: 200px;

  height: auto;

  float: left;

  margin-right: 10px;

}



@media only screen and (max-width: 787px) {

  .table.table02 td img {

    width: 100%;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: block;

    height: auto;

  }

}



@media only screen and (max-width: 787px) {

  .table.table02 tr {

    border-bottom: 1px solid #ccc;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

  }

}

.table.table02 tr.even {

  background-color: #eee;

}



@media only screen and (min-width: 788px) {

  .table.table02 tr.even .space {

    background: #fff;

  }

}

.table.table03 {

  border-bottom: 1px solid #ccc;

  border-right: 1px solid #ccc;

}

.table.table03 td,
.table.table03 th {

  padding: 5px 9px;

  border-top: 1px solid #ccc;

  border-left: 1px solid #ccc;

  min-width: 24px;


}

.table.table03 th {

  text-align: center;

  background-color: #eee;

}

.table.table04 {

  border-bottom: 1px solid #ccc;

  border-right: 1px solid #ccc;

}

.table.table04 td,
.table.table04 th {



  padding: 12px 10px;

  border-top: 1px solid #ccc;

  border-left: 1px solid #ccc;

  text-align: center;

  line-height: 1.3;

}



@media only screen and (min-width: 788px) {

  .table.table04 td .ltSpace,
  .table.table04 th .ltSpace {

    letter-spacing: 0.3em;

  }

  .table.table04 td .ltSpace.leftSet,
  .table.table04 th .ltSpace.leftSet {

    padding-left: 5px;

  }

}

.table.table04 th {

  background-color: #eee;

  font-size: 100%;

}

.table.table04 th b {

  font-size: 120%;

}

.table.table04 td {

  font-size: 140%;

}

.table.table04 td small {

  font-size: 75% !important;

  padding-left: 2px;

}



@media only screen and (max-width: 787px) {

  .table.table04 {

    display: block;

    width: 100%;

  }

  .table.table04 thead {

    display: block;

    float: left;

  }

  .table.table04 tbody {

    display: block;

    width: auto;

    overflow-x: auto;

    white-space: nowrap;

  }

  .table.table04 tbody tr {

    width: 100%;

    margin: 0 !important;

  }

  .table.table04 th {

    display: block;

    width: auto;

    font-size: 14px !important;

  }

  .table.table04 th b {

    font-size: 14px;

  }

  .table.table04 tbody tr {

    display: inline-block;

    margin: 0 -3px;

  }

  .table.table04 td {

    display: block;

    font-size: 14px !important;

  }

}



@media only screen and (max-width: 787px) {

  .img {

    margin-bottom: 0;

  }

  .img.no-requid img {

    width: auto;

    height: auto;

  }

  .img.imgsizeing img {

    /*max-width:100%;*/

  }

  .img.imgfloats img {

    max-width: 48%;

  }

  .img.imgarightRight img {

    float: right;

    padding: 0 0 1em 1em;

  }

  .img .caption.cap-r {

    text-align: right;

  }

}



@media only screen and (min-width: 788px) {

  .section {

    margin-bottom: 30px;

  }

  .section .txt hr {
    width: 750px;
    text-align: left;
    margin-left: 0px;
    border: 0;
    border-top: 1px double #FF0000;
  }

}



@media only screen and (max-width: 787px) {

  .section {

    margin-bottom: 5%;

  }

  .section .txt hr {
    width: 100%;
    border: 0;
    border-top: 1px solid #FF0000;
  }

  .theme-top_box{
    position: relative;
    background-color: #ffcaff; 
    border: #ff65fe 2px solid; 
    text-align: center; 
    width: 300px; 
    top:25px; 
    margin-left: auto;
    margin-right: auto;
  }

  .theme-top_box2{
    position: relative;
    background-color: #c5e0b5; 
    border: #587944 2px solid; 
    text-align: center; 
    width: 300px; 
    top:25px; 
    margin-left: auto;
    margin-right: auto;
  }

  .theme-top_box3{
    position: relative;
    background-color: #8dc5f8; 
    border: #0170c2 2px solid; 
    text-align: center; 
    width: 300px; 
    top:25px; 
    margin-left: auto;
    margin-right: auto;
  }

  .theme-top_box4{
    position: relative;
    background-color: #fff2cd;
    border: #e6be4d 2px solid; 
    text-align: center; 
    width: 300px; 
    top:25px; 
    margin-left: auto;
    margin-right: auto;
  }

  .theme-top_box5{
    position: relative;
    background-color: #cbccff; 
    border: #7131a1 2px solid; 
    text-align: center; 
    width: 300px; 
    top:25px; 
    margin-left: auto;
    margin-right: auto;
  }


 .img_flex{
  margin-top: 20px;
 }
 
 .img_flex-box{
  text-align: center;
 }
 .img_flex-box2{
  text-align: center;
 }
 .img_flex-box3{
  text-align: center;
 }
 
 .img_flex-box2_tx{
 
  text-align: center;
 }
 .img_flex-box3_tx{
 
  text-align: center;
 }

  .img_flex-box img{
    margin-top: 10px;
    width: 100%;
    height: auto;
   
  }

  .img_flex-box2 img{
  margin-top: 20px;
   width: 100%;
    height: auto;
   
  }
  .img_flex-box3 img{
    margin-top: 20px;
     width: 100%;
      height: auto;
     
    }


}

.section .catch {

  font-size: 15px;

  font-weight: bold;

  margin-bottom: 30px;

}

.section .txt {

  margin-bottom: 20px;

}

.section .txt p+p {

  margin-top: 1em;

}

.section .txt img {

  width: 100%;

}

.section .unit {

  margin-bottom: 30px;

  overflow: hidden;

  *zoom: 1;

}

.section .imgBoxItem img {

  width: auto;

}



.sub-Text {

  margin-bottom: 1em;

  text-indent: -1em;

  padding-left: 1em;

  font-size: 70%;

}



@media only screen and (max-width: 787px) {

  .sub-Text {

    margin-bottom: 1em;

    text-indent: -8px;

    padding-left: 1em;

    line-height: 16px;

  }

}


@media only screen and (min-width: 788px) {

  .factory-event {

    border: 2px dashed cornflowerblue;

    margin-bottom: 3%;

    padding: 1em 3em 1em 3em;

    border-radius: 10px 10px;

    max-width: 50%;

  }

}

@media only screen and (max-width: 787px) {

  .factory-event {

    border: 2px dashed cornflowerblue;

    margin-bottom: 3%;

    padding: 1em 3em 1em 3em;

    border-radius: 10px 10px;

    max-width: 100%;

  }

}

/*----------------------------------------------

table

----------------------------------------------*/

.tableTypeB {

  width: 100%;

  margin-bottom: 24px;

}

.tableTypeB tr th,

.tableTypeB tr td {

  text-align: center;

  box-sizing: border-box;

  padding: 5px 0 3px;

}

.tableTypeB tr td.holiday {

  background: #E7E6EB;

}

.tableTypeB tr th.sunday {

  color: #EE313F;

}

.tableTypeB tr th.saturday {

  color: #267CF3;

}

.month {

  background: #666;

  color: #fff;

  box-sizing: border-box;

  padding: 3px 0 5px 1em;

}

.month .number {

  font-size: 18px;

  padding: 0 0 0 0.8em;

}

.widtA {

  width: 126px;

}

.widtB {

  width: 151px;

}

.widtC {

  width: 62px;

}

.widtD {

  width: 285px;

}



@media only screen and (max-width: 787px) {

  .scroll {

    overflow: auto;

    white-space: nowrap;

  }

  .scroll:-webkit-scrollbar {

    /*tableにスクロールバーを追加*/

    height: 5px;

  }

  .scroll:-webkit-scrollbar-track {

    /*tableにスクロールバーを追加*/

    background: #F1F1F1;

  }

  .scroll:-webkit-scrollbar-thumb {

    /*tableにスクロールバーを追加*/

    background: #BCBCBC;

  }

}



@media only screen and (max-width: 787px) {

  .tableCells {

    box-sizing: border-box;

    border-right: 1px solid #4f4d47;

    overflow-x: scroll;

    -webkit-overflow-scrolling: touch;

  }

  .tableCells table {

    border-right: none;

  }

}

.block {

  display: block !important;

}



@media only screen and (min-width: 788px) {

  .block-pc {

    display: block;

  }

}



@media only screen and (max-width: 787px) {

  .block-pc {

    display: none;

  }

}



@media only screen and (min-width: 788px) {

  .block-sp {

    display: none;

  }

}



@media only screen and (max-width: 787px) {

  .block-sp {

    display: block;

  }

}



@media only screen and (min-width: 788px) {

  .pcNone {

    display: none;

  }

}



@media only screen and (max-width: 787px) {

  .spNone {

    display: none;

  }

}



@media only screen and (max-width: 787px) {

  .spBlock {

    display: block;

  }

}



/*------------------------------------------------

  youtube style

------------------------------------------------*/

.youtubeStyle {

  position: relative;

  margin: 0 auto;

}



@media only screen and (max-width: 787px) {

  .youtubeStyle {

    width: 100%;

  }

}

.youtubeStyle iframe {

  position: absolute;

  top: 0;

  right: 0;

  width: 100% !important;

  height: 100% !important;

}

.popup-iframe {

  vertical-align: bottom;

}

.popup-iframe img {

  width: 100%;

  vertical-align: bottom;

}

.youtubeStyle .video-js {

  margin: 0 auto !important;

}

.accessGoogle {

  width: 100%;

  height: 566px;

}



/*------------------------------------------------

  slide

------------------------------------------------*/

.slide-position {

  position: relative;

  z-index: 0;

  width: 100%;

}

.slide-position .slide-items {

  position: absolute;

  z-index: 99;

  background: #c3002f;

  display: block;

  text-decoration: none;

  font-weight: bold;

  text-align: center;

  color: #fff;

}



@media only screen and (min-width: 788px) {

  .slide-position .slide-items {

    left: 3%;

    bottom: 5.5%;

    width: 20%;

    font-size: 120%;

    padding: 1% 0;

  }

  .slide-position .slide-items:hover {

    background: rgba(195, 0, 47, 0.8);

  }

}



@media only screen and (max-width: 787px) {

  .slide-position .slide-items {

    left: 3%;

    bottom: 6%;

    width: 25%;

    font-size: 80%;

    line-height: 1.6;

  }

}



/*------------------------------------------------

  Free Style

------------------------------------------------*/

.fontLarge {

  font-size: 18px;

}

.freeMaingBtA {

  margin-bottom: 24px;

}

.olStyle {

  margin: 1em 0;

  padding-left: 1.75em;

  list-style-type: decimal;

}

.textAlignCenter {

  text-align: center;

}

.tableTypeA {

  width: 624px;

  border-right: 1px #ddd solid;

  border-top: 1px #ddd solid;

}

.tableTypeA tr td,

.tableTypeA tr th {

  padding: 5px;

  box-sizing: border-box;

  border-left: 1px #ddd solid;

  border-bottom: 1px #ddd solid;

}

.tableTypeA tr th {

  background: #c6ecff;

}

.tableTypeA tr td.maru {

  text-align: center;

}

.tableTypeA tr td.maru img {

  width: 20px;

  height: 20px;

}

.hide_box_title {

  cursor: pointer;

  background-color: #C3002F;

  color: #fff;

  margin-bottom: 3%;

  font-size: 18px;

  *zoom: 1;

  padding: 5px 15px;

}

.hide_box_title:after {

  content: "";

  display: table;

  clear: both;

}

.red_box_title {

  background-color: #C3002F;

  color: #fff;

  margin-bottom: 3%;

  font-size: 18px;

  *zoom: 1;

  padding: 5px 15px;

}

.red_box {

  display: inline;

}

@media only screen and (max-width: 787px) {

  .hide_box_title {

    margin-bottom: 1em;

  }

}

.hide_box_title.nvg03 {

  background-color: #666;

  color: #fff;

}

.hide_box_title.nvg06 {

  background-color: #4c4c4d;

  color: #fff;

}

.hide_box_title h4 {

  white-space: nowrap;

  float: left;

  cursor: pointer;

}



@media only screen and (max-width: 787px) {

  .hide_box_title h4 {

    font-size: 18px;

  }

}

.hide_box_title p {

  float: right;

  cursor: pointer;

  white-space: nowrap;

  font-size: 16px;

}



@media only screen and (max-width: 787px) {

  .hide_box_title p small {

    display: none;

  }

}

.hide_box_title p i {

  margin-left: 10px;

  padding-top: 8px;

}

.hide_box {

  display: none;

}

.img_unrequid {

  width: auto;

  height: auto;

}

.innerLinks a {

  color: #c3002f;

}

a.linkRed {

  color: #c3002f !important;

}



@media only screen and (min-width: 788px) {

  .imgCtr_A img {

    max-width: 68.5%;

  }

}



@media only screen and (max-width: 787px) {

  .imgCtr_A img {

    max-width: 48.5%;

  }

}



@media only screen and (min-width: 788px) {

  .nohover:hover {

    opacity: 1 !important;

  }

}



@media only screen and (min-width: 788px) {

  .negative_top_25 {

    margin-top: -25px;

  }

  .negative_top_29 {

    margin-top: -29px;

  }

  .negative_top_50 {

    margin-top: -50px;

  }

  .negative_top_100 {

    margin-top: -100px;

  }

  .negative_top_150 {

    margin-top: -150px;

  }

  .negative_top_200 {

    margin-top: -200px;

  }

}

.centerImgType {

  text-align: center;

  padding: 1.5em 0;

}

.centerImgType.style80 a {

  display: block;

  width: 80%;

  margin: 0 auto;

}

.centerImgType.style80 img {

  max-width: 100%;

}

.centerImgType.style70 a {

  display: block;

  width: 70%;

  margin: 0 auto;

}

.centerImgType.style70 img {

  max-width: 100%;

}

.centerImgType.style60 a {

  display: block;

  width: 60%;

  margin: 0 auto;

}

.centerImgType.style60 img {

  max-width: 100%;

}

@media only screen and (min-width: 788px) {

  .centerImgType.style50 a {

    display: block;

    width: 50%;

    margin: 0 auto;

  }

  .centerImgType.style50 img {

    max-width: 100%;

  }

  .centerImgType.style40 a {

    display: block;

    width: 40%;

    margin: 0 auto;

  }

  .centerImgType.style40 img {

    max-width: 100%;

  }

}

@media only screen and (max-width: 787px) {

  .centerImgType.style50 a {

    display: block;

    width: 100%;

    margin: 0 auto;

  }

  .centerImgType.style50 img {

    max-width: 100%;

  }

  .centerImgType.style40 a {

    display: block;

    width: 100%;

    margin: 0 auto;

  }

  .centerImgType.style40 img {

    max-width: 100%;

  }

}

@media only screen and (min-width: 788px) {

  .imgBlock199 img {

    max-width: 199px !important;

  }

}



@media only screen and (min-width: 788px) {

  .imgBlock285 img {

    max-width: 285px !important;

  }

}



@media only screen and (min-width: 788px) {

  .imgBlock420 img {

    max-width: 420px !important;

  }

}



@media only screen and (min-width: 788px) {

  .pcTextRight {

    text-align: right;

  }

}

ul.about_plugin {

  width: 100%;

  padding: 0 24px 0 0;

}



@media only screen and (max-width: 787px) {

  ul.about_plugin {

    overflow: hidden;

  }

}

ul.about_plugin li {

  width: 100px;

}



@media only screen and (min-width: 788px) {

  ul.about_plugin li {

    float: left;

    margin: 0 14px 0 0;

  }

}

ul.about_plugin li span {

  width: 100px;

}



@media only screen and (min-width: 788px) {

  ul.about_plugin li span {

    float: left;

    font-size: 10px;

  }

}



@media only screen and (max-width: 787px) {

  ul.about_plugin li span {

    float: left;

  }

}



@media only screen and (max-width: 787px) {

  ul.about_plugin li {

    width: 100%;

    display: block;

    overflow: hidden;

    margin-bottom: 1em;

  }

}



@media only screen and (max-width: 787px) {

  ul.about_plugin li .bLink1 {

    display: block;

    float: left;

    width: 100px;

  }

}



@media only screen and (max-width: 787px) {

  ul.about_plugin li .bLink2 {

    display: block;

    float: left;

    width: 150px;

    box-sizing: border-box;

    padding-left: 1em;

  }

}

.textIndet1 {

  text-indent: 8px;

}



/*------------------------------------------------

  検索　mf_contents

------------------------------------------------*/

.mf_searchbox_inner img#clearText {

  width: 24px;

}

#mf_powered a img {

  width: 197px;

}

.sp-thumbnail {

  width: 100% !important;

  margin-left: 0 !important;

  height: auto !important;

}



/*------------------------------------------------

  top

------------------------------------------------*/



@media only screen and (min-width: 788px) {

  #top #mainimg {

    max-width: 1520px;

    overflow: hidden;

    margin: 0 auto;

  }

}



@media only screen and (max-width: 787px) {

  #top #mainimg {

    width: 100%;

  }

}

#top #mainimg img {

  width: 100%;

  height: auto;

}



@media only screen and (max-width: 787px) {

  #top #mainimg img {

    margin-top: 0 !important;

  }

}

#top #mainimg .sp-buttons {

  position: relative;

  top: -30px;

}

#top #mainimg .sp-button {

  width: 10px;

  height: 10px;

  border: none;

  background-color: #ccc;

}

#top #mainimg .sp-selected-button {

  background-color: #C3002F;

}



@media only screen and (min-width: 788px) {

  #top .content-links {

    margin-bottom: 10%;

  }

}

@media only screen and (min-width: 788px) {

  #top .content-links-bb {

    margin-bottom: 10%;

  }

}




@media only screen and (max-width: 787px) {

  #top .content-links {

    margin-bottom: 5%;

  }

}

@media only screen and (max-width: 787px) {

  #top .content-links-bb {

    margin-bottom: 5%;

  }

}

#top .content-links ul {

  margin: 0 auto;

  overflow: hidden;

  *zoom: 1;

}

#top .content-links-bb ul {

  margin: 0 auto;

  overflow: hidden;

  *zoom: 1;

}

#top .content-links ul li {

  width: 48%;

  float: left;

  margin-right: 4%;

  margin-bottom: 5%;

}

#top .content-links-bb ul li {

  width: 48%;

  float: left;

  margin-right: 4%;

  margin-bottom: 5%;

}

#top .content-links ul li img {

  vertical-align: bottom;

  width: 100%;

}

#top .content-links-bb ul li img {

  vertical-align: bottom;

  width: 100%;

}

img.sp-banner {



  display: none;

}



#top #header {

  border: none;

  margin-bottom: 0;

}



@media only screen and (max-width: 480px) {

  #top .content-links ul li {

    width: 100%;



    margin-bottom: 2%
  }



  #top .content-links ul li img {

    display: none;

  }



  #top .content-links ul li img.sp-banner {



    display: block;

  }

}

@media only screen and (max-width: 480px) {

  #top .content-links-bb ul li {

    width: 100%;



    margin-bottom: 2%
  }



  #top .content-links-bb ul li img {

    display: none;

  }



  #top .content-links-bb ul li img.sp-banner {



    display: block;

  }

}



@media only screen and (max-width: 787px) {

  #top #mainimg {

    margin-bottom: 25px;

  }

}

#top #mainimg .sp-bottom-thumbnails {

  margin-top: -35px;

}



@media only screen and (min-width: 788px) {

  #top .content-bnr {

    padding: 0 18px;

    margin-bottom: 30px;

  }

}



@media only screen and (max-width: 787px) {

  #top .content-bnr {

    margin-bottom: 5%;

  }

}



@media only screen and (min-width: 788px) {

  #top .content-bnr ul {

    margin: 0 auto;

    overflow: hidden;

    *zoom: 1;

  }

}



@media only screen and (min-width: 788px) {

  #top .content-bnr ul li {

    width: 32%;

    float: left;

    margin-right: 2%;

  }

}

#top .content-bnr ul li img {

  vertical-align: bottom;

}



@media only screen and (min-width: 788px) {

  #top .content-bnr ul li.last {

    margin-right: 0;

  }

}



@media only screen and (max-width: 787px) {

  #top .sp-thumbnails {

    display: none;

  }

}



@media only screen and (max-width: 787px) {

  #top #content-bnr {

    margin-bottom: 5%;

  }

  #top #content-bnr ul {

    width: 95%;

    margin: 0 auto;

  }

  #top #content-bnr ul li img {

    vertical-align: bottom;

  }

  #top #content-bnr ul li.last {

    margin-right: 0;

  }

}

#top .newslist {

  padding: 20px 0 0;

  background: transparent url("../IMG/TOP/news_bg.gif") left top repeat;

}



@media only screen and (min-width: 788px) {

  #top .newslist .news-inner {

    max-width: 1280px;

    margin: 0 auto;

    position: relative;

    padding: 0 20px;

  }

}



@media only screen and (max-width: 787px) {

  #top .newslist .news-inner {

    width: 95%;

    margin: 0 auto;

    padding-bottom: 20px;

  }

}

#top .newslist .news-inner .title-unit {

  border-bottom: 2px solid #C3002F;

}



@media only screen and (min-width: 788px) {

  #top .newslist .news-inner .title-unit {

    overflow: hidden;

    *zoom: 1;

    padding: 0 30px 15px;

  }

}



@media only screen and (min-width: 788px) {

  #top .newslist .news-inner .title-unit h2 {

    white-space: nowrap;

    float: left;

    font-size: 20px;

    font-weight: bold;

  }

}



@media only screen and (max-width: 787px) {

  #top .newslist .news-inner .title-unit h2 {

    font-size: 24px;

    text-align: center;

  }

}



@media only screen and (min-width: 788px) {

  #top .newslist .news-inner .list-link {

    position: absolute;

    top: 0;

    right: 30px;

  }

}



@media only screen and (max-width: 787px) {

  #top .newslist .news-inner .list-link a {

    display: block;

    background-color: #C3002F;

    text-align: center;

    padding: 10px 20px;

    color: #fff;

    text-decoration: none;

  }

}



@media only screen and (max-width: 787px) {

  #top .newslist .news-inner ul {

    margin-bottom: 5%;

  }

}



@media only screen and (min-width: 788px) {

  #top .newslist .news-inner ul li {

    margin-top: 15px;

    padding: 0 30px 15px;

    border-bottom: 1px solid #c4c4c4;

    overflow: hidden;

    *zoom: 1;

  }

  #top .newslist .news-inner ul li:last-child {

    border: none;

  }

}



@media only screen and (max-width: 787px) {

  #top .newslist .news-inner ul li {

    font-size: 12px;

    margin-top: 15px;

    padding: 0 2% 5%;

    border-bottom: 1px solid #c4c4c4;

    overflow: hidden;

    *zoom: 1;

  }

}



@media only screen and (min-width: 788px) {

  #top .newslist .news-inner ul li .date {

    display: block;

    float: left;

    margin-right: 40px;

    white-space: nowrap;

    width: 107px;

    box-sizing: border-box;

  }

}



@media only screen and (max-width: 787px) {

  #top .newslist .news-inner ul li .date {

    display: block;

    float: left;

    margin-right: 10px;

    white-space: nowrap;

    width: 100px;

    box-sizing: border-box;

  }

}

#top .newslist .news-inner ul li .icn {

  background-color: #4c4c4c;

  font-size: 10px;

}



@media only screen and (min-width: 788px) {

  #top .newslist .news-inner ul li .icn {

    display: table;

    width: 60px;

    height: 18px;

    float: left;

    line-height: 1.4;

    padding: 1px 5px 2px 5px;

    margin-right: 20px;

    color: #fff;

    text-align: center;

    margin-top: 1px;

  }

  #top .newslist .news-inner ul li .icn .positions {

    display: table-cell;

    vertical-align: middle;

  }

}



@media only screen and (max-width: 787px) {

  #top .newslist .news-inner ul li .icn {

    display: block;

    width: 60px;

    margin-right: 20px;

    float: left;

    line-height: 1.2;

    padding: 3px 10px;

    color: #fff;

    text-align: center;

  }

}

#top .newslist .news-inner ul li .link {

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  width: 74%;

  float: left;

}

#top .newslist .news-inner ul li .link a {

  text-decoration: none;

}


#top .newslist .news-inner ul li .event a {

  font-weight: bold
}



@media only screen and (min-width: 788px) {

  #top .content-links {

    padding: 15px 20px;

    margin-bottom: 30px;

  }

}

@media only screen and (min-width: 788px) {

  #top .content-links-bb {

    padding: 15px 20px;

    margin-bottom: 30px;

  }

}



@media only screen and (max-width: 787px) {

  #top .content-links {

    width: 90%;

    margin: 0 auto;

  }

}

@media only screen and (max-width: 787px) {

  #top .content-links-bb {

    width: 90%;

    margin: 0 auto;

  }

}



@media only screen and (min-width: 788px) {

  #top .content-links ul {

    margin: 0 auto;

    overflow: hidden;

    *zoom: 1;

  }

}

@media only screen and (min-width: 788px) {

  #top .content-links-bb ul {

    margin: 0 auto;

    overflow: hidden;

    *zoom: 1;

  }

}

#top .content-links ul li.half p+p {

  margin-top: 10px;

}

#top .content-links-bb ul li.half p+p {

  margin-top: 10px;

}



@media only screen and (min-width: 788px) {

  #top .content-links ul li {

    width: 23%;

    float: left;

    margin: 0 2% 2% 0;

  }


}

@media only screen and (min-width: 788px) {

  #top .content-links-bb ul li {

    width: 31%;

    float: left;

    margin: 0 2% 2% 0;

  }


}



@media only screen and (min-width: 788px) {

  #top .content-links ul li img {

    vertical-align: bottom;

  }

}

@media only screen and (min-width: 788px) {

  #top .content-links-bb ul li img {

    vertical-align: bottom;

  }

}



@media only screen and (min-width: 788px) {

  #top .content-links ul li.last-pc {

    margin-right: 2%;

  }

}

@media only screen and (min-width: 788px) {

  #top .content-links-bb ul li.last-pc {

    margin-right: 2%;

  }

}



@media only screen and (max-width: 787px) {

  #top .content-links ul li.last-sp {

    margin-right: 0;

  }

}

@media only screen and (max-width: 787px) {

  #top .content-links-bb ul li.last-sp {

    margin-right: 0;

  }

}



@media only screen and (min-width: 788px) {

  #company.l-01 #s01 .txt {

    float: left;

    width: 300px;

  }

}



@media only screen and (min-width: 788px) {

  #company.l-01 #s01 .img {

    float: right;

    width: 300px;

  }

}



@media only screen and (min-width: 788px) {

  #company.l-04 #s01 .txt {

    float: left;

    width: 400px;

  }

}



@media only screen and (min-width: 788px) {

  #company.l-04 #s01 .img {

    float: right;

    width: 200px;

  }

}

#factory_tour.l-01 .mainimg {

  margin-bottom: 3%;

}

#factory_tour.l-01 .contact-layout {

  margin-bottom: 20px;

  overflow: hidden;

  *zoom: 1;

}



@media only screen and (min-width: 788px) {

  #factory_tour.l-01 .contact-layout .btn-column {

    width: 50%;

    float: left;

  }

}



@media only screen and (max-width: 787px) {

  #factory_tour.l-01 .contact-layout .btn-column {

    margin-bottom: 3%;

  }

}



@media only screen and (min-width: 788px) {

  #factory_tour.l-01 .contact-layout .txt-column {

    width: 45%;

    float: right;

    font-size: 16px;

    line-height: 1.4;

  }

}



@media only screen and (max-width: 787px) {

  #factory_tour.l-01 .contact-layout .txt-column {

    font-size: 14px;

    line-height: 1.4;

  }

}

#factory_tour.l-01 .fac-schedule {

  overflow: hidden;

  *zoom: 1;

}

#factory_tour.l-01 .fac-schedule .fac-column {

  background-color: #f5f5f5;

  padding: 10px 0 15px;

}



@media only screen and (min-width: 788px) {

  #factory_tour.l-01 .fac-schedule .fac-column {

    width: 48%;

    margin-right: 4%;

  }

}

#factory_tour.l-01 .fac-schedule .fac-column.last {

  margin-right: 0;

}

#factory_tour.l-01 .fac-schedule .fac-schedule-title {

  margin: 0 20px 20px;

  border-bottom: 1px solid #c9c9c9;

}

#factory_tour.l-01 .fac-schedule .fac-schedule-title span {

  font-size: 24px;

  color: #2576c1;

}

#factory_tour.l-01 .fac-schedule .fac-schedule-txt,
#factory_tour.l-01 .fac-schedule .fac-schedule-img {

  margin: 0 20px 10px;

}

#news .newslist {

  padding: 20px 0 0;

}



@media only screen and (min-width: 788px) {

  #news .newslist .news-inner {

    width: 1280px;

    margin: 0 auto;

    position: relative;

  }

}



@media only screen and (max-width: 787px) {

  #news .newslist .news-inner {

    width: 95%;

    margin: 0 auto;

    padding-bottom: 20px;

  }

}

#news .newslist .news-inner .title-unit {

  border-bottom: 2px solid #C3002F;

}



@media only screen and (min-width: 788px) {

  #news .newslist .news-inner .title-unit {

    overflow: hidden;

    *zoom: 1;

    padding: 0 30px 15px;

  }

}



@media only screen and (min-width: 788px) {

  #news .newslist .news-inner .title-unit h2 {

    white-space: nowrap;

    float: left;

    font-size: 20px;

    font-weight: bold;

  }

}



@media only screen and (max-width: 787px) {

  #news .newslist .news-inner .title-unit h2 {

    font-size: 24px;

    text-align: center;

  }

}



@media only screen and (min-width: 788px) {

  #news .newslist .news-inner .list-link {

    position: absolute;

    top: 0;

    right: 30px;

  }

}



@media only screen and (max-width: 787px) {

  #news .newslist .news-inner .list-link a {

    display: block;

    background-color: #C3002F;

    text-align: center;

    padding: 10px 20px;

    color: #fff;

    text-decoration: none;

  }

}



@media only screen and (max-width: 787px) {

  #news .newslist .news-inner ul {

    margin-bottom: 5%;

  }

}



@media only screen and (min-width: 788px) {

  #news .newslist .news-inner ul li {

    margin-top: 15px;

    padding: 0 30px 15px 0;

    border-bottom: 1px solid #c4c4c4;

    overflow: hidden;

    *zoom: 1;

  }

}



@media only screen and (max-width: 787px) {

  #news .newslist .news-inner ul li {

    font-size: 12px;

    margin-top: 15px;

    padding: 0 2% 5%;

    border-bottom: 1px solid #c4c4c4;

    overflow: hidden;

    *zoom: 1;

  }

}



@media only screen and (min-width: 788px) {

  #news .newslist .news-inner ul li .date {

    display: block;

    float: left;

    margin-right: 20px;

    white-space: nowrap;

    width: 107px;

    box-sizing: border-box;

  }

}



@media only screen and (max-width: 787px) {

  #news .newslist .news-inner ul li .date {

    display: block;

    float: left;

    margin-right: 10px;

    white-space: nowrap;

    width: 100px;

    box-sizing: border-box;

  }

}

#news .newslist .news-inner ul li .icn {

  background-color: #4c4c4c;

  font-size: 10px;

}



@media only screen and (min-width: 788px) {

  #news .newslist .news-inner ul li .icn {

    display: table;

    width: 60px;

    height: 18px;

    float: left;

    line-height: 1.4;

    padding: 3px 5px 2px 5px;

    margin-right: 20px;

    color: #fff;

    text-align: center;

    margin-top: 3px;

  }

  #news .newslist .news-inner ul li .icn .positions {

    display: table-cell;

    vertical-align: middle;

  }

}



@media only screen and (max-width: 787px) {

  #news .newslist .news-inner ul li .icn {

    display: block;

    width: 60px;

    margin-right: 20px;

    float: left;

    line-height: 1.2;

    padding: 3px 10px;

    color: #fff;

    text-align: center;

  }

  #news .newslist .news-inner ul li .link {

    display: block;

    width: 100%;

    float: left;

  }

}

@media only screen and (min-width: 788px) {

  #news .newslist .news-inner ul li .link {

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    width: 657px;

    float: left;

  }

}

#news .newslist .news-inner ul li .link a {

  text-decoration: none;

}

#news .newslist .news-inner ul li .event a {

  font-weight: bold
}



/*------------------------------------------------

  会社概要

------------------------------------------------*/

.members {

  overflow: hidden;

}



@media only screen and (min-width: 788px) {

  .members .name,
  .members .kana,
  .members .position {

    display: inline-block;

  }

  .members .name {

    width: 90px;

  }

  .members .kana {

    width: 145px;

    font-size: 12px;

  }

  .members .position {

    width: 200px;

  }

}



@media only screen and (max-width: 787px) {

  .members .name,
  .members .kana,
  .members .position {

    display: block;

  }

  .members .kana {

    font-size: 10px;

  }

}



/*------------------------------------------------

  movies

------------------------------------------------*/

#cmo_move {

  text-align: center;

}



@media only screen and (min-width: 788px) {

  #cmo_move .wakus {

    margin: 0 auto;

    width: 640px;

  }

  #cmo_move .wakus .comment {

    text-align: left;

    box-sizing: border-box;

    padding-left: 10px;

  }

}



@media only screen and (max-width: 787px) {

  #cmo_move .wakus video {

    width: 100%;

  }

  #cmo_move .wakus .comment {

    text-align: left;

    box-sizing: border-box;

    padding-left: 10px;

  }

}



/*------------------------------------------------

  クルマ造り

------------------------------------------------*/

ul.car_list li {

  float: left;

  border: 7px solid #eee;

  width: 30%;

  margin-right: 5px;

  height: 450px;

}

.car_text {

  padding: 10px;

  height: 190px;

}

ul.car_list li .car_text p {

  font-size: 85%;

}

.center {

  text-align: center;

}

.t_btn {

  font-size: 80%;

  padding: 5px 15px;

  border: 1px solid #C3002F;

  margin: 10px 0;

  color: #C3002F;

  text-decoration: none;

}

@media only screen and (min-width: 788px) {

  .video {
    position: relative;
    overflow: hidden;
  }

}

@media only screen and (max-width: 787px) {

  .video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }

  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

}

@media only screen and (min-width: 788px) {

  #production.l-01 #s01 .img {

    float: right;

    width: 200px;

  }

}

.link_hover {

  font-size: 80%;

  padding: 5px 15px;

  border: 1px solid #C3002F;

  margin: 30px 0;

  color: #C3002F;

  text-decoration: none;

  display: -moz-box;

}

.box_01 {

  background: #EEE;

  padding: 10px;

}

.img_tit {

  margin: 10px 0 20px;

}

.left {

  float: left;

}

.right {

  float: right;

}

.slogan {

  font-weight: bold;

  font-size: 160%;

  color: #C3002F;

}

.arrange {

  display: block;

  text-indent: -1em;

  padding-left: 1em;

}



@media only screen and (min-width: 788px) {

  .jisseki {

    width: 200px;

    padding-right: 5px;

    padding-left: 5px;

    line-height: 2;

    font-size: 80%;

  }

}

.jisseki dt {

  line-height: 2;

  font-weight: bold;

}

#EnviTable {

  border: 1px double #666666;

}

table.EnviTable {

  border-collapse: collapse;

  width: 100%;

  margin-bottom: 20px;

}

table.EnviTable th,
table.EnviTable td {

  border: 1px solid #ddd;

  font-size: 13px;

  padding: 9px;

  vertical-align: middle;

}

table.EnviTable th {

  background: #B9D5FF;

  text-align: center;

  font-weight: bold;

}

table.EnviTable td {

  background: #fff;

  vertical-align: middle;

}

#SiteMap ul>li {

  font-size: 14px;

  font-weight: bold;

  margin-bottom: 3%;

  border-bottom: 1px #ddd solid;

}



@media only screen and (min-width: 788px) {

  #SiteMap ul>li.inners {

    margin-left: 1em;

  }

}



@media only screen and (max-width: 787px) {

  #SiteMap ul>li {

    font-size: 12px;

    font-weight: normal;

  }

  #SiteMap ul>li.inners {

    margin-left: 1em;

  }

}



@media only screen and (min-width: 788px) {

  #SiteMap ul li ul.listtop {

    padding: 5px 0 0 160px;

    margin-top: -30px;

    margin-bottom: 40px;

  }

}



@media only screen and (max-width: 787px) {

  #SiteMap ul li ul.listtop {

    margin-left: 1em;

  }

}



@media only screen and (min-width: 788px) {

  #SiteMap ul li ul.listtop li {

    margin-bottom: 6px;

    border-bottom: none;

  }

}



@media only screen and (max-width: 787px) {

  #SiteMap ul li ul.listtop li {

    font-size: 12px;

    font-weight: normal;

    border-bottom: none;

  }

}



/*------------------------------------------------

  スライダー

------------------------------------------------*/



@media only screen and (min-width: 788px) {

  .sp-previous-arrow:hover,

  .sp-next-arrow:hover {

    opacity: 0.85;

  }

}



/*------------------------------------------------

  その他

------------------------------------------------*/
/*
@media screen and (max-width: 640px) {
    .sp-hidden { display:none; }
}

@media screen and (min-width: 640px) {
    .pc-hidden { display:none; }
}*/


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

  .sp-on {
    display: block;
  }

}

@media screen and (min-width: 769px) {
  .pc-hidden {
    display: none;
  }
}


.table-tour-2 {
  width: 35%;
  margin-right: 30px;
}

@media only screen and (max-width: 787px) {
  .table-tour-2 {
    width: 100%;
  }
}

.table-tour-2 td {
  text-align: center;
}

.table-tour-2 tr td:first-child {
  font-weight: bold;
}

.table-tour-2 tr td img {
  margin-top: 20px;
}

.visit-caution div {
  /*width: 40%; */
  text-align: center;
  padding: 10px 7px;
}

.visit-caution div p {
  text-align: left;
}

.layout.two-column_7-3 .column .visit-caution img {
  width: auto;
  display: block;
  padding-left: 35px;

}

@media screen and (max-width: 640px) {
  .visit-caution div {
    width: 40%;
  }

  .visit-caution div:nth-child(3) {
    float: none;
  }

  .layout.two-column_7-3 .column .visit-caution img {
    width: 100%;
  }
}

.table-tour {
  width: 60%;
}

.table table-tour td {
  text-align: center;
}

tr #table_headimg {
  background-color: #2f74b5;
}

td #table_img {
  position: relative;
  margin-left: 10px;
}

@media screen and (max-width: 640px) {
  .table-tour {
    width: 100%;
  }
}

.contact-btn-next-row {
  width: 60%;
}

@media screen and (max-width: 640px) {
  .contact-btn-next-row {
    width: 100%;
  }
}

.sp-img_100 img {

  width: auto;

}

@media only screen and (max-width: 787px) {

  .sp-img_100 img {

    width: 100%;

  }

}

/*@media only screen and (max-width: 787px) {

	.sp-hidden{

		display:none;

	}

}*/



@media only screen and (max-width: 787px) {

  .event-banner a img {

    margin-left: 5%;

  }

}



@media only screen and (min-width: 788px) {

  .event-banner a img {

    max-width: 100%;

    margin-bottom: -5%;

    margin-left: 2%;



  }

  #bg_img {
    position: relative;

    >img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
    }

    #cover {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);

    }

  }

  @media only screen and (max-width: 787px) {
    #cover {
      width: 50%;
    }
  }

  @media screen and (min-width: 640px) {
    .pc-only-sns {
      float: right;
      margin-right: 92px;
    }
  }

  @media screen and (min-width:768px) and (max-width:1024px) {

    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
    .pc-only-sns {
      float: right;
      margin-right: 35px;
    }
  }

  .adjustIndent {
    text-indent: -1em;
    padding-left: 1em;
    display: contents;
  }

  .c-red {
    color: #DE4C5D;
  }

  .ver-top {
    vertical-align: top;
  }

  .mgt-2 {
    margin-top: 2%;
  }

  .wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .item {
    padding: 10px;
    width: 32%;
  }

  .top_margin10 {
    margin: 2%;
  }

  @media not all and (min-width: 768px) {
    .item {
      width: 100%;
    }

    .item:not(:last-child) {
      margin-bottom: 30px;
    }
  }

  / **** 2023年5月29日追加 ***** / a.btn-green {
    padding: 0.5em;
    margin: 10px 0;
    display: block;
    color: #fff !important;
    background: #00913D;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    border-radius: 3px;
    text-align: center;
    text-decoration: none !important;
  }

  a.btn-green:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: -3px 5px 0 0;
    background: url("https://www.nissankyushu.co.jp/FACTORY_TOUR/IMAGES/yazirushi_moushikomi.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
  }

  a.btn-green:hover {
    background: #5990c4;
  }


  @media screen and (min-width: 768px) {
    a.btn-green {
      background: #2f74b5;
      text-decoration: none;
      color: #fff;
      padding: 0.5em 2em;
      font-size: 20px;
      display: block;
      border-radius: 15px;
      text-align: center;
    }

    a.btn-green:before {
      margin: -3px 10px 0 0;
    }
  }

  @media screen and (max-width: 520px) {
    a.btn-green {
      background: #2f74b5;
      text-decoration: none;
      color: #fff;
      padding: 0.5em 2em;
      font-size: 20px;
      display: block;
      border-radius: 15px;
    }

    a.btn-green:before {
      margin: -3px 10px 0 0;
    }
  }


  /** PC イラスト **/
  .parent1 {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
  }

  .cilid1 {
    width: 800px;
  }

  .cilid2 {
    border: 1px solid #333;
    border-radius:
      padding: 10px;
  }

  /** 吹き出し **/

  .cilid2 {
    position: relative;
    display: inline-block;
    margin: 1.5em 0 1.5em 15px;
    padding: 19px 19px;
    min-width: 120px;
    max-width: 20%;
    color: #555;
    font-size: 14px;
    background: #FFF;
    border: solid 2px #555;
    box-sizing: border-box;
    border-radius: 30px;
    height: 100px;
  }

  .cilid2:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid #FFF;
    z-index: 2;
  }

  .cilid2:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-right: 14px solid #555;
    z-index: 1;
  }

  .cilid2 p {
    margin: 0;
    padding: 0;
  }


  .theme-top_box{
    position: relative;
    background-color: #ffcaff; 
    border: #ff65fe 3px solid; 
    text-align: center; 
    width: 300px; 
    top:25px; 
    margin-left: 30px;
  }

  .theme-top_box2{
    position: relative;
    background-color: #c5e0b5; 
    border: #587944 3px solid; 
    text-align: center; 
    width: 300px; 
    top:25px; 
    margin-left: 30px;
  }

  .theme-top_box3{
    position: relative;
    background-color: #8dc5f8; 
    border: #0170c2 3px solid; 
    text-align: center; 
    width: 300px; 
    top:25px; 
    margin-left: 30px;
  }

  .theme-top_box4{
    position: relative;
    background-color: #fff2cd;
    border: #e6be4d 3px solid; 
    text-align: center; 
    width: 300px; 
    top:25px; 
    margin-left: 30px;
  }

  .theme-top_box5{
    position: relative;
    background-color: #cbccff; 
    border: #7131a1 3px solid; 
    text-align: center; 
    width: 450px; 
    top:25px; 
    margin-left: 30px;
  }




  .img_flex {
    width: 100%;
    display: flex;
    justify-content: center;
   

  }

  .img_flex-box {
    display: flex;
    flex-direction: column;
    text-align: center;
    
  }
  .img_flex-box2 {
    display: flex;
    flex-direction: column;
    text-align: center;
    
  }
  .img_flex-box3 {
    display: flex;
    flex-direction: column;
    text-align: center;
    
  }


.img_flex-box img{
  width: auto; 
  height: 210px;
  margin:30px 20px 10px ;
  object-fit: cover;
}

.img_flex-box2 img{
  width: auto; 
  height: 180px;
  margin:30px 5px 10px ;
  object-fit: cover;
}
.img_flex-box3 img{
  width: auto; 
  height: 180px;
  margin:30px 10px 10px ;
  object-fit: cover;
}

  



  @media screen and (max-width: 1030px) {
    .theme-top_box{
  
      margin-left: auto;
      margin-right: auto;
    }
    .theme-top_box2{
  
      margin-left: auto;
      margin-right: auto;
    }
    .theme-top_box3{
  
      margin-left: auto;
      margin-right: auto;
    }
    .theme-top_box4{
  
      margin-left: auto;
      margin-right: auto;
    }
    .theme-top_box5{
  
      margin-left: auto;
      margin-right: auto;
    }

    .img_flex {
      margin-top: 20px;
      display: block;


    }
    
    .img_flex-box img{
      
      height: auto;
     
    }
 
    .img_flex-box2 img{
     
      height: auto;
     
    }
    .img_flex-box3 img{
     
      height: auto;
     
    }
.img_flex-box2_tx{
    
    text-align: center;
  }
  }

  @media only screen and (min-width: 788px) {

    #top .content-links {
  
      padding: 15px 20px;
  
      margin-bottom: 30px;
  
    }
  
  }

  @media only screen and (min-width: 788px) {

    #top .content-links-bb {
  
      padding: 15px 20px;
  
      margin-bottom: 30px;
  
    }
  
  }
  
  
  
  @media only screen and (max-width: 787px) {
  
    #top .content-links {
  
      width: 90%;
  
      margin: 0 auto;
  
    }
  
  }

  
  @media only screen and (max-width: 787px) {
  
    #top .content-links-bb {
  
      width: 90%;
  
      margin: 0 auto;
  
    }
  
  }