.mainVisual > div > .inner, .contents-news .list-news01, .contents-news .list-news01 li a {
  zoom: 1;
}
.mainVisual > div > .inner:after, .contents-news .list-news01:after, .contents-news .list-news01 li a:after {
  clear: both;
  display: table;
  content: "";
}

.header-attention {
  border-top: 1px solid #e9a7a7;
}

.mod-em-08 {
  font-size: 48px;
  font-weight: bold;
}

.mod-em-09 {
  font-size: 24px;
}

.mod-em-10 {
  font-size: 18px;
  font-weight: bold;
}

.mod-em-11 {
  font-size: 28px !important;
}

/* ------------------------------
	.mainVisual
------------------------------ */
.mainVisual {
  position: relative;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  border-top: 1px solid #0c0102;
  background: #720f16;
  background-image: linear-gradient(to top, #9e0e17, #911e23 20%, #6f0f16 49%, #6f0f16 66%, #560a0e);
  text-align: left;
  z-index: 2;
}
.mainVisual > div {
  background: url(/img/pc/top/main-img01.png) 50% 0 no-repeat;
}
.mainVisual > div > .inner {
  box-sizing: border-box;
  margin: 0 auto;
  padding-top: 55px;
  width: 950px;
  height: 409px;
}
.mainVisual > div > .inner .col01 {
  float: left;
  width: 700px;
  text-align: right;
}
.mainVisual > div > .inner .col01 .btn01 {
  margin-top: 40px;
}
.mainVisual > div > .inner .col02 {
  float: right;
  width: 200px;
}
.mainVisual .main-benefit01 {
  box-shadow: 6px 6px 7px #4d0006;
  border-radius: 8px;
}

/* ------------------------------
	mainvisual - for image switcher
------------------------------ */
.bx-viewport {
  padding: 0;
}

.mainvisual-field {
  width: 100%;
  overflow: hidden;
}

.mainvisual-field .stage {
  position: relative;
  height: 300px;
  background: #000000;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
}

.mainvisual-field .stage:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 950px;
  height: 300px;
  margin-left: -475px;
  background: #ffffff;
  z-index: 2;
}

.mainvisual-field .stage-inner {
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  width: 2850px;
  height: 300px;
  margin-left: -1425px;
  z-index: 3;
}

.mainvisual-field .stage ul {
  overflow: hidden;
  width: 2850px;
  display: none;
}

.mainvisual-field .stage li {
  float: left;
  opacity: 0.6;
}

.mainvisual-field .stage li.active {
  opacity: 1;
}

.mainvisual-field .bx-controls {
  position: absolute;
  top: 205px;
  left: 50%;
  width: 950px;
  margin-left: -475px;
}

.mainvisual-field .bx-prev {
  left: 0;
  width: 30px;
  height: 50px;
  border: none;
  background: #bbbec4;
  text-indent: -999px;
}

.mainvisual-field .bx-prev:before {
  content: "";
  position: absolute;
  top: 18px;
  left: 11px;
  width: 8px;
  height: 8px;
  border-left: 3px solid #222222;
  border-bottom: 3px solid #222222;
  transform: rotate(45deg);
  cursor: pointer;
}

.mainvisual-field .bx-next {
  right: 0;
  width: 30px;
  height: 50px;
  border: none;
  background: #bbbec4;
  text-indent: -999px;
}

.mainvisual-field .bx-next:before {
  content: "";
  position: absolute;
  top: 18px;
  left: 8px;
  width: 8px;
  height: 8px;
  border-left: 3px solid #222222;
  border-bottom: 3px solid #222222;
  transform: rotate(-135deg);
  cursor: pointer;
}

.mainvisual-field .thumbs {
  width: 950px;
  margin: 5px auto 0;
  padding-top: 10px;
  overflow: hidden;
}

.mainvisual-field .thumbs li {
  display: inline-block;
  margin: 0 7px;
  position: relative;
  width: 20px;
  height: 20px;
}
.mainvisual-field .thumbs li img {
  display: none;
}
.mainvisual-field .thumbs li:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  background: #cccccc;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  text-indent: -9999px;
  cursor: pointer;
}
.mainvisual-field .thumbs li:first-child {
  margin-left: 0;
}
.mainvisual-field .thumbs li.active:after {
  background: #bf0000;
}

.mainvisual-field a:hover {
  opacity: 0.8;
}

.content-field {
  width: 950px;
  margin: auto;
}

.content-extra {
  padding-top: 10px;
}

.apply-field {
  margin-top: 10px;
  padding: 10px 0;
  background: #ffe7e7;
}

.apply-contents {
  width: 950px;
  overflow: hidden;
  margin: auto;
}
.apply-contents li {
  float: left;
}
.apply-contents .web {
  margin-right: 10px;
}
.apply-contents .visit {
  margin-top: 8px;
}
.apply-contents a:hover {
  opacity: 0.8;
}

/* ------------------------------
	.contents-banner
------------------------------ */
.contents-banner {
  position: relative;
  background: #600007;
  text-align: left;
  z-index: 1;
}
.contents-banner > .inner {
  position: relative;
  margin: 0 auto;
  width: 950px;
}
.contents-banner .bx-viewport {
  padding: 20px 0;
}
.contents-banner .bx-controls-direction a {
  position: absolute;
  top: 20px;
  display: block;
  background: #e0e0e0 50% 50% no-repeat;
  width: 20px;
  height: 70px;
  text-indent: -9999px;
}
.contents-banner .bx-controls-direction a.bx-prev {
  left: 0;
  background-image: url(/img/pc/top/icon_arrow_prev.png);
}
.contents-banner .bx-controls-direction a.bx-next {
  right: 0;
  background-image: url(/img/pc/top/icon_arrow_next.png);
}

