@charset "utf-8";

figure{
  margin: 0;
}

.stories_wrap{
  border-bottom: solid 2px #231815;
}

ul.cate_lists{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin-bottom: 180px;
}

ul.cate_lists li{
  margin-right: 24px;
}

ul.cate_lists li:last-child{
  margin-right: 0;
}

ul.cate_lists li,
ul.cate_lists li a{
  color:#231815;;
  font-family: "Jost", sans-serif;
  font-size: 13px;
  font-weight: 300;
}

@media (max-width:420px){
  ul.cate_lists{
    margin-bottom: 60px;
  }

  ul.cate_lists li,
  ul.cate_lists li a{
    font-size: 13px;
  }

  ul.cate_lists li{
    margin-right: 16px;
  }

}


ul.cate_list_wrap{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 912px;
}


ul.cate_list_wrap li{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 55px;
  width: 20%;
}


@media (max-width:960px){
  ul.cate_list_wrap{
    width: 100%;
  }
}

@media (max-width:840px){
  ul.cate_list_wrap li{
    width: 25%;
  }
}

@media (max-width:768px){
  ul.cate_list_wrap li{
    width: calc(100% / 3);
  }
}

@media (max-width:520px){
  ul.cate_list_wrap li{
    width: 50%;
  }
}


ul.cate_list_wrap li figure{
  margin-bottom: 15px;
  width:150px;
}

ul.cate_list_wrap li figure img{
  width:100%;
  height: 215px;
  object-fit: cover;
}

ul.cate_list_wrap li a.a_t_01{
  display: block;
  width: 150px;
}

.l_cate_name{
  font-size: 10px;
  font-family: "Jost", sans-serif;
}

.l_item_name{
  margin: 8px 0 12px;
  font-size: 21px;
  font-style: italic;
  font-weight: 500;
}

.l_sum_txt{
  font-size: 12px;
  line-height: 1.6;
}

.l_t_item_name{
  margin: 8px 0 12px;
  font-size: 21px;
  line-height: 23px;
  font-weight: 500;
  letter-spacing: 0;
}

.l_item_name_en{
  margin: -8px 0 18px;
  font-weight: 500;
  font-size: 14px;
  font-style: italic;
}


.d_info{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 140px auto 0;
  width: 1100px;
}

.d_info li:first-child{
  margin-right: 100px;
  width: 450px
}

.d_info li:last-child{
  display: flex;
  align-items: flex-start;
  padding-top: 50px;
  width: calc(100% - 580px);
}

.d_info li figure img{
  width: 100%;
  height: auto;
}

.d_info.ot_2 li:last-child{
  padding-top: 40px;
  width: 400px;
}

.d_info.ot_2 li figure img{
  width: 396px;
  height: auto;
}

.d_cate_name{
  font-size: 12px;
  margin-bottom: 10px;
}

.d_item_name{
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 45px;
}

.d_eng_ttl{
  font-size: 70px;
  line-height: 1;
  margin-bottom: 60px;
}

.d_sum_txt{
  font-size: 14px;
  line-height: 1.9;
}

.d_content{
  margin: 240px auto;
  width: 1154px;
}

.list_a_st_1{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 80px;
}

.ptn_sty{
  position: -webkit-sticky;
  position: sticky;
  top: 150px;
}

.list_a_st_1 li:nth-child(1){
  width: 450px;
}

.list_a_st_1 li:nth-child(2){
  font-size: 11px;
  line-height: 2em;
  width: 400px;
  margin-left: 32px;
}

.list_a_st_1 li:nth-child(3){
  font-size: 9px;
  line-height: 2em;
  width: 178px;
}

.list_a_st_1.ls_itm.p_2{
  justify-content: flex-start;
  margin-bottom: 27px;
}

.list_a_st_1.ls_itm.p_2 li:nth-child(1){
  width: 476px;
  height: 698px;
}

.list_a_st_1.ls_itm.p_2 li:nth-child(2){
  width: 498px;
  height: 698px;
}

.list_a_st_1.ls_itm.p_2 li:nth-child(3){
  width: 177px;
}


.list_a_st_1.ls_itm.p_2 li:nth-child(1) img,
.list_a_st_1.ls_itm.p_2 li:nth-child(2) img{
  width: 449px;
  height: 698px;
  object-fit: cover;
}

.list_a_st_1.ls_itm.p_3 li{
  width: 926px;
}

