@charset "UTF-8";
/*------------------------------
 共通・既存調整修正
------------------------------*/
.main-wrapper {
  color: #000000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
  overflow: hidden;
}

.main-inner {
  width: 100%;
  margin: 0 auto;
}

/*------------------------------
 ページ
------------------------------*/
/* main-visual
------------------------------*/
.main-visual {
  margin-bottom: 70px;
}

.main-visual__inner {
  width: 100%;
}

.main-visual__box {
  position: relative;
  margin-bottom: 70px;
}

.main-visual__title {
  position: absolute;
  bottom: 18%;
  left: 0;
  width: 100%;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.main-visual__title-image {
  display: inline-block;
  width: 350px;
  height: auto;
  margin-bottom: 10px;
}

.main-visual__title-text {
  display: inline-block;
  color: #FFFFFF;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.main-visual__image-box {
  font-size: 0;
  line-height: 0;
}

.main-visual__image {
  display: inline-block;
  width: 100%;
  height: auto;
}

.main-visual__caption {
  color: #231815;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
}

/* content
------------------------------*/
.content {
  margin: 0 auto 95px;
}

.content__box {
  position: relative;
  margin-bottom: 155px;
}

.content__box--w540 {
  width: 540px;
  margin: 0 170px 155px auto;
}

.content__box--w700 {
  position: relative;
  width: 700px;
  margin: 0 auto 155px;
}

.content__box--w750 {
  position: relative;
  width: 750px;
  margin: 0 auto 155px;
}

.content__box--w800 {
  position: relative;
  width: 800px;
  margin: 0 auto 155px;
}

.content__box--w888 {
  position: relative;
  width: 888px;
  margin: 0 auto 155px;
}

.content__box--w900 {
  position: relative;
  width: 900px;
  margin: 0 auto 155px;
}

.content__box-inner--hover-type, .content__box-inner--hover-type-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.6s ease 0s;
  opacity: 0;
}
.is-hover .content__box-inner--hover-type, .is-hover .content__box-inner--hover-type-top {
  opacity: 1;
}

