@charset "UTF-8";
/* CSS Document */
.scrolled {
  z-index: 9999 !important; }

.cateList {
  width: 1100px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  display: flex;
  height: 50px;
  line-height: 50px;
  font-size: 12px;
  margin: 20px auto;
  color: #000;
}
.cateList li {
  margin-left: 2px;
  margin-right: 5px;
}


/* all */

.main-area.lp {
  width: 1000px;
  margin: 0 auto;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  color: #58595b;
  font-feature-settings: "plat";
  font-size: 13px;
}

.main-area.lp img {
  width: 100%;
}

.mv h2 {
  width: 1000px;
  margin: 0 auto;
}

.mainTxt {
  line-height: 1.9;
  text-align: center;
  margin-top: 58px;
  letter-spacing: -0.02em;
}

h3.mainTitle img {
  width: 27px !important;
  margin-right: 20px;
  vertical-align: baseline;
}

.main-area.lp section.imgWrap .imgBox {
  position: relative;
}

.main-area.lp section.imgWrap .imgBox p {
  position: absolute;
}

/* item area */
section.itemWrap {
  position: relative;
}

.main-area.lp h3.mainTitle {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 28px;
  line-height: 1.5;
  color: #000;
  text-align: center;
}

.main-area.lp .item {
  width: 640px;
  margin: 0 auto;
}

.main-area.lp .item .txt {
  text-align: center;
  line-height: 13px;
  letter-spacing: -0.02em;
}

.main-area.lp .item .txt._top {
  margin-top: 21px;
}

.main-area.lp .item .txt._mid {
  margin-top: 12px;
}

.main-area.lp .item .txt._btm {
  margin-top: 13px;
}

.main-area.lp .item ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  margin-top: 41px;
}

.main-area.lp .item ul li {
  width: 200px;
}

/* アイテムエリアクレジット */
.main-area.lp .item p.credit {
  text-align: center;
  font-size: 13px;
  margin-top: 19px;
}

.main-area.lp section.itemWrap._02 .item p.credit {
  text-align: center;
  font-size: 13px;
  margin-top: 19px;
  letter-spacing: -0.05em;
}

.main-area.lp .item p.credit + p {
  text-align: center;
  font-size: 15px;
  margin-top: 7px;
  letter-spacing: 0.1em;
  font-family: "EB Garamond", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

/* イメージエリアクレジット */
.main-area.lp .imgBox p.credit a {
  text-align: left;
  font-size: 13px;
  letter-spacing: -0.05em;
  text-decoration: underline;
  display: block;
  margin-top: 11px;
}

.main-area.lp .imgBox p.credit span {
  font-size: 14px;
  font-family: "EB Garamond", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  letter-spacing: 0.08em;
}

/* section01 */
section.itemWrap._01 {
  margin-top: 40px;
}

section.itemWrap._01::before {
  content: "";
  width: 860px;
  height: 523px;
  margin: 0 auto;
  display: block;
  position: absolute;
  z-index: -5;
  top: 23px;
  left: 70px;
  background-color: rgb(247, 247, 247);
}

.main-area.lp section._01 h3.mainTitle {
  letter-spacing: -0.1em;
}

.main-area.lp section._01 h3.mainTitle img {
  margin-left: 10px;
}

section.imgWrap._01 {
  margin-top: 121px;
}

.main-area.lp section._01 .imgBox._01 {
  width: 500px;
  height: 777px;
  margin: 0 auto;
}

.main-area.lp section._01 .imgBox._01 .img._01 {
  width: 500px;
}

.main-area.lp section._01 .imgBox._01 .credit {
  bottom: 0;
}

.main-area.lp section._01 .imgBox._02 {
  width: 850px;
  height: 970px;
  margin-top: 80px;
  margin-left: 100px;
}

.main-area.lp section._01 .imgBox._02 .img._02 {
  width: 400px;
  z-index: 5;
}

.main-area.lp section._01 .imgBox._02 .img._03 {
  width: 500px;
  top: 300px;
  left: 350px;
}


.main-area.lp section._01 .imgBox._02 .credit {
  top: 549px;
}

.main-area.lp section._01 .imgBox._03 {
  width: 729px;
  height: 604px;
  margin-top: 80px;
  margin-left: 150px;
}

.main-area.lp section._01 .imgBox._03 .img._04 {
  width: 450px;
}

.main-area.lp section._01 .imgBox._03 .credit {
  left: 470px;
  bottom: 0;
}

/* section02 */
section.itemWrap._02 {
  margin-top: 120px;
}

section.itemWrap._02::before {
  content: "";
  width: 800px;
  height: 547px;
  margin: 0 auto;
  display: block;
  position: absolute;
  z-index: -5;
  top: 23px;
  left: 100px;
  background-color: rgb(247, 247, 247);
}


.main-area.lp section._02 h3.mainTitle {
  letter-spacing: -0.01em;
}

.main-area.lp section._02 h3.mainTitle img {
  margin-left: -4px;
}

section.imgWrap._02 {
  margin-top: 121px;
}

.main-area.lp section._02 .imgBox._01 {
  width: 850px;
  height: 886px;
  margin: 0 auto;
}

.main-area.lp section._02 .imgBox._01 .img._01 {
  width: 500px;
  top: 0px;
  left: 0px;
  z-index: 5;
}

.main-area.lp section._02 .imgBox._01 .img._02 {
  width: 400px;
  top: 350px;
  left: 450px;
}

.main-area.lp section._02 .imgBox._01 .credit {
  top: 680px;
  left: 0;
}

.main-area.lp section._02 .imgBox._02 {
  width: 669px;
  height: 538px;
  margin-top: 80px;
  margin-left: 125px;
}

.main-area.lp section._02 .imgBox._02 .img._03 {
  width: 400px;
  top: 0px;
  left: 0px;
}

.main-area.lp section._02 .imgBox._02 .credit {
  bottom: 0;
  left: 420px;
}

.main-area.lp section._02 .imgBox._03 {
  width: 450px;
  height: 710px;
  margin-top: 80px;
  margin-left: 275px;
}

.main-area.lp section._02 .imgBox._03 .img._04 {
  width: 450px;
  top: 0px;
  left: 0px;
}

.main-area.lp section._02 .imgBox._03 .credit {
  bottom: 0;
  left: 0;
}

/* button */
.btnWrap {
  width: 560px;
  margin: 0 auto;
  padding-top: 99px;
  padding-bottom: 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
}

.button {
  width: 260px;
  height: 65px;
  background-color: #58595b;
}

.button p {
  font-size: 22px;
  line-height: 0.8;
  padding-top: 17px;
  color: #fff;
  font-family: "EB Garamond", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}


.button p span {
  font-size: 11px;
  font-family: "游明朝 Light", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 300;
}