@charset "utf-8";
/* CSS Document */
/*
サイズ縮小ポイント1200px
タブレット用ポイント840px
スマホ用ポイント644px
*/
body {
  margin: 0px;
  padding: 0px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 16px;
  color: #111111;
  background-color: #ffffff;
}
* {
  box-sizing: border-box;
}
body.mac_win7 * {
  font-weight: normal !important;
}
/*
@media screen and (max-width: 1200px) {
	body {font-size:80%;}
}
@media screen and (max-width: 840px) {
	body {font-size:70%;}
}
@media screen and (max-width: 644px) {
	body {font-size:85%;}
}
*/
h1,
h2,
h3,
h4,
h5,
h6,
h7 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
p {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
a.btn_op {
  transition: all 0.35s 0s ease;
  -webkit-transition: all 0.35s 0s ease;
}
a.btn_op:hover {
  opacity: 0.7;
  transition: all 0.35s 0s ease;
  -webkit-transition: all 0.35s 0s ease;
}

/*************
	標準リンク
 *************/
a:link,
a:visited,
a:active {
  color: #333333;
  text-decoration: none;
}
a:hover {
  color: #0093dc;
  text-decoration: none;
}

/****************************
	レスポンシブイメージ
****************************/
.w1200_90 {
  width: 1200px;
  margin: 0 auto;
}
.w1000_90 {
  width: 1000px;
  margin: 0 auto;
}
.w980_90 {
  width: 980px;
  margin: 0 auto;
}
.w960_90 {
  width: 960px;
  margin: 0 auto;
}
.w860_90 {
  width: 860px;
  margin: 0 auto;
}
@media screen and (max-width: 1333px) {
  .w1200_90 {
    width: 90%;
  }
}
@media screen and (max-width: 1111px) {
  .w1000_90 {
    width: 90%;
  }
}
@media screen and (max-width: 1089px) {
  .w980_90 {
    width: 90%;
  }
}
@media screen and (max-width: 1067px) {
  .w960_90 {
    width: 90%;
  }
}
@media screen and (max-width: 946px) {
  .w860_90 {
    width: 90%;
  }
}
/*************
 	％幅
 *************/
#wrapper .content .width10 {
  width: 10%;
}
#wrapper .content .width20 {
  width: 20%;
}
#wrapper .content .width30 {
  width: 30%;
}
#wrapper .content .width40 {
  width: 40%;
}
#wrapper .content .width50 {
  width: 50%;
}
#wrapper .content .width60 {
  width: 50%;
}
#wrapper .content .width70 {
  width: 70%;
}
#wrapper .content .width80 {
  width: 80%;
}
#wrapper .content .width90 {
  width: 90%;
}
#wrapper .content .width100 {
  width: 100%;
}

/*************
 	float
 *************/
.fl {
  float: left;
}
.fr {
  float: right;
}

/*************
 	text-align
 *************/
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}

/*************
 	line-height
 *************/
.lh0 {
  line-height: 0;
}

/****************************
	レスポンシブイメージ
****************************/
.innerArea {
  position: absolute;
  top: 1px;
  left: -2px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-size: 100% 100%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
/*ie8ハック*/
.innerArea {
  text-indent: 200%\9;
}

/************ クリア ************/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*/ /*/
  height: auto;
  overflow: hidden;
  /**/
}

/*リストの種類*/
ul.listDisc li {
  list-style-type: disc;
  margin: 0 0 0 1.3em;
}
ul.listNo li {
  list-style-type: decimal;
  margin: 0 0 0 1.3em;
}

/*注釈*/
.notes {
  font-size: 11px;
  line-height: 11px;
  padding-top: 0.3em;
}
.notes.tcRight {
  text-align: right;
}
@media screen and (max-width: 644px) {
  .notes {
    font-size: 10px;
  }
}
.imgNotes_w1 {
  position: absolute;
  bottom: 3px;
  left: 5px;
  color: #ffffff;
  font-size: 10px;
  line-height: 1em;
  z-index: 10;
}
.imgNotes_w1_sd {
  position: absolute;
  bottom: 3px;
  left: 5px;
  color: #ffffff;
  font-size: 10px;
  line-height: 1em;
  z-index: 10;
  text-shadow: 0px 0px 2px #000000, 0px 0px 2px #000000, 0px 0px 4px #000000;
}
.imgNotes_b1 {
  position: absolute;
  bottom: 5px;
  left: 10px;
  color: #000000;
  font-size: 10px;
  line-height: 1em;
  z-index: 10;
}