.content__column-box, .content__column-box--align-items-flex-end, .content__column-box--space-large {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.content__box-inner--hover-type .content__column-box, .content__box-inner--hover-type .content__column-box--align-items-flex-end, .content__box-inner--hover-type .content__column-box--space-large, .content__box-inner--hover-type-top .content__column-box, .content__box-inner--hover-type-top .content__column-box--align-items-flex-end, .content__box-inner--hover-type-top .content__column-box--space-large {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  padding: 0 38px;
  box-sizing: border-box;
}
.content__box-inner--hover-type-top .content__column-box, .content__box-inner--hover-type-top .content__column-box--align-items-flex-end, .content__box-inner--hover-type-top .content__column-box--space-large {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  padding: 0 38px;
  box-sizing: border-box;
}

.content__box-inner--hover-type .content__column-box--space-large, .content__box-inner--hover-type-top .content__column-box--space-large {
  padding: 0 80px;
}
.content__box-inner--hover-type-top .content__column-box--space-large {
  padding: 0 80px;
}

.content__column-box--align-items-flex-end {
  align-items: flex-end;
}

.content__image-box, .content__image-box--w590, .content__image-box--w516, .content__image-box--w530, .content__image-box--w510, .content__image-box--w490, .content__image-box--w487, .content__image-box--w483, .content__image-box--w482, .content__image-box--w461, .content__image-box--space-small, .content__image-box--space {
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.content__image-box--space {
  margin-bottom: 60px;
}

.content__image-box--space-small {
  margin-bottom: 35px;
}

.content__image-box--w461 {
  width: 461px;
}

.content__image-box--w482 {
  width: 482px;
  margin-right: 34px;
}

.content__image-box--w483 {
  width: 483px;
  margin-left: 34px;
}

.content__image-box--w487 {
  width: 487px;
  margin-left: 34px;
}

.content__image-box--w490 {
  width: 490px;
  margin-right: 34px;
}

.content__image-box--w510 {
  width: 510px;
  margin-right: 34px;
}

.content__image-box--w530 {
  width: 530px;
}

.content__image-box--w516 {
  width: 516px;
  margin-right: 34px;
}

.content__image-box--w590 {
  width: 590px;
  margin-right: 34px;
}

.content__image {
  display: inline-block;
  width: 100%;
  height: auto;
}

.content__fixed {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 40px;
  min-height: 170px;
  margin-top: -180px;
  z-index: 90;
}

.content__fixed-item {
  padding-top: 100px;
}
.is-fixed .content__fixed-item {
  position: fixed;
  top: 0;
  right: 0;
}

.content__fixed-text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  padding: 0 35px 0 35px;
}

/* credit
------------------------------*/
.credit, .credit--space {
  width: 100%;
}
.content__box-inner--hover-type .credit, .content__box-inner--hover-type .credit--space, .content__box-inner--hover-type-top .credit, .content__box-inner--hover-type-top .credit--space {
  width: 50%;
  padding-right: 20px;
  box-sizing: border-box;
}
.content__box-inner--hover-type-top .credit, .content__box-inner--hover-type-top .credit--space {
  width: 100%;
  padding-right: 20px;
  box-sizing: border-box;
}

.credit--w50per, .credit--w50per--space {
  width: 50%;
  padding-right: 20px;
  box-sizing: border-box;
}

.credit--space {
  margin-bottom: 30px;
}

.credit--w50per--space {
  margin-bottom: 30px;
}

.credit--w100per-w461 {
  width: calc(100% - 461px);
  margin-top: 296px;
  padding-right: 20px;
  box-sizing: border-box;
}

.credit--w100per-w483 {
  width: calc(100% - 517px);
  margin-top: 95px;
  padding-right: 20px;
  box-sizing: border-box;
}

.credit--w100per-w482 {
  width: calc(100% - 516px);
  margin-top: 208px;
  padding-right: 20px;
  box-sizing: border-box;
}

.credit--w100per-w487 {
  width: calc(100% - 521px);
  margin-top: 230px;
  padding-right: 20px;
  box-sizing: border-box;
}

.credit--w100per-w490 {
  width: calc(100% - 524px);
  margin-top: 280px;
  padding-right: 20px;
  box-sizing: border-box;
}

.credit--w100per-w510 {
  width: calc(100% - 544px);
  margin-top: 200px;
  padding-right: 20px;
  box-sizing: border-box;
}

.credit--w100per-w530 {
  width: calc(100% - 530px);
  margin-top: 305px;
  padding-right: 20px;
  box-sizing: border-box;
}

.credit--w100per-w516 {
  width: calc(100% - 550px);
  margin-top: 95px;
  padding-right: 20px;
  box-sizing: border-box;
}

.credit--w100per-w590 {
  width: calc(100% - 624px);
  padding-right: 20px;
  box-sizing: border-box;
}

.credit__title {
  color: #000000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 12px;
}
.content__box-inner--hover-type .credit__title, .content__box-inner--hover-type-top .credit__title {
  color: #FFFFFF;
}
.content__box-inner--hover-type-top .credit__title {
  color: #FFFFFF;
}

.credit-inner, .credit-inner--space {
  width: 100%;
}

.credit-inner--space {
  margin-bottom: 26px;
}

.credit__item-box {
  width: 100%;
}

.credit__item {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 12px;
}
.credit__item:last-child {
  margin-bottom: 0;
}

.credit__buy-button {
  width: 50px;
  margin-right: 25px;
}

.credit__buy-link {
  display: block;
  width: 100%;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #000000;
  transition: all 0.3s ease 0s;
  box-sizing: border-box;
}
.content__box-inner--hover-type .credit__buy-link, .content__box-inner--hover-type-top .credit__buy-link {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
.content__box-inner--hover-type-top .credit__buy-link {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
.credit__buy-link:hover {
  color: #FFFFFF;
  background-color: #000000;
}
.content__box-inner--hover-type .credit__buy-link:hover, .content__box-inner--hover-type-top .credit__buy-link:hover {
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  opacity: 0.5;
}
.content__box-inner--hover-type-top .credit__buy-link:hover {
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  opacity: 0.5;
}
.credit__buy-link.hover-ask:hover {
  color: #FFFFFF;
  background-color: #0D544A;
}

.credit__text {
  width: calc(100% - 75px);
  color: #030000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
}
.content__box-inner--hover-type .credit__text, .content__box-inner--hover-type-top .credit__text {
  color: #FFFFFF;
}
.content__box-inner--hover-type-top .credit__text {
  color: #FFFFFF;
}