@charset "utf-8";

/* ===================================================================
  base.css
=================================================================== */

/* reset style (html5 set)
-------------------------------------------------------------------- */
article, section, header, footer, nav, menu, aside, figure, figcaption {
  display: block;
  padding: 0;
  margin: 0;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: #4d4d4d;
   -webkit-text-size-adjust: none;
}
table {
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
figure {
  text-align: center;
}
img {
  width:100%;
  max-width: 100%;
  height: auto;
  vertical-align: top;
  line-height: 1;
}
address, caption, cite, code, dfn, em, strong, th, var, u {
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
a {
  outline: 0;
  vertical-align: baseline;
}
a > * {
  cursor: pointer;
}
ol, ul {
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
}

/* clearfix */
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}


/* Links
----------------------------------------------------*/
a {
  color: #4d4d4d;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:link {
  color: #4d4d4d;
  text-decoration: none;
}
a:visited {
  color: #4d4d4d;
  text-decoration: none;
}
a:hover, a:active {
  text-decoration: none;
}

a.txt-link {
  color: #004ea2;
  text-decoration: underline;
}

/* Adjustment
----------------------------------------------------*/
.mar_auto { margin: 0 auto; }
.mar_reset { margin: 0 !important; }

.mar_b0 { margin-bottom: 0 !important; }
.mar_b05 { margin-bottom: 5px !important; }
.mar_b10 { margin-bottom: 10px !important; }
.mar_b15 { margin-bottom: 15px !important; }
.mar_b20 { margin-bottom: 20px !important; }
.mar_b25 { margin-bottom: 25px !important; }
.mar_b30 { margin-bottom: 30px !important; }
.mar_b35 { margin-bottom: 35px !important; }
.mar_b40 { margin-bottom: 40px !important; }
.mar_b45 { margin-bottom: 45px !important; }
.mar_b50 { margin-bottom: 50px !important; }
.mar_b60 { margin-bottom: 60px !important; }
.mar_b70 { margin-bottom: 70px !important; }
.mar_b80 { margin-bottom: 80px !important; }
.mar_b90 { margin-bottom: 90px !important; }
.mar_b100 { margin-bottom: 100px !important; }

.mar_t0 { margin-top: 0 !important; }
.mar_t05 { margin-top: 5px !important; }
.mar_t10 { margin-top: 10px !important; }
.mar_t15 { margin-top: 15px !important; }
.mar_t20 { margin-top: 20px !important; }

.mar_l0 { margin-left: 0 !important; }
.mar_l05 { margin-left: 5px !important; }
.mar_l10 { margin-left: 10px !important; }
.mar_l15 { margin-left: 15px !important; }
.mar_l20 { margin-left: 20px !important; }

.mar_r0 { margin-right: 0 !important; }
.mar_r05 { margin-right: 5px !important; }
.mar_r10 { margin-right: 10px !important; }
.mar_r15 { margin-right: 15px !important; }
.mar_r20 { margin-right: 20px !important; }

.pad_0 { padding: 0 !important; }

.f_L { float: none; }
.f_R { float: none; }

/* font txt */
.txtL { text-align: left !important; }
.txtC { text-align: center !important; }
.txtR { text-align: right !important; }
.bold { font-weight: bold !important; }

/* Button
----------------------------------------------------*/
.btn a {
  display: block;
  padding: 10px;
}
.btn a:before,
.btn.icon_r a:after {
  width: 10px;
  height: 10px;
  display: inline-block;
  content: "＞";
  margin-right: 10px;
}
.btn.icon_r a:before {
  display: none;
}
.btn.icon_r a:after {
  margin-right: 0;
  margin-left: 10px;
}

/* color */
.btn_def { color: #fff !important; background: #f39800; }


/* hover */
.btn a:hover {
  opacity: 0.6;
}
.over img {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.over:hover img {
  opacity: 0.6;
}

/* Icon
----------------------------------------------------*/
a.pdf:before {
  display: none;
}
a.pdf:after {
  content:" ";
  display: inline-block;
  vertical-align: middle;
  margin-top: -8px;
  width: 24px;
  height: 24px;
  background: url(../../common/img/icon_pdf_24.png) no-repeat;
}

/* Utilities
----------------------------------------------------*/
.only-xs { display: block; }
.only-sm { display: none !important; }
.only-md { display: none; }
.hidden-xs { display: none; }
.hidden-sm { display: block; }
.hidden-md { display: block; }
.visible-xs-block { display: block; }
.visible-xs-inline { display: inline; }
.visible-xs-inline-block { display: inline-block; }


@media (min-width:768px) {
  /* Base
  ----------------------------------------------------*/
  img {
    width: auto;
  }
.f_L { float: left; }
.f_R { float: right; }

  /* Utilities
  ----------------------------------------------------*/
  .only-xs { display: none; }
  .only-sm { display: block; }
  .only-md { display: none; }
  .hidden-xs { display: block; }
  .hidden-sm { display: none; }
  .hidden-md { display: block; }
  .visible-sm-block {display: block; }
  .visible-sm-inline {display: inline; }
  .visible-sm-inline-block {display: inline-block; }
  figure .hidden-xs { display: inline-block; }

    /* path-list
  ----------------------------------------------------*/
  #path-list {
    margin: 10px auto;
  }
  #path-list li {
    display: inline-block;
  }
  #path-list li a {
    color: #f39800;
  }
  #path-list li a:hover {
    text-decoration: underline;
  }
  #path-list li a:after {
    color: #4d4d4d;
    display: inline-block;
    content: ">";
    margin-left: 0.5em;
  }

}
@media (min-width:992px) {

  /* Utilities
  ----------------------------------------------------*/
  .only-xs { display: none; }
  .only-sm { display: none; }
  .only-md { display: block; }
  .hidden-xs { display: block; }
  .hidden-sm { display: block; }
  .hidden-md { display: none; }
  .visible-md-block {display: block; }
  .visible-md-inline {display: inline; }
  .visible-md-inline-block {display: inline-block; }

}
/*@media (min-width:1200px) {}*/