@charset "UTF-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : assets.css
 Style : assets
================================================================= */
/* gradation */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
* {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  counter-reset: number 0;
  line-height: 1.6em;
  font-weight: 500;
  letter-spacing: 0.6;
  color: #333;
  font-family: メイリオ, Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 13px;
  word-wrap: break-word;
}

html, body, div, span, applet, object, iframe, h1, .ttl01 h2, .ttl02 h2, 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, strong, 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 {
  font-weight: 500;
}

.inner {
  margin: 0 auto;
  max-width: 980px;
  padding: 0 10px;
}

@media screen and (min-width: 641px) and (max-width: 834px) {
  .inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media only screen and (max-width: 640px) {
  .inner {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

#contents_wrap {
  width: 100%;
  min-width: 100%;
  margin-bottom: 60px;
  overflow: hidden;
}

#contents {
  width: 100%;
  max-width: 980px;
  padding: 0 10px;
}

@media screen and (min-width: 641px) and (max-width: 834px) {
  #contents {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media only screen and (max-width: 640px) {
  #contents {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

#main {
  width: 100%;
}

#main #col_main {
  width: 73%;
  max-width: 700px;
  padding-left: 10px;
}

@media only screen and (max-width: 640px) {
  #main #col_main {
    padding-left: 0;
  }
}

#main #col_side1 {
  width: 27%;
  max-width: 250px;
  padding-right: 10px;
}

@media only screen and (max-width: 640px) {
  #main #col_side1 {
    display: none;
  }
}

.breadcrumb {
  position: absolute;
  bottom: -27px;
  right: 0;
  width: 100%;
}

.pankuzu {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 10px;
  font-size: 12px;
  color: #333;
}

@media screen and (min-width: 641px) and (max-width: 834px) {
  .pankuzu {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 640px) {
  .pankuzu {
    display: none;
  }
}

.pankuzu a {
  color: #3366ff;
}

.pankuzu a:hover {
  text-decoration: underline;
}

.policy h2 {
  font-size: 14px;
  font-weight: bold;
}

.policy02 h2, .policy02 h3 {
  font-weight: bold;
}

.error_link h1, .error_link .ttl01 h2, .ttl01 .error_link h2, .error_link .ttl02 h2, .ttl02 .error_link h2 {
  margin-bottom: 50px;
  font-size: 30px;
}

.error_link a {
  display: inline-block;
  margin-top: 50px;
  color: #000080;
}

.error_link a:hover {
  text-decoration: underline;
}

table {
  table-layout: fixed;
}

table td {
  padding: 0 !important;
}

.tlauto table {
  table-layout: auto;
}

table td img {
  height: auto !important;
}

.pdtd10 td {
  padding: 10px !important;
}

pre {
  margin: 0;
  padding: 0;
  white-space: pre-line;
}

b, strong {
  font-weight: bold;
}

u {
  text-decoration: line-through;
}

img {
  max-width: 100%;
  height: auto !important;
}

small {
  font-size: 80%;
}

hr {
  border: none;
  height: 0;
  border-bottom: 1px dashed #B3B3B3;
}

span {
  font-weight: inherit;
}

u {
  text-decoration: underline;
}

b {
  font-weight: bold;
}

input[type="button"] {
  cursor: pointer;
  padding: 5px 10px;
}

a {
  text-decoration: none;
  -webkit-transition: all .8s;
  -webkit-transition: all .3s;
  transition: all .3s;
}

a:hover {
  opacity: 1;
}

@media screen and (min-width: 641px) and (max-width: 834px) {
  .imgR, .imgL {
    max-width: 30% !important;
  }
}

@media only screen and (max-width: 640px) {
  .imgR, .imgL {
    display: block;
    float: none;
    margin: 0 auto 10px;
    max-width: 100% !important;
    text-align: center;
  }
}

.mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.gothic {
  font-family: メイリオ, Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media only screen and (max-width: 640px) {
  .fltL {
    float: none;
    width: 100% !important;
  }
  .fltR {
    float: none;
    width: 100% !important;
  }
  .sptal {
    text-align: left !important;
  }
  .sptar {
    text-align: right !important;
  }
  .sptac {
    text-align: center !important;
  }
  .spcenter {
    text-align: center;
    display: block;
    margin-top: 10px;
  }
}

header#global_header {
  position: relative;
  max-width: 100%;
  width: 100%;
  min-width: 100%;
  height: auto;
  margin-bottom: 30px;
}

@media only screen and (max-width: 834px) {
  header#global_header {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 640px) {
  header#global_header {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 834px) {
  header#global_header:before {
    background: #000080;
    background: -webkit-gradient(linear, left top, left bottom, from(#000080), to(#00004d));
    background: linear-gradient(to bottom, #000080 0%, #00004d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: block;
    width: 100%;
    height: 50px;
  }
}

#header {
  width: 100%;
  padding: 17px 0;
}

@media only screen and (max-width: 834px) {
  #header {
    padding-bottom: 0;
  }
}

#header .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 834px) {
  #header .inner {
    display: block;
  }
}