/*フロート*/
.fl {
  float: left;
}
.fr {
  float: right;
}
.taLeft {
  text-align: left;
}
.taCenter {
  text-align: center;
}
.taRight {
  text-align: right;
}
/*端末別-表示非表示*/
.blPc1 {
  display: block !important;
}
.blPc2 {
  display: block !important;
}
.blSp {
  display: none !important;
}
.blTab {
  display: none !important;
}
@media screen and (max-width: 1000px) {
  .blTab {
    display: flex !important;
  }
  .blPc2 {
    display: none !important;
  }
}
@media screen and (max-width: 644px) {
  .blSp {
    display: block !important;
  }
  .blPc1 {
    display: none !important;
  }
}
.inPc1 {
  display: inline !important;
}
.inPc2 {
  display: inline !important;
}
.inPc3 {
  display: inline !important;
}
.inPc4 {
  display: inline !important;
}
.inSp {
  display: none !important;
}
.inTab {
  display: none !important;
}
.inTab2 {
  display: none !important;
}
.inTab3 {
  display: none !important;
}
@media screen and (max-width: 1333px) {
  .inPc3 {
    display: none !important;
  }
}
@media screen and (max-width: 1200px) {
  .inTab3 {
    display: inline !important;
  }
}
@media screen and (max-width: 1000px) {
  .inPc4 {
    display: none !important;
  }
}
@media screen and (max-width: 840px) {
  .inTab {
    display: inline !important;
  }
  .inTab2 {
    display: inline !important;
  }
  .inPc2 {
    display: none !important;
  }
}
@media screen and (max-width: 1000px) {
  .inPc2 {
    display: none !important;
  }
}
@media screen and (max-width: 644px) {
  .inSp {
    display: inline !important;
  }
  .inPc1 {
    display: none !important;
  }
  .inTab2 {
    display: none !important;
  }
  .inTab3 {
    display: none !important;
  }
}

.inBlPc {
  display: inline-block !important;
}
.inBlTab {
  display: none !important;
}
@media screen and (max-width: 840px) {
  .inBlPc {
    display: none !important;
  }
  .inBlTab {
    display: inline-block !important;
  }
}

/******************
共通
******************/
.fontG {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, "ＭＳ Ｐゴシック", Verdana, sans-serif;
}
.lead50 {
  font-size: 50px;
  line-height: 1.5em;
}
.lead40 {
  font-size: 40px;
  line-height: 1.5em;
}
.lead36 {
  font-size: 36px;
  line-height: 1.5em;
}
.lead32 {
  font-size: 32px;
  line-height: 1.5em;
}
.lead28 {
  font-size: 28px;
  line-height: 1.5em;
}
.lead24 {
  font-size: 24px;
  line-height: 1.5em;
}
.font26 {
  font-size: 26px;
}
.font24 {
  font-size: 24px;
}
.font21 {
  font-size: 21px;
}
.font20 {
  font-size: 21px;
}
.font30 {
  font-size: 30px;
}
.font32 {
  font-size: 32px;
}
.font34 {
  font-size: 34px;
}
.font18 {
  font-size: 18px;
}
.font16 {
  font-size: 16px;
}
.font15 {
  font-size: 15px;
}
.font14 {
  font-size: 14px;
}
.font13 {
  font-size: 13px;
}
.font12 {
  font-size: 12px;
}
.font11 {
  font-size: 11px;
}
.line10 {
  line-height: 1em;
}
.line11 {
  line-height: 1.1em;
}
.line12 {
  line-height: 1.2em;
}
.line13 {
  line-height: 1.3em;
}
.line14 {
  line-height: 1.4em;
}
.line15 {
  line-height: 1.5em;
}
.line16 {
  line-height: 1.6em;
}
.line17 {
  line-height: 1.7em;
}
.line18 {
  line-height: 1.8em;
}
.line19 {
  line-height: 1.9em;
}
.line20 {
  line-height: 2em;
}
.line22 {
  line-height: 2.2em;
}
.line24 {
  line-height: 2.4em;
}
@media screen and (max-width: 1122px) {
  .lead50 {
    font-size: 32px;
  }
  .lead40 {
    font-size: 30px;
  }
  .lead36 {
    font-size: 27px;
  }
  .lead32 {
    font-size: 25px;
  }
  .lead28 {
    font-size: 23px;
  }
  .lead24 {
    font-size: 20px;
  }

  .font34 {
    font-size: 26px;
  }
  .font32 {
    font-size: 26px;
  }
  .font30 {
    font-size: 24px;
  }

  .font26 {
    font-size: 21px;
  }
  .font24 {
    font-size: 20px;
  }
  .font21 {
    font-size: 18px;
  }
  .font20 {
    font-size: 17px;
  }
  .font18 {
    font-size: 16px;
  }
  .font16 {
    font-size: 14px;
  }
  .font15 {
    font-size: 14px;
  }
  .font14 {
    font-size: 13px;
  }
  .font13 {
    font-size: 12px;
  }
  .font12 {
    font-size: 12px;
  }
  .font11 {
    font-size: 11px;
  }
}
@media screen and (max-width: 769px) {
}
@media screen and (max-width: 481px) {
  .lead50 {
    font-size: 18px;
  }
  .lead40 {
    font-size: 18px;
  }
  .lead36 {
    font-size: 18px;
  }
  .lead32 {
    font-size: 16px;
  }
  .lead28 {
    font-size: 15px;
  }
  .lead24 {
    font-size: 15px;
  }
  .font34 {
    font-size: 16px;
  }
  .font32 {
    font-size: 16px;
  }
  .font30 {
    font-size: 15px;
  }
  .font26 {
    font-size: 15px;
  }
  .font24 {
    font-size: 15px;
  }
  .font21 {
    font-size: 14px;
  }
  .font20 {
    font-size: 14px;
  }
  .font18 {
    font-size: 13px;
  }
  .font16 {
    font-size: 12px;
  }
  .font15 {
    font-size: 12px;
  }
  .font14 {
    font-size: 12px;
  }
  .font13 {
    font-size: 12px;
  }
  .font12 {
    font-size: 11px;
  }
  .font11 {
    font-size: 11px;
  }
}

