@charset "UTF-8";
/* CSS Document */


/*-----------
download
-----------*/


/* download_twin_block */

.download_twin_block_list{
  width: 860px;
  margin: 0 auto 60px;
}

.download_twin_block_list > ul{
  border-top: 1px solid #e4e4e4;
}

.download_twin_block_list > ul > li{
  border-bottom: 1px solid #e4e4e4;
  padding: 30px 0;
}

.download_twin_block,
.download_twin_block_list > ul > li{
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 50px;
  margin: 0 auto;
  width: 860px;
}

.download_twin_block .block_wrap,
.download_twin_block_list > ul > li .block_wrap{
  grid-row: 1 / 3;
  display: contents;
}

.download_twin_block .block_left,
.download_twin_block_list > ul > li .block_left{
  padding-top: 22px;
}

.download_twin_block .block_left__tool,
.download_twin_block_list > ul > li .block_left__tool{
  padding-top: 5px;
}

.download_twin_block .block_right,
.download_twin_block_list > ul > li .block_right{
  width: auto;
}

.product_name {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
}


/* download_item */

.download_item_list{
  width: 790px;
  margin: 0 auto 60px;
}

.download_item_list > ul{
  border-top: 1px solid #e4e4e4;
}

.download_item_list > ul > li{
  border-bottom: 1px solid #e4e4e4;
  padding: 30px 0;
}

.download_item,
.download_item_list > ul > li{
  display: flex;
  column-gap: 20px;
  align-items: center;
  width: 790px;
  margin: 0 auto;
}

.download_item .product_name,
.download_item_list > ul > li .product_name{
  flex: 1;
}

.download_item .product_name .txt_nb,
.download_item_list > ul > li .product_name .txt_nb,
.download_twin_block .block_left .product_name .txt_nb,
.download_twin_block_list > ul > li .block_left .product_name .txt_nb{
  display: block;
  font-size: 13px;
  font-weight: bold;
  color: #1b365d;
}

.download_item .btn_area,
.download_item_list > ul > li .btn_area{
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.download_item .btn_area .btn_w--medium,
.download_item_list > ul > li .btn_area .btn_w--medium{
  margin: 0;
}

.download_item.item_initial,
.download_item_list.item_initial > ul > li {
  align-items: initial;
}

.download_item .btn_area,
.download_item_list .btn_area {
  flex-wrap: wrap;
}

.btn_printing_pdf:not(:first-child),
.btn_printing_pdf:not(:first-child) + .heart {
  padding-top: 22px;
}


/* extension_list */

.extension_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: fit-content;
}

.extension_list ul {
  display: flex;
}

.extension_list ul li {
  margin-right: 10px;
}

.extension_list ul li > a {
  width: 80px;
  height: 80px;
  color: #007096;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-color: #fff;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  line-height: 1.5;
  border-radius: 6px;
  border: solid 1px #007096;
  box-sizing: border-box;
}

.extension_list ul li > span,
.extension_list ul li > a.link_modal_login,
.extension_list ul li > a.link_modal_login:hover{
  width: 80px;
  height: 80px;
  color: #ababab;
  display: block;
  padding-top: 21px;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  line-height: 1.5;
  border-radius: 6px;
  border: solid 1px #ababab;
  box-sizing: border-box;
  background: #f4f4f4;
}

.extension_list ul li a.sub_txt,
.extension_list ul li a.sub_txt:hover,
.extension_list ul li span.sub_txt{
  padding-top: 12px;
}

.extension_list ul li a.sub_txt span,
.extension_list ul li span.sub_txt span{
  display: block;
  font-size: 12px;
}

.heart {
  line-height: 1;
}

.extension_list ul li > .btn_video {
  font-size: 19px;
}






.list_partner,
.list_partner > ul > li {
  width: 900px;
}

.list_partner .extension_list ul .small1 > a {
  font-size: 14px;
  padding: 0 5px;
}

.list_partner .extension_list ul .small3 > a {
  font-size: 14px;
  padding: 0 5px;
}

.list_partner .extension_list ul .small > a {
  font-size: 14px;
  padding: 0 5px;
}

.list_partner .extension_list ul .partner {
  margin-right: 1px;
}

.list_partner > ul > li .product_name {
  flex: initial;
  width: 35%;
}


/* tool_name_list */

.tool_name_list {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 22px;
  width: 540px;
}

.tool_name_list .ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  place-self: center start;
}


/* download_item_movie */

.download_movie {
  padding: 50px 0 20px;
}

.download_movie h2 {
  width: fit-content;
  font-size: 26px;
  font-weight: bold;
  margin: 0 auto 45px;
  border-bottom: 1px solid #000;
}

.download_movie .login_area{
  padding: 20px 0 65px;
}

.download_movie  .product_name {
  text-align: center;
  margin-bottom: 30px;
}

.download_item_movie{
  width: 770px;
  margin: 0 auto 80px;
}

.download_item_movie li{
  padding-bottom: 35px;
}

.download_item_movie li + li{
  padding-top: 45px;
  border-top: solid 1px #e4e4e4;
}

.download_item_movie li + li:last-child{
  border-bottom: solid 1px #e4e4e4;
}

.movie_title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  column-gap: 30px;
}

.movie_title p{
  font-size: 20px;
  font-weight: bold;
}