#header #siteID {
  width: 320px;
}

@media only screen and (max-width: 834px) {
  #header #siteID {
    margin: 0 auto 7px auto;
  }
}

@media only screen and (max-width: 640px) {
  #header #siteID {
    width: 90%;
    max-width: 320px;
  }
}

#header #siteID a {
  opacity: 1;
}

#header #hedInfo {
  width: 415px;
}

@media only screen and (max-width: 834px) {
  #header #hedInfo {
    width: 100%;
  }
}

#header #hedInfo .linkTel {
  margin-bottom: 7px;
  text-align: right;
}

@media only screen and (max-width: 834px) {
  #header #hedInfo .linkTel {
    margin-bottom: 10px;
    text-align: center;
  }
}

#header #hedInfo .hedTxt {
  text-align: right;
  color: #666;
}

@media only screen and (max-width: 834px) {
  #header #hedInfo .hedTxt {
    text-align: center;
  }
}

@media only screen and (max-width: 430px) {
  #header #hedInfo .hedTxt {
    text-align: left;
  }
}

#nav_global #gnavi {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#nav_global #gnavi li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1;
}

#nav_global #gnavi li a {
  display: block;
}

.spNav {
  display: none;
}

@media only screen and (max-width: 834px) {
  .spNav {
    display: block;
  }
}

#mainArea {
  overflow: hidden;
  margin-top: 15px;
}

#mainArea #slider {
  width: 100%;
  position: relative;
}

#mainArea #slider .slick-slide {
  outline: none;
}

#mainArea #slider li img {
  width: 100%;
  height: auto;
}

/* ----------------------------------------------------------
hamburger menu
---------------------------------------------------------- */
.nav-toggle {
  display: none;
}

@media only screen and (max-width: 834px) {
  .nav-toggle {
    display: block;
  }
}

@media only screen and (max-width: 834px) {
  /* toggle */
  #nav-toggle {
    position: fixed;
    top: 10px;
    right: 15px;
    height: 32px;
    cursor: pointer;
  }
  #nav-toggle > div {
    position: relative;
    width: 36px;
  }
  #nav-toggle span {
    width: 100%;
    height: 2px;
    left: 0;
    display: block;
    background: #fff;
    position: absolute;
    -webkit-transition: top .5s ease, -webkit-transform .3s ease-in-out;
    transition: top .5s ease, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, top .5s ease;
    transition: transform .3s ease-in-out, top .5s ease, -webkit-transform .3s ease-in-out;
    /* #nav-toggle close */
  }
  #nav-toggle span:nth-child(1) {
    top: 0;
  }
  #nav-toggle span:nth-child(2) {
    top: 14px;
  }
  #nav-toggle span:nth-child(3) {
    top: 28px;
  }
  #nav-toggle:hover span:nth-child(1) {
    top: 4px;
  }
  #nav-toggle:hover span:nth-child(3) {
    top: 23px;
  }
  .open #nav-toggle span:nth-child(1) {
    top: 15px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    background-color: #fff;
  }
  .open #nav-toggle span:nth-child(2) {
    top: 15px;
    width: 0;
    left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 15px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    background-color: #fff;
  }
  /* z-index */
  #nav-toggle {
    z-index: 1000;
  }
  #nav_global nav {
    z-index: 999;
  }
  /* nav */
  #nav_global {
    background: #000080;
    background: -webkit-gradient(linear, left top, left bottom, from(#000080), to(#00004d));
    background: linear-gradient(to bottom, #000080 0%, #00004d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
    overflow-x: auto;
    position: fixed;
    width: 90%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 !important;
    -webkit-transform: translateX(110%);
            transform: translateX(110%);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #nav_global ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    list-style: none;
  }
  #nav_global ul li {
    display: block;
    width: 100%;
    -webkit-transition: color .6s ease;
    transition: color .6s ease;
    font-size: 20px !important;
    text-decoration: none;
  }
}