.list_a_st_1.ls_itm.p_3 li:nth-child(1) img{
  width: 926px;
  height: 1398px;
  object-fit: cover;
}

.list_a_st_1.ls_itm.p_3 li:nth-child(2){
  width: 177px;
}


.list_a_st_1 li:nth-child(1) figure img:nth-of-type(1){
  margin-bottom: 15px;
}

.list_a_st_1 li:nth-child(2) p,
.list_a_st_1 li:nth-child(3) p{
  margin-bottom: 1.5em;
}

.mb27{ margin-bottom: 27px; }
.mb30{ margin-bottom: 30px; }
.mb50{ margin-bottom: 50px; }

@media (max-width:1280px){
  .container{
    margin: 130px 30px !important;
    width: calc(100% - 60px) !important;
  }

  .list_a_st_1.ls_itm.p_2{
    justify-content: space-between;
  }

  .list_a_st_1.ls_itm.p_2 li:nth-child(1),
  .list_a_st_1.ls_itm.p_2 li:nth-child(2){
    width: 40% !important;
    height: auto;
  }

  .list_a_st_1.ls_itm.p_2 li:nth-child(1) img,
  .list_a_st_1.ls_itm.p_2 li:nth-child(2) img{
    width: 100% !important;
    height: auto !important;
  }

  .list_a_st_1.ls_itm.p_3 li:nth-child(1){
    width: 80% !important;
    height: auto;
  }

  .list_a_st_1.ls_itm.p_3 li:nth-child(1) img{
    width: 100% !important;
    height: auto !important;
  }

  .list_a_st_1.ls_itm.p_3 li:nth-child(2){
    width: 14% !important;
  }

}

@media (max-width:1200px){
  .d_content{
    margin: 240px 0;
    width: 100%;
  }

  .list_a_st_1.ls_itm.p_2 li:nth-child(2){
    width: 30%;
  }

  .list_a_st_1.ls_itm.p_2 li:nth-child(3){
    width: 14%;
  }

  .d_info{
    justify-content: space-between;
    width: 100%;
  }

  .d_info li:first-child{
    margin-right: 0;
    width: 30%;
  }

  .d_info li:last-child{
    width: 65%;
  }

}

@media (max-width:960px){

  .list_a_st_1{
    flex-wrap: wrap;
    width: 100%;
  }

  .list_a_st_1 li{
    width: 100% !important;
  }

  .list_a_st_1 li:nth-child(2),
  .list_a_st_1 li:nth-child(3){
    font-size: 12px;
    line-height: 1.8em;
  }

  .list_a_st_1.ls_itm li:nth-child(1){
    margin: 50px 0 0;
    order: 2;
  }

  .list_a_st_1.ls_itm li:nth-child(2){
    order: 1;
  }

  .list_a_st_1.ls_itm li:nth-child(3){
    order: 3;
    font-size: 9px;
    line-height: 2em;
  }

  .list_a_st_1.ls_itm.p_2 li:nth-child(1),
  .list_a_st_1.ls_itm.p_2 li:nth-child(2){
    margin: 0;
    width: 49% !important;
  }

  .list_a_st_1.ls_itm.p_3 li:nth-child(1){
    margin: 0;
    order: 1;
    width: 100% !important;
  }

  .list_a_st_1.ls_itm.p_3 li:nth-child(2){
    order: 2;
    width: 100% !important;
  }


}

@media (max-width:768px){
  .container{
    margin: 60px 30px !important;
  }

  .d_content{
    margin: 50px 0;
  }

  .d_info{
    margin: 0 auto;
    flex-wrap:wrap;
  }

  .d_info li{
    margin-right: 0 !important;
    width: 100% !important;
  }

  .list_a_st_1{
    margin-bottom: 40px;
  }

  .list_a_st_1 li figure{
    margin-bottom: 20px;
  }

  .d_eng_ttl{
    font-size: 45px;
  }

  .d_info li figure{
    margin-top: 50px;
    text-align: center;
  }

  .d_info li figure img{
    width: auto;
    max-width: 100%;
  }
}

.list_a_st_2{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 80px;
}

.list_a_st_2 li:nth-child(1){
  width: 449px;
}

.list_a_st_2 li:nth-child(1) figure img{
  width: 449px;
  height: 678px;
  object-fit: cover;
}


.list_a_st_2 li:nth-child(2){
  font-size: 11px;
  line-height: 2em;
  width: 355px;
}