.movie_box {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #fff url("../img/common/icon_movie.svg") no-repeat center center;
  background-size: 80px auto;
}

.movie_box iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
}

.btn_movie_dl {
  width: 277px;
  color: #007096;
  display: block;
  background-color: #fff;
  margin: 20px auto 0;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  line-height: 48px;
  border-radius: 6px;
  border: solid 1px #007096;
  box-sizing: border-box;
}

.download_movie ul li > a.link_modal_login + a.btn_movie_dl {
  color: #ababab;
  border: solid 1px
  #ababab;
  background: #f4f4f4;
}


/*
SP
---------------------------------------------------------------------*/

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

  
  .product_name {
    margin-bottom: 4.5% !important;
  }
  
  /* download_twin_block */
  
  .download_twin_block {
    display: block;
    width: auto;
    padding: 0 1.4%;
  }
  
  .download_twin_block_list {
    display: block;
    width: auto;
    margin-bottom: 30px;
    padding: 0 1.4%;
  }
  
  .download_twin_block_list > ul > li {
    display: block;
    width: auto;
    padding: 7.5% 1.4% 8.5%;
  }
  
  .download_twin_block .block_wrap,
  .download_twin_block_list > ul > li .block_wrap{
    display: block;
  }
  
  .download_twin_block .block_left,
  .download_twin_block_list > ul > li .block_left{
    padding-top: 0;
  }

  .download_twin_block .block_left__tool,
  .download_twin_block_list > ul > li .block_left__tool{
    padding-top: 0;
  }
  
  .download_item_list {
    margin-bottom: 30px;
    width: auto;
  }

  .download_item {
    display: block;
    padding: 0 1.4%;
    width: auto;
  }
  
  .download_item_list > ul > li {
    display: block;
    padding: 7.5% 1.4% 8.5%;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
  }

  .download_item .product_name .txt_nb,
  .download_item_list > ul > li .product_name .txt_nb{
    font-size: calc(100vw / ( 375 / 11 ));
  }

  .download_item .btn_area,
  .download_item_list > ul > li .btn_area {
    width: calc(42.6vw + 68px);
    column-gap: 14px;
    float: right;
  }

  .btn_printing_pdf:not(:first-child),
  .btn_printing_pdf:not(:first-child) + .heart {
    padding-top: 20px;
  }
  
  
  
  /* extension_list */
  
  .extension_list {
    width: 100%;
  }
  
  .extension_list ul {
    display: flex;
    flex-wrap: wrap;
  }
  
  .extension_list ul li {
    margin-right: 2.4vw;
  }
  
  .extension_list ul li > a,
  .extension_list ul li > a.link_modal_login,
  .extension_list ul li > a.link_modal_login:hover,
  .extension_list ul li > span{
    width: 19.2vw;
    height: 19.2vw;
    font-size: calc(100vw / ( 375 / 19 ));
    border-radius: 5px;
  }
  
  .extension_list ul li a.sub_txt,
  .extension_list ul li a.sub_txt:hover,
  .extension_list ul li span.sub_txt{
    padding-top: 15%;
  }
  
  .extension_list ul li a.sub_txt span
  .extension_list ul li span.sub_txt span{
    font-size: calc(100vw / ( 375 / 11 ));
  }

  .download_item_list.list_partner > ul > li .product_name {
    flex: 1;
    width: auto;
  }

  .list_partner .extension_list ul {
    row-gap: 2.4vw;
  }

  .list_partner .extension_list ul .small1 > a {
    font-size: calc(100vw / ( 375 / 13 ));
    padding: 0 5px;
  }
  
  .list_partner .extension_list ul .small3 > a {
    font-size: calc(100vw / ( 375 / 13 ));
    padding: 0 5px;
  }
  
  .list_partner .extension_list ul .small > a {
    font-size: calc(100vw / ( 375 / 13 ));
    padding: 0 5px;
  }

  .list_partner .extension_list ul .partner {
    margin-right: 2.4vw;
  }
  
  
  
  /* tool_name_list */
  
  .tool_name_list {
    gap: 20px 14px;
    width: auto;
  }
  
  .tool_name_list .ttl {
    font-size: calc(100vw / ( 375 / 15 ));
  }


  /* download_item_movie */

  .download_movie {
    padding: 9% 0 20%;
  }

  .download_movie h2 {
    font-size: calc(100vw / ( 375 / 19 ));
    margin: 0 auto 8%;
  }

  .download_movie .login_area{
    padding: 2% 0 11%;
  }

  .download_movie  .product_name {
    margin-bottom: 5%;
  }

  .download_item_movie{
    width: 100%;
    margin: 0 auto 8%;
  }

  .download_item_movie li{
    padding: 0 1.4% 8.5%;
  }

  .download_item_movie li + li{
    padding-top: 7%;
  }

  .movie_title {
    align-items:center;
    margin-bottom: 3%;
    column-gap: 20px;
  }

  .movie_title p{
    font-size: calc(100vw / ( 375 / 14 ));
  }

  .movie_box {
    background: #fff url("../img/common/icon_movie.svg") no-repeat center center;
    background-size: 16% auto;
  }

  .btn_movie_dl {
    width: 75%;
    line-height: 3;
    margin: 7% auto 0;
    font-size: calc(100vw / ( 375 / 15 ));
    border-radius: 5px;
  }


}