@media only screen and (max-width: 834px) and (max-width: 640px) {
  #nav_global ul li {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 834px) {
  #nav_global ul li img {
    display: none;
  }
  #nav_global ul li a {
    display: block;
    padding: 3%;
    border-bottom: 1px solid black;
    font-size: 26px !important;
    text-align: left;
    color: #fff;
  }
}

@media only screen and (max-width: 834px) and (max-width: 640px) {
  #nav_global ul li a {
    padding: 4%;
    font-size: 16px !important;
  }
}

@media only screen and (max-width: 834px) {
  #nav_global ul .spNav {
    display: block;
  }
  .open #nav_global {
    -webkit-transform: translateX(7%);
            transform: translateX(7%);
  }
}

.open {
  position: fixed;
  width: 100%;
  height: 100%;
}

footer#global_footer {
  width: 100%;
  min-width: 100% !important;
  height: auto;
  background: #eee;
}

footer#global_footer a {
  color: #333;
  text-decoration: none;
}

footer#global_footer #footer {
  position: relative;
  padding: 16px 10px 10px 10px;
}

@media only screen and (max-width: 834px) {
  footer#global_footer #footer {
    padding: 0;
  }
}

footer#global_footer #footer #pagetop {
  position: absolute;
  top: 18px;
  right: 10px;
}

@media only screen and (max-width: 834px) {
  footer#global_footer #footer #pagetop {
    display: none;
  }
}

footer#global_footer #nav_footer {
  max-width: 435px;
}

footer#global_footer #nav_footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 10px;
}

@media only screen and (max-width: 834px) {
  footer#global_footer #nav_footer ul {
    display: none;
  }
}

footer#global_footer #nav_footer li a {
  display: block;
  margin-bottom: 10px;
  padding: 0 7px;
  border-right: 1px solid;
  font-size: 13px;
  text-decoration: none;
  line-height: 1;
}

footer#global_footer #nav_footer li:last-of-type a {
  border-right: 0;
}

footer#global_footer #copy {
  display: block;
  background: #000080;
  padding: 5px 10px;
  font-size: 12px;
  color: #fff;
}

footer#global_footer #copy a {
  font-size: 12px;
  text-decoration: none;
  color: #fff;
}

footer#global_footer #copy a:hover {
  opacity: 1;
}

/* ------------------------------------------------------------
sisemenu
------------------------------------------------------------ */
#col_side1 .gmap {
  padding: 5px;
  background: #eee;
}

#col_side1 .gmap iframe {
  border: 2px solid #fff !important;
}

/* ------------------------------------------------------------
index.html
------------------------------------------------------------ */
.warpNews {
  max-height: 200px;
  overflow-x: auto;
}

.warpNews dl {
  padding: 20px 0;
  border-bottom: 1px dotted #ccc;
}

@media only screen and (max-width: 640px) {
  .warpNews dl {
    display: block !important;
  }
}

@media only screen and (max-width: 640px) {
  .warpNews dl dt, .warpNews dl dd {
    width: 100% !important;
  }
}

@media only screen and (max-width: 640px) {
  .warpNews dl dt {
    padding-bottom: 10px !important;
  }
}

/* ------------------------------------------------------------
ichiran.html
------------------------------------------------------------ */
.ichiran .box {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 20px;
  text-align: center;
}

.ichiran .box:nth-of-type(even) {
  margin-right: 0;
}

.ichiran .box a {
  display: block;
}

.ichiran .box a:hover {
  opacity: 0.8;
}

.ichiran .box h3 {
  display: none;
}

.ichiran .box img {
  width: 100% !important;
  margin-bottom: 10px;
}