.list_a_st_2 li:nth-child(3){
  font-size: 11px;
  line-height: 2em;
  width: 177px;
}

@media (max-width:960px){
  .list_a_st_2{
    flex-wrap:wrap;
    flex-direction: column;
  }

  .list_a_st_2 li:nth-child(1){
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    width: 100%;
  }

  .list_a_st_2 li:nth-child(2){
    margin-bottom: 20px;
    width: 100%;
  }

  .list_a_st_2 li:nth-child(3){
    width: 100%;
  }

  .list_a_st_2 li:nth-child(1) figure img{
    max-width: 100%;
    height: auto;
  }
}

@media (max-width:420px){
  .d_content{
    margin: 30px 0;
  }

  .list_a_st_2{
    margin-bottom: 30px;
  }

  .list_a_st_1 li figure{
    margin-bottom: 10px;
  }

  .list_a_st_1.ls_itm.p_2{
    margin-bottom: 20px;
  }
  .list_a_st_1 li:nth-child(2){
    margin-left: 0;
  }
}

.relat_st{
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 50px;
}

.f_bld_m{
  font-weight: 600;
}

.t_i_01{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 190px;
}

.t_i_01 li{
  width: 875px;
}

.t_i_01 li:first-child{
  margin-bottom: 45px;
}

@media (max-width:900px){
  .t_i_01 li{
    width: 100%;
  }
}

@media (max-width:420px){
  .t_i_01{
    margin-bottom: 17px;
  }

  .t_i_01 li:first-child{
    margin-bottom: 17px;
  }
}

.t_i_01 li figure{
  position: relative;
}

.t_i_01 img{
  width: 100%;
/*  height: 580px;*/
  object-fit: cover;
}


@media (max-width:768px){
  .t_i_01 img{
/*    height: 280px;*/
  }
}

.t_i_01 figcaption{
  color:#fff;
  position: absolute;
  bottom: 54px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  text-align: center;
  width: 100%;
}

@media (max-width:768px){
  .t_i_01 figcaption{
    bottom: 5%;
  }
}

.d_sum_txt.fr_04{
  font-size: 13px;
}

.d_eng_ttl.fr_01{
  font-size: 38px;
  margin-bottom: 10px;
}

.d_item_name.fr_02{
  font-size: 23px;
  margin-bottom: 20px;
}

@media (max-width:768px){
  .d_eng_ttl.fr_01{
    font-size: 23px;
  }

  .d_item_name.fr_02{
    font-size: 14px;
    margin-bottom: 15px;
  }

  .d_sum_txt.fr_04{
    font-size: 10px;
    transform: scale(0.8);
  }
}


.t_i_02{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 20px;
  width: 1087px;
}


.t_i_02 > li:first-child{
  width: 453px;
}

@media (max-width:1100px){
  .t_i_02{
    width: 100%;
  }

  .t_i_02 > li:first-child{
    width: 40%;
  }
}

@media (max-width:960px){
  .t_i_02 > li:first-child{
    margin-bottom: 60px;
    width: 100%;
  }
}


.t_i_02 > li:first-child figure img{
  width: 100%;
  height: 642px;
  object-fit: cover;
}



.t_i_02 > li:first-child figcaption{
  color: #000;
  margin-top: 30px;
}

.t_i_02 > li:last-child{
  width: 528px;
}

@media (max-width:1100px){
  .t_i_02 > li:last-child{
    width: 55%;
  }
}
@media(max-width:960px){
  .t_i_02 > li:last-child{
    width: 100%;
  }
}

.cate_list_wrap.fr_03{
  width: 100%;
}

.cate_list_wrap.fr_03 > li{
  width: calc(100% / 3);
}

@media(max-width:640px){
  .t_i_02 > li:first-child figure img{
    height: 500px;
  }

  .cate_list_wrap.fr_03 > li{
    width: calc(100% / 2);
  }
}

.fr_item_name{
  margin: 26px 0;
  font-size: 44px;
  line-height: 1;
}

.fr_sum_txt{
  font-style: italic;
  font-size: 27px;
  line-height: 1.2;
  margin-bottom: 45px;
}

.fr_sum_txt_02{
  font-size: 18px;
  line-height: 1.8;
}

.ct{
  text-align: center;
}

.clink{
  border: solid 1px #000;
  font-size: 12px;
  font-weight: 600;
  padding:7px 17px;
  display: inline-block;
}