/*=============================
.btn-trigger
=============================*/
.btn-trigger {
  position: relative;
  width: 38px;
  height: 21px;
  cursor: pointer;
}
.btn-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
  border-radius: 4px;
}
.btn-trigger,
.btn-trigger span {
  display: inline-block;
  transition: all 0.5s;
  box-sizing: border-box;
}
.btn-trigger span:nth-of-type(1) {
  top: 0;
}
.btn-trigger span:nth-of-type(2) {
  top: 9.5px;
}
.btn-trigger span:nth-of-type(3) {
  bottom: 0;
}
.sp_menu p {
  margin-left: 1px;
  padding-top: 2px;
}

/*=============================
#btn05
=============================*/
#btn05.active span:nth-of-type(1) {
  -webkit-transform: translateY(8.3px) rotate(-45deg);
  transform: translateY(8.3px) rotate(-45deg);
}
#btn05.active span:nth-of-type(2) {
  left: 50%;
  opacity: 0;
  -webkit-animation: active-btn05-bar02 0.8s forwards;
  animation: active-btn05-bar02 0.8s forwards;
}
@-webkit-keyframes active-btn05-bar02 {
  100% {
    height: 0;
  }
}
@keyframes active-btn05-bar02 {
  100% {
    height: 0;
  }
}
#btn05.active span:nth-of-type(3) {
  -webkit-transform: translateY(-12px) rotate(45deg);
  transform: translateY(-12px) rotate(45deg);
}

/* グローバルナビ NEW */
@media print, screen and (min-width: 1001px) {
  .globalnaviWrap .globalnavi a.is-new i:before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    line-height: 1.2em;
    letter-spacing: 0.1em;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 0.8rem;
    background: #a01035;
    padding: 1px 3px 0px 5px;
    margin-top: -12px;
  }
}
@media screen and (max-width: 1000px) {
  .globalnaviWrap .globalnavi a.is-new i:before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    line-height: 1.2em;
    letter-spacing: 0.1em;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 0.8rem;
    background: #a01035;
    padding: 1px 3px 0px 5px;
    margin-top: 0;
  }
}
@media screen and (max-width: 800px) {
  .globalnaviWrap .globalnavi a.is-new i:before {
    display: inline-block;
    position: absolute;
    top: 12%;
    top: 15%;
    transform: translateY(-53%);
    right: 0px;
    color: #fff;
    line-height: 1em;
    letter-spacing: 0.1em;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 1em;
    background: #a01035;
    padding: 1px 2px 1px 2px;
    z-index: 10;
  }
}

.globalnaviWrap .globalnavi a.is-new i:before {
  content: "NEW";
}

.scroll-fade {
  opacity: 0;
  transition: all 2s /*処理にかかる時間*/;
}
.scroll-up {
  opacity: 0;
  transform: translateY(100px) /*スクロールアップする距離*/;
  transition: all 2s /*処理にかかる時間*/;
}
.scroll-up.done,
.scroll-fade.done {
  opacity: 1;
  transform: translate(0, 0);
}
.load-fade {
  opacity: 0;
  transition: all 2.5s /*処理にかかる時間*/;
}
.load-up {
  opacity: 0;
  transform: translateY(100px) /*スクロールアップする距離*/;
  transition: all 2s /*処理にかかる時間*/;
}
.load-up.done,
.load-fade.done {
  opacity: 1;
  transform: translate(0, 0);
}

@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 420px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 420px) and (max-width: 769px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 770px) {
  .hidden-md {
    display: none !important;
  }
}

/***************/