@charset "UTF-8";

/*
///////////////////////////////////////////////////////////////////////////////////////
 contents__wrapper
 ///////////////////////////////////////////////////////////////////////////////////////
*/
@media only screen and (min-width: 768px) {
  body{
    overflow-x: hidden;
  }
}

.lp0821{
  --font-yu: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  --font-zen: "Zen Kaku Gothic New", sans-serif;;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
}

.lp0821 a{
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.lp0821 p,
.lp0821 a,
.lp0821 span,
.lp0821 h1,
.lp0821 h2{
  -webkit-font-smoothing: antialiased;
}

.lp0821 .cai__wrapper span{
  line-height: 1;
}

.lp0821 .heading-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* ============= contents_maintxt__wrapper */
.lp0821 .contents_maintxt,
.lp0821 .contents_maintxt{
  font-family: var(--font-zen);
  font-weight: var(--fw-medium);
  font-style: normal;
}

.lp0821 .contents_maintxt__wrapper{
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.lp0821 .block_txt {
  font-family: var(--font-zen);
  font-weight: var(--fw-medium);
  line-height: 2;
  color: #000;
  text-align: left;
}

.item_credit_block{
  display: flex;
}

.item_credit_position,
.item_credit_block .credit{
  font-family: var(--font-barbour-sans);
  font-weight: var(--fw-regular);
  line-height: 1;
  color: #4E4E4E;
  white-space: nowrap;
  letter-spacing: 0.012em;
}

.item_credit_position,
.item_credit_cat{
  font-weight: var(--fw-regular);
}

.item_credit_block{
  flex-wrap: wrap;
}

.item_credit_name{
  font-weight: var(--fw-light);
  white-space: nowrap;
}

.item_credit_price{
  font-weight: var(--fw-light);
  text-decoration: underline;
}

.w300sp .item_credit_block,
.w300pc .item_credit_block{
  align-items: center;
  justify-content: center;
}

/* ============= item__wrapper */
@media only screen and (max-width: 767px) {
  .lp0821{
    overflow-x: clip;
  }

  .lp0821 .mb-20sp{
    margin-bottom: calc(20* (100vw / 402));
  }

  .lp0821 .mb-40sp{
    margin-bottom: calc(40* (100vw / 402));
  }

  .lp0821 .w351{
    width: calc(351* (100vw / 402));
  }

  .lp0821 .w300sp,
  .lp0821 .w300{
    width: calc(300* (100vw / 402));
  }

  .lp0821 .--06.flex_pc,
  .lp0821 .--11.flex_pc,
  .lp0821 .--14.flex_pc{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: calc(80* (100vw / 402));
  }

  .item_credit_block {
    flex-direction: column;
    row-gap: calc(8* (100vw / 402));
    margin-top: calc(8* (100vw / 402));
  }

  .item__wrapper.--02 .img05__wrapper .item_credit_block,
  .item__wrapper.--07 .img13 .item_credit_block,
  .item__wrapper.--09 .img16 .item_credit_block,
  .item__wrapper.--10 .img17 .item_credit_block,
  .item__wrapper.--12 .img21 .item_credit_block,
  .item__wrapper.--15 .img27__innner .item_credit_block{
    align-items: center;
  }

  .lp0821 .contents_maintxt__wrapper{
    width: calc(360* (100vw /402));
    margin: calc(100* (100vw /402)) auto calc(100* (100vw /402));
  }

  .lp0821 .block_txt{
    font-size: 14px;
  }

  .slide_loop_inner{
    width: calc(321* (100vw / 402));
  }

  .item__wrapper{
    margin-bottom: calc(100* (100vw / 402));
  }

  .credit span:not(.item_credit_price){
    padding-right: calc(6* (100vw / 402));
  }

  .item_credit_block .credit{
    font-size: 12px;
  }
}

@media only screen and (min-width: 768px) {

  .lp0821{
    width: 100vw;
    overflow-x: clip;
    margin: 0 auto calc(180* (100vw /1440));
  }

  .lp0821 .mb-40pc{
    margin-bottom: calc(30* (100vw /1440));
  }

  .lp0821 .mb-60{
    margin-bottom: calc(65* (100vw /1440));
  }

  .lp0821 .mb-140{
    margin-bottom: calc(140* (100vw /1440));
  }

  .lp0821 .mb-120pc{
    margin-bottom: calc(120* (100vw /1440));
  }

  .lp0821 .w300pc,
  .lp0821 .w300{
    width: calc(600* (100vw / 1440));
  }

  .lp0821 .flex_pc{
    display: flex;
  }

  .item_credit_block{
    display: flex;
    margin-top: calc(8* (100vw /1440));
    row-gap: calc(8* (100vw /1440));
    column-gap: calc(20* (100vw /1440));
  }

  .item_credit_block a{
    font-size: 1.2rem;
  }

  .lp0821 .contents_maintxt__wrapper{
    max-width: 1400px;
    width: calc(960* (100vw / 1440));
    margin-top: calc(180* (100vw /1440));
    margin-bottom: calc(180* (100vw /1440));
  }

  .lp0821 .block_txt{
    font-size: 1.7rem;
  }

  .item__wrapper{
    margin-bottom: calc(180* (100vw / 1440));
  }

  .credit__wrapper{
    display: flex;
    flex-direction: column;
  }

  /* .w300pc .item_credit_block{
    flex-wrap: wrap;
  } */

  .credit span:not(.item_credit_price){
    padding-right: calc(7 * (100vw / 1440));
  }

  .item_credit_block .credit{
    font-size: 1.2rem;
  }

  .item_credit_position,
  .item_credit_cat{
    word-spacing: calc(-0.5 * (100vw / 1440));
  }

  .item_credit_block,
  .w300pc .item_credit_block{
    flex-wrap: nowrap;
  }


}

/*
///////////////////////////////////////////////////////////////////////////////////////
 animation
 ///////////////////////////////////////////////////////////////////////////////////////
*/

.jsFade {
  opacity: 0;
  transform: translateY(20px);
}

.jsFade.isActive {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity 0.7s, transform 0.7s;
}

@media only screen and (max-width: 767px) {
  .jsFadeSP{
    opacity: 0;
    transform: translateY(20px);
  }

  .jsFadeSP.isActive{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 0.7s, transform 0.7s;
  }
}

@media only screen and (min-width: 768px) {
  .jsFadePC {
    opacity: 0;
    transform: translateY(20px);
  }

  .jsFadePC.isActive {
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 0.7s, transform 0.7s;
  }

  .jsFadePC.delay_anim,
  .jsFade.delay_anim{
    transition-delay: 0.5s;
  }
}


/*
///////////////////////////////////////////////////////////////////////////////////////
 250821 items__wrapper
 ///////////////////////////////////////////////////////////////////////////////////////
*/

/* =============  --01 */
.item__wrapper.--01 .img02 .item_credit_block{
  align-items: flex-end;
}

.item__wrapper.--01 .img03 .item_credit_block{
  align-items: flex-start;
}

.item__wrapper.--01 .img02,
.item__wrapper.--01 .img03 {
  display: flex;
  flex-direction: column;
}

.item__wrapper.--01 .img02{
  margin-right: auto;
  margin-left: 0;
}

.item__wrapper.--01 .img03{
  justify-content: left;
  margin-right: 0;
  margin-left: auto;
}

/* =============  --03 */
.item__wrapper.--03 .img07 .item_credit_block{
  align-items: left;
}

/* =============  --04 */
.item__wrapper.--04 .img08 .item_credit_block {
  justify-content: center;
  align-items: center;
}

/* =============  --08 */
.item__wrapper.--08 .img14 .item_credit_block{
  margin-right: 0;
  margin-left: auto;
  align-items: flex-start;
}

.item__wrapper.--08 .info{
  font-family: var(--font-zen);
  font-weight: var(--fw-medium);
  padding-right: 0;
}

.item__wrapper.--08 .item_credit_block:nth-of-type(3) .prc {
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .item__wrapper.--08 .info{
    font-size: 11px;
  }
}

@media only screen and (min-width: 768px) {
  .item__wrapper.--08 .info{
    font-size: 1.1rem;
  }

}

@media only screen and (max-width: 767px) {

  /* =============  --01 */
  .item__wrapper.--01 .img02{
    width: calc(291* (100vw / 402));
  }

  /* =============  --02 */
  .item__wrapper.--02 .img05__wrapper .item_credit_block {
    width: calc(360* (100vw /402));
    margin-right: auto;
    margin-left: auto;
  }

  /* =============  --03 */
  .item__wrapper.--03 {
    flex-direction: row-reverse;
    margin-right: 0;
    margin-left: auto;
  }

  .item__wrapper.--03 .img06{
    width: calc(231* (100vw / 402));
  }

  .item__wrapper.--03 .img07{
    width: calc(351* (100vw / 402));
    margin-right: 0;
    margin-left: auto;
  }

  /* =============  --04 */
  .item__wrapper.--04{
    margin-right: auto;
    margin-left: auto;
  }

  /* =============  --05 */
  .item__wrapper.--05 .img09{
    width: calc(231* (100vw / 402));
    margin-right: 0;
    margin-left: auto;
  }

  .item__wrapper.--05 .img01__wrapper{
    align-items: left;
    margin-right: auto;
    margin-left: 0;
  }

  .item__wrapper.--05 .img01__wrapper .item_credit_block{
     align-items: flex-end;
  }

  /* =============  --06 */
  .item__wrapper.--06 .img11__inner{
    width: calc(310 * (100vw / 402));
  }

  .item__wrapper.--06 .img12__inner{
    width: calc(360 * (100vw / 402));
  }

  .item__wrapper.--06 .img11,
  .item__wrapper.--06 .img12{
    margin: 0 auto;
  }

  /* =============  --08 */
  .item__wrapper.--08 .img14{
    display: flex;
    flex-direction: column;
    align-items: right;
    margin-right: auto;
    margin-left: 0;
  }

  .item__wrapper.--08 .img14 .item_credit_block{
    width: calc(330* (100vw / 402));
  }

  /* =============  --13 */
  .item__wrapper.--13 .img22{
    width: calc(351* (100vw / 402));
    margin-right: 0;
    margin-left: auto;
  }

  .item__wrapper.--13 .img23{
    align-items: flex-end;
    margin-right: auto;
    margin-left: 0;
  }

  .item__wrapper.--13 .img01__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .item__wrapper.--13 .img01__wrapper .item_credit_block{
    align-items: flex-start;
    width: calc(228 * (100vw / 402));
  }

  /* =============  --15 */
  .item__wrapper.--15 {
    margin-bottom: calc(140* (100vw / 402));

  }
}


@media only screen and (min-width: 767px) {
  .item__wrapper.--07 .img13 .item_credit_block,
  .item__wrapper.--10 .img17 .item_credit_block{
    align-items: center;
    justify-content: center;
  }

  .item__wrapper.--06,
  .item__wrapper.--11,
  .item__wrapper.--14{
    max-width: calc(1200* (100vw /1440));
    margin-right: auto;
    margin-left: auto;
  }

  .item__wrapper.--05 .img09,
  .item__wrapper.--05 .img10,
  .item__wrapper.--13 .img23,
  .item__wrapper.--13 .img22{
    width: 50%;
  }

  .item__wrapper.--05 .img01__wrapper .item_credit_block{
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* =============  --01 */
  .item__wrapper.--01{
    margin-bottom: calc(200* (100vw /1440));
  }

  .item__wrapper.--01 .img01{
    width: calc(420* (100vw / 1440));
  }

  .item__wrapper.--01 .img01_02{
    width: calc(720* (100vw / 1440));
  }

  .item__wrapper.--01 .img01__wrapper{
    justify-content: space-between;
  }

  .item__wrapper.--01 .img02__wrapper{
    justify-content: space-between;
    max-width: calc(1200* (100vw / 1440));
    margin: 0 auto;
  }

  .item__wrapper.--01 .img02{
    width: calc(480* (100vw / 1440));
    align-items: end;
  }

  .item__wrapper.--01 .img03{
    width: calc(600* (100vw / 1440));
    padding-top: calc(180* (100vw /1440));
    align-items: end;
  }

  .item__wrapper.--01 .img03 .item_credit_block{
    align-items: flex-start;
    flex-direction: column;
  }

  /* =============  --02 */
  .item__wrapper.--02 .img04{
    margin-bottom: calc(100* (100vw / 1440));
  }

  .item__wrapper.--02 .slide_loop_inner{
    width: calc(480* (100vw / 1440));
  }

  .item__wrapper.--02 .img05__wrapper{
    width: calc(1320 * (100vw / 1440));
    margin-right: 0;
    margin-left: auto;
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .item__wrapper.--02 .img05__wrapper .item_credit_block {
    align-items: baseline;
    flex-direction: column;
    justify-content: flex-end;
  }

  .item__wrapper.--02 .img05{
    width: calc(720* (100vw /1440));
  }

  /* =============  --03 */
  .item__wrapper.--03 {
    max-width: calc(1320* (100vw /1440));
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-right: 0;
    margin-left: auto;
  }

  .item__wrapper.--03 .img06 {
    width: calc(480* (100vw / 1440));
  }

  .item__wrapper.--03 .img07{
    width: calc(720* (100vw / 1440));
  }

  .item__wrapper.--03 .img07 .item_credit_block{
    align-items: left;
  }

  /* =============  --04 */
  /* =============  --08 */
  .item__wrapper.--08{
    max-width: calc(1320* (100vw / 1440));
    justify-content: space-between;
    margin-right: auto;
    margin-left: 0;
  }

  .item__wrapper.--08 .img14_dec{
    width: calc(240* (100vw / 1440));
  }

  .item__wrapper.--08 .img14{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc(720* (100vw / 1440));
  }

  .item__wrapper.--08 .img14 .item_credit_block{
    width: calc(500 * (100vw / 1440));
    /* flex-wrap: wrap; */
  }

  /* =============  --09 */
  .item__wrapper.--09{
    display: grid;
    grid-template-columns: calc(120* (100vw /1440)) calc(360* (100vw /1440)) calc(360* (100vw /1440)) calc(180* (100vw /1440)) auto;
    grid-template-rows: calc(900* (100vw /1440)) calc(220* (100vw /1440)) auto;
  }

  .item__wrapper.--09 .img16 .item_credit_block{
    justify-content: left;
  }

  .item__wrapper.--09 .img15{
    width: calc(420* (100vw / 1440));
    grid-column: 5 / 6;
    grid-row: 2 / 4;
  }

  .item__wrapper.--09 .img16{
    width: calc(720* (100vw / 1440));
    grid-column: 2 / 4;
    grid-row: 1 / 3;
    align-items: flex-start;
  }

  .item__wrapper.--09 .img16_slider02{
    width: calc(480* (100vw / 1440));
    grid-column: 1 / 3;
    grid-row: 3 / 4;
  }

  /* =============  --10 */
  .item__wrapper.--10 .credit span:not(.credit span:last-child) {
    padding-right: calc(16 * (100vw / 1440));
  }

  /* =============  --12 */
  .item__wrapper.--12{
    width: calc(1320* (100vw /1440));
    justify-content: space-between;
    margin-right: auto;
    margin-left: 0;
  }

  .item__wrapper.--12 .img20{
    width: calc(420* (100vw / 1440));
  }

  .item__wrapper.--12 .img21{
    width: calc(720* (100vw / 1440));
  }

  /* =============  --13 */
  .item__wrapper.--07 .img13 .item_credit_block:nth-of-type(4){
    width: calc(480 * (100vw / 1440));
    margin-right: auto;
    margin-left: auto;
  }

  .item__wrapper.--07 .img13 .item_credit_block {
    width: calc(800 * (100vw / 1440));
    margin-right: auto;
    margin-left: auto;
    flex-wrap: wrap;
  }

  .item__wrapper.--13 .img01__wrapper .item_credit_block{
    flex-direction: row;
    justify-content: center;
  }

  /* =============  --15 */
  .item__wrapper.--15 {
    margin-bottom: calc(240* (100vw / 1440));
  }

  .item__wrapper.--15 .img26{
    width: calc(960* (100vw / 1440));
    margin: 0 0 calc(100* (100vw /1440)) auto;
  }

  .item__wrapper.--15 .slide_loop_inner{
    width: calc(480 * var(--variable)* var(--ratio));
  }

  .item__wrapper.--15 .img27__innner{
    column-gap: calc(8 * (100vw / 1440));
    margin: 0 auto 0 0;
  }

  .item__wrapper.--15 .credit__wrapper {
    justify-content: flex-end;
    width: calc(500 * (100vw / 1440));
  }

  .item__wrapper.--15 .img27__innner .item_credit_block{
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .item__wrapper.--15 .img27{
    width: calc(720* (100vw / 1440));
  }

}

/* =============  all_button */
.lp0821 .all_button{
  display: block;
  text-align: center;
  color: #fff;
  font-family: var(--font-barbour-sans);
  font-weight: var(--fw-light);
  line-height: 1;
  background-color: #4E4E4E;
  border: solid 1px #4E4E4E;
  transition: .3s;
}

a.all_button:hover{
  background-color: #fff;
  color: #4E4E4E;
}

@media only screen and (max-width: 768px) {  
  .all_button{
    width: calc(360 * (100vw / 402));
    font-size: 16px;
    margin: 0 auto calc(140 * (100vw / 402));
    padding: calc(27 * (100vw / 402)) 0;
  }

}


@media only screen and (min-width: 767px) {  

  .all_button{
    max-width: calc(960 * (100vw / 1440));
    font-size: 1.7rem;
    margin: 0 auto calc(240 * (100vw / 1440));
    padding: calc(26 * (100vw / 1440)) 0;
    letter-spacing: 0.034em;
    word-spacing: calc(2 * (100vw / 1440));
  }
}

.txtBox06,
.txtBox08,
.txtBox05_a {
  font-family: var(--font-zen);
  font-weight: var(--fw-medium);
  line-height: 2;
  color: #000;
  text-align: center;
}

.txtBox05_a{
  font-size: 2rem;
}


@media only screen and (max-width: 768px) { 
  .additional-content{
    margin-bottom: calc(140 * (100vw / 390));
  }


  .txtBox05_a{
    font-size: 17px;
  }


  .img15 {
    width: calc(178  (100vw / 390));
    margin: 0 auto;
  }

  .txtBox06,
  .txtBox08 {
    font-size: 14px;
    line-height: 1.7;
    margin-top: calc(45*(100vw / 390));
    letter-spacing: 0em;
    text-align: center;
    font-weight: 400;
    font-style: normal;

  }
}

@media only screen and (min-width: 767px) {  
  .additional-content{
    margin-bottom: calc(200 * (100vw / 1440));
  }

  .img15 {
    width: calc(335 * (100vw / 1440));
    margin: 0 auto;
  }

  .txtBox06,
  .txtBox08 {
    font-size: 14px;

    margin-top: calc(25*(100vw / 1440));
  }
}