/* ------------------------------
	.contents-news
------------------------------ */
.contents-news {
  margin: 0 auto;
  padding: 10px 0;
  width: 475px;
  text-align: left;
}
.contents-news h2 {
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
}
.contents-news .list-news01 {
  font-size: 14px;
}
.contents-news .list-news01 li {
  min-height: 60px;
  padding: 0 0 10px;
}
.contents-news .list-news01 li a {
  text-decoration: none;
}
.contents-news .list-news01 li a .thum {
  float: left;
  width: 70px;
}
.contents-news .list-news01 li a .thum-area {
  float: left;
  display: block;
  width: 58px;
  margin-right: 10px;
  padding: 9px 0;
  border: 1px solid #dcdcdc;
  background: #fff;
  text-align: center;
}
.contents-news .list-news01 li a .txt {
  overflow: hidden;
  text-decoration: underline;
}
.contents-news .list-news01 li a:hover .txt {
  text-decoration: none;
}
.contents-news .list-news01 li a em {
  text-transform: uppercase;
  font-style: normal;
  color: #bf0000;
}
.contents-news .is-blank:after {
  content: '';
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: 2px;
  background: url(/img/pc/common/common/icon_blank.gif) no-repeat;
}

/* ------------------------------
	.floating-banner
------------------------------ */
.floating-banner {
  position: relative;
  z-index: 10;
}
.floating-banner .vertical {
  display: none;
  position: fixed;
  top: 100px;
  left: 50%;
  margin-top: 100px;
  margin-left: 485px;
}

/* ------------------------------
	.socials
------------------------------ */
.socials {
  height: 30px;
}

/* ------------------------------
	area-head-bnr
------------------------------ */
.area-head-bnr {
  display: none;
  background: url(/img/pc/top/bg_survey.png);
}

.area-head-bnr-inner {
  position: relative;
  width: 950px;
  margin: auto;
}

.area-head-bnr-inner img {
  display: block;
  margin: 0 5px;
}

.area-head-bnr .act-close {
  position: absolute;
  top: 11px;
  right: 9px;
  width: 24px;
  height: 27px;
  background: url("/img/pc/top/ico_bnr_close.png");
  cursor: pointer;
}

.gray-line {
  border-left: 1px solid #b2b2b2;
}

.bg-pink {
  background: #f8f8f8;
}

.gray-top {
  box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.15) inset;
  padding-top: 4px;
}

.inner {
  width: 950px;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: left;
}

.inner-max {
  width: 1110px;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: left;
}

.attention-area {
  background: #fef2f2;
}
.attention-area > span {
  position: relative;
  display: block;
  width: 950px;
  margin: auto;
  padding: 6px 0;
  font-size: 14px;
  text-align: center;
}
.attention-area > span .close {
  position: absolute;
  top: 8px;
  right: 0;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.attention-area > span .close:before, .attention-area > span .close:after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  width: 3px;
  height: 20px;
  background: #f00;
  transform: rotate(-45deg);
}
.attention-area > span .close:after {
  transform: rotate(45deg);
}
.attention-area a {
  color: #ff3939;
}

/* ------------------------------
	.contents-part03
------------------------------ */
.contents-part03 .thumbs-wrap {
  padding-top: 5px;
}
.contents-part03 .button-area {
  margin-top: -30px;
}
.contents-part03 .mod-btn-01 a {
  border-radius: 5px;
  border: 1px solid #666666;
  padding: 6px 15px 6px 15px;
  font-size: 12px;
}
.contents-part03 .mod-btn-01 a:before {
  display: none;
}

/* ------------------------------
	.contents-part04
------------------------------ */
.contents-part04 .mod-btn-01 a {
  width: 65%;
}
.contents-part04 .mod-grid-01 {
  width: 90%;
  margin: auto;
}
.contents-part04 .mod-grid-01 .mod-btn-01 a {
  width: 85%;
}
.contents-part04 .mod-grid-01 .col {
  border-left: 1px solid #b2b2b2;
  box-sizing: border-box;
}
.contents-part04 .mod-grid-01 .col:first-child {
  border-left: none;
}
.contents-part04 .mod-grid-01 .col p.mod-btn-01 {
  margin: 10px 0 20px;
}
.contents-part04 .mod-grid-01 .col p.mod-btn-01 a {
  padding: 6px 35px 6px 15px;
  text-align: left !important;
}

/* ------------------------------
	.contents-part05
------------------------------ */
.contents-part05 .mod-btn-01 a {
  width: 85%;
}
.contents-part05 .mod-grid-01 .col {
  width: 30% !important;
}
.contents-part05 .mod-grid-01 .col p.mod-btn-01 {
  margin: 10px 0 20px;
}
.contents-part05 .mod-grid-01 .col p.mod-btn-01 a {
  padding: 6px 35px 6px 15px;
  text-align: left !important;
}
.contents-part05 .mod-grid-01 .col p.mod-btn-01.mod-pt-20 {
  padding-top: 22px;
}

/* ------------------------------
	.contents-part06
------------------------------ */
.contents-part06 .mod-btn-01 a {
  width: 85%;
}

/* ------------------------------
	phoenix
------------------------------ */
.phoenix-wrap {
  position: relative;
  height: 300px;
}

.phoenix-cardholder_default,
.phoenix-cardholder_a,
.phoenix-cardholder_b,
.phoenix-cardholder_c {
  position: absolute;
  left: 50%;
  margin-left: -475px;
}
.phoenix-cardholder_default img,
.phoenix-cardholder_a img,
.phoenix-cardholder_b img,
.phoenix-cardholder_c img {
  height: 300px;
}

.phoenix-cardholder_a,
.phoenix-cardholder_b,
.phoenix-cardholder_c {
  visibility: hidden;
}

/*# sourceMappingURL=top2.css.map */