@media(max-width:420px){
  .t_i_02 > li:first-child figcaption{
    margin-top: 24px;
  }

  .fr_item_name{
    margin: 12px 0 20px;
  }

  .fr_sum_txt{
    font-size: 18px;
  }

  .fr_sum_txt_02{
    font-size: 11px;
  }
}

.mov-wrap{
  margin-bottom: 50px;
}










div.cate_lists{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin-bottom: 180px;
}

div.cate_lists > div{
  margin-right: 32px;
}

div.cate_lists > div:last-child{
  margin-right: 0;
}

div.cate_lists > div,
div.cate_lists > div a{
  color:#231815;;
  font-family: "Jost", sans-serif;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 400;
}

@media (max-width:420px){
  div.cate_lists{
     margin-bottom: 60px;
  }

  div.cate_lists > div,
  div.cate_lists > div a{
    font-size: 13px;
  }

  div.cate_lists > div{
    margin-right: 13px;
  }

}


div.cate_list_wrap{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 912px;
}


div.cate_list_wrap > div{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 55px;
  width: 20%;
}


@media (max-width:960px){
  div.cate_list_wrap{
     width: 100%;
  }
}

@media (max-width:840px){
  div.cate_list_wrap > div{
    width: 25%;
  }
}
div.cate_lists > div.cate_lists-item-wrap {
  display: flex;
}
div.cate_lists > div.cate_lists-item-wrap .cat-item{
  margin-right: 40px;
}
div.cate_lists > div.cate_lists-item-wrap .cat-item:last-child{
  margin-right: 0;
}

@media (max-width:768px){
  div.cate_list_wrap > div{
    width: calc(100% / 3);
  }

  div.cate_lists > div.cate_lists-item-wrap{
    display: flex;
    flex-wrap: wrap;
  }
  div.cate_lists > div.cate_lists-item-wrap .cat-item{
    margin-right: 13px;
  }

}

@media (max-width:520px){
  div.cate_list_wrap > div{
    width: 50%;
  }
}


div.cate_list_wrap > div figure{
  margin-bottom: 15px;
  width:150px;
}

div.cate_list_wrap > div figure img{
  width:100%;
  height: 215px;
  object-fit: cover;
}

div.cate_list_wrap > div a.a_t_01{
  display: block;
  width: 150px;
}

header{
  border-bottom: none !important;
  height: 114px !important;
}

.category .container{
  margin: 90px auto;
}
div.cate_lists{
  margin-bottom: 90px;
}
header .header_inside .header_item-right{
  top: 44px !important;
}

header .header_inside .header_item-right .subitem_wrap .item a {
  letter-spacing: 0 !important;
}



@media screen and (min-width: 768px) {
  header .header_inside .header_item-right{
    top: 43px !important;
  }
  header .header_inside .header_item-right .subitem_wrap .item a{
    font-weight: 400;
  }
  header .header_inside .header_item-right .subitem_wrap .item#header-search img{
    position: absolute;
    width: 18px;
    height: 23px;
    top: 2px;
    left: 148.5px;
  }
  _::-webkit-full-page-media, _:future, :root header .header_inside .header_item-right .subitem_wrap .item#header-search img{
      top: 1px;
      left: 148px;
      width: 20px;
      height: 25px;
    }
    @media screen and (-webkit-min-device-pixel-ratio:0) {
      ::i-block-chrome, header .header_inside .header_item-right .subitem_wrap .item#header-search img {
        top: 1px;
        left: 148px;
        width: 20px;
        height: 25px;
    }
  }
  _::-webkit-full-page-media, _:future, :root header .header_inside .header_item-right{
      top: 44px !important;
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, header .header_inside .header_item-right {
      top: 44px !important;
    }
  }

  _::-webkit-full-page-media, _:future, :root header .header_inside .header_item-right .subitem_wrap .item#header-menu{
    top: -5px;
    left: 150px;
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, header .header_inside .header_item-right .subitem_wrap .item#header-menu {
      top: -5px;
      left: 150px;
    }
  }
  _::-webkit-full-page-media, _:future, :root header .header_inside .header_item-right .subitem_wrap .hum.openMenu .on{
    top: 101px;
    right: -23.5px;
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, header .header_inside .header_item-right .subitem_wrap .hum.openMenu .on {
      top: 101px;
      right: -23.5px;
    }
  }
}

footer .footer__content-bottom a{
  letter-spacing: 0px !important;
}

@media (max-width:768px){
  header{
    height: 90px !important;
  }
}