@charset "utf-8";
/* ============================================================================================== */
/* タブレット用                                                                                   */
/* ============================================================================================== */
@media screen and (max-width: 1023px) {
  body {
    width: 1020px;
  }
}
@media screen and (max-width: 767px) {
  body {
    width: auto;
  }
}
/* ============================================================================================== */
/* 明治共通CSSの修正(デザイン都合)                                                                */
/*  明治サイト_共通ヘッダフッタガイドライン_ver.1.6.pdf に従い作成したもののCSS(structure.js)の   */
/*  main.l-main に設定されている margin-bottom: 120px; が崩れの原因になったため、やむを得ず調整。 */
/* ============================================================================================== */
main.l-main  {
  margin-bottom: 0;
}
/* ============================================================================================== */
/* CSSリセット                                                                                    */
/* ============================================================================================== */
main.l-main > .l-container h1,
main.l-main > .l-container h2,
main.l-main > .l-container h3,
main.l-main > .l-container h4,
main.l-main > .l-container h5,
main.l-main > .l-container h6 {
  display: block;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
main.l-main > .l-container dl,
main.l-main > .l-container dl dt,
main.l-main > .l-container dl dd,
main.l-main > .l-container ul,
main.l-main > .l-container ul li {
  padding: 0;
  margin: 0;
}
main.l-main > .l-container ul li {
  list-style-type: none;
}
main.l-main > .l-container img {
  vertical-align: bottom;
}
main.l-main > .l-container span {
  top:  0;
  left: 0;
}
main.l-main > .l-container a {
  color: inherit;
  text-decoration: inherit;
}
/* ============================================================================================== */
/* フォント指定                                                                                   */
/* ============================================================================================== */
main.l-main > .l-container {
  color: #333333;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 300;
}
main.l-main > .l-container.fw_win {
  font-weight: 500;
}
/* ============================================================================================== */
/* PC/SP表示切替補助                                                                              */
/* ============================================================================================== */
main.l-main > .l-container .cd_sp_only {
  display: none;
}
@media screen and (max-width: 767px) {
  main.l-main > .l-container .cd_pc_only { display: none; }
  main.l-main > .l-container .cd_sp_only {
    display: block;
  }
  main.l-main > .l-container br.cd_sp_only,
  main.l-main > .l-container img.cd_sp_only {
    display: inline;
  }
}
/* ============================================================================================== */
/* 共通演出:Hover                                                                                 */
/* ============================================================================================== */
main.l-main > .l-container .effect_hover_wrapper {
}
main.l-main > .l-container .effect_hover_wrapper .effect_hover_child {
  transition: all 0.6s ease 0s;
}
main.l-main > .l-container .effect_hover_wrapper:hover .effect_hover_child {
  opacity: 0.6;
}
main.l-main > .l-container .effect_hover {
  transition: all 0.6s ease 0s;
}
main.l-main > .l-container .effect_hover:hover {
  opacity: 0.6;
}
/* ============================================================================================== */
/* 共通演出:Hover                                                                                 */
/* ============================================================================================== */
main.l-main > .l-container .effect_fadeIn {
  opacity: 0;
  transition: 1s;
}
main.l-main > .l-container .effect_fadeIn.fromLeft {
  transform: translateX(-30px);
}
main.l-main > .l-container .effect_fadeIn.fromRight {
  transform: translateX(30px);
}
main.l-main > .l-container .effect_fadeIn.fromTop {
  transform: translateY(-30px);
}
main.l-main > .l-container .effect_fadeIn.fromBottom {
  transform: translateY(30px);
}
main.l-main > .l-container .effect_fadeIn.active {
  opacity: 1;
  transform: translateX(0px);
  transform: translateY(0px);
}