/* ------------------------------------------------------------
qa.html
------------------------------------------------------------ */
.ttlFaq h2 {
  position: relative;
  margin-bottom: 15px;
  padding: 5px 5px 15px 50px;
  border-bottom: 1px solid #ccc;
}

.ttlFaq h2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 29px;
  height: 29px;
  background: url(../images/contents/icon_qaQ.jpg) no-repeat;
  background-size: contain;
}

.ttlFaq p {
  position: relative;
  padding: 5px 5px 15px 50px;
}

.ttlFaq p:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 29px;
  height: 29px;
  background: url(../images/contents/icon_qaA.jpg) no-repeat;
  background-size: contain;
}

/* ------------------------------------------------------------
contact.html
------------------------------------------------------------ */
.mail.title {
  display: none !important;
}

section form p.annot {
  margin: 10px auto !important;
  text-align: right;
}

/* ------------------------------------------------------------
title
------------------------------------------------------------ */
.ttl01 h1, .ttl01 h2 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #000080;
  line-height: 1;
}

@media only screen and (max-width: 640px) {
  .ttl01 h1, .ttl01 h2 {
    font-size: 15px;
  }
}

.ttl01 h3 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #333;
  line-height: 1;
}

.ttl01 h3 {
  position: relative;
  padding: 13.5px 10px 13.5px 20px;
  border-bottom: 8px solid #000080;
}

.ttl01 h3:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 6px;
  height: 65%;
  background: #3366ff;
}

.ttl02 h1, .ttl02 h2 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #000080;
  line-height: 1;
}

@media only screen and (max-width: 640px) {
  .ttl02 h1, .ttl02 h2 {
    font-size: 15px;
  }
}

.ttl02 h3 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #333;
  line-height: 1;
}

.ttl02 h2 {
  padding: 5px 10px;
  border-left: 5px solid #000080;
  color: #333;
}

.ttlBdr {
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
  background: linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
  position: relative;
  border: 1px solid #ccc;
}

.ttlBdr:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 14px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 14px;
  height: 14px;
  background: url(../images/contents/icon_ttl01.png) no-repeat;
  background-size: contain;
}

.topNews {
  position: relative;
  border-bottom: 1px solid #ccc;
}

.topNews h2 {
  padding: 9.5px 100px 9.5px 28px;
}

@media only screen and (max-width: 640px) {
  .topNews h2 {
    padding: 10px 10px 10px 28px;
  }
}

.topNews h2 img {
  margin: 0 auto 0 0;
  line-height: 1;
}

.topNews:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 18px;
  height: 19px;
  background: url(../images/contents/icon_news.png) no-repeat;
  background-size: contain;
}

.topNews:after {
  visibility: inherit !important;
  content: "";
  position: absolute;
  top: 50%;
  right: 21px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 75px;
  height: 8px;
  background: url(../images/contents/subTtl_news.png) no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 640px) {
  .topNews:after {
    display: none;
  }
}

/* ------------------------------------------------------------
text
------------------------------------------------------------ */
.linkLine a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 640px) {
  .spLeft div {
    text-align: left !important;
  }
}

/* ------------------------------------------------------------
image
------------------------------------------------------------ */
.img29 img {
  max-width: 29% !important;
}

.img36 img {
  max-width: 36% !important;
}

@media only screen and (max-width: 640px) {
  .img36 img {
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 640px) {
  .spImgR .imgR, .spImgR .imgL {
    float: right !important;
    margin-left: 10px;
  }
}

/* ------------------------------------------------------------
dl
------------------------------------------------------------ */
.dlSt dt, .dlSt dd {
  padding: 0 !important;
  border: none !important;
}

/* ------------------------------------------------------------
table
------------------------------------------------------------ */
.tblSt td {
  padding: 5px 5px 5px 10px !important;
}

@media only screen and (max-width: 640px) {
  .tblSt td {
    padding: 10px !important;
  }
}

@media only screen and (max-width: 640px) {
  .tblSt td:first-of-type {
    text-align: left !important;
  }
}

/* ------------------------------------------------------------
common
------------------------------------------------------------ */
.con100 {
  margin-left: calc(((100vw - 100%) / 2) * -1);
  margin-right: calc(((100vw - 100%) / 2) * -1);
}

.kakoi {
  border: 3px solid #eee;
}
/*# sourceMappingURL=assets.css.map */