@charset "utf-8";

/* Card */
.ir_cardUnit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 50px;
  -webkit-column-gap: calc(45 / 1080 * 100%);
  -moz-column-gap: calc(45 / 1080 * 100%);
  column-gap: calc(45 / 1080 * 100%);
}

/* ir_retail */
.ir_retail_header {
  margin-top: 12vh;
}

a.ir_retail_linkbtn {
  border-radius: 100px;
  display: block;
  padding: 5px;
  width: 180px;
  box-sizing: border-box;
  background: red;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  margin: 10px 0 0 0;
}

.ir_retail_video_header_desc {
  font-size: 1.4em;
  margin-bottom: 3vw;
}

/* return */
.ir_return {
  padding: 10px;
  background-color: #FFFFF0;
  filter: drop-shadow(3px 3px 3px lightgray);
}

.ir_return+.ir_return {
  margin-top: 40px;
}

.ir_return_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px;
}

.ir_return_section {
  width: 100%;
}

.ir_return_img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: min(5vw, 100px);
  text-align: center;
}

.ir_return_img img {
  width: auto;
  max-width: 100%;
}

.ir_returnTransition {
  display: flex;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 50px;
  padding: 20px;
}

.ir_return_comment {
  margin-top: 20px;
}

.ir_chartWrapper_equal {
  width: 47%;
}

.ir_chart {
  padding: 10px;
  background-color: #FFFFF0;
  filter: drop-shadow(3px 3px 3px lightgray);
}

.ir_chart_inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 50px;
}

.ir_chart_inner>* {
  width: 47%;
}

.ir_chart_table {
  margin-top: 25px;
}

.ir_chart_table table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  background-color: #fff;
}

.ir_chart_table table th,
.ir_chart_table table td {
  text-align: center;
  border: 1px solid #707070;
  padding: 5px;
}

.ir_chart_table__wide table th {
  padding: 10px 25px;
}

.ir_chart_table__wide table td {
  padding: 10px 5px;
}

.ir_chart_table_heading {
  background-color: #D9D9D9;
}

.ir_chart_table .table_caption {
  padding-left: 20px;
  position: relative;
}

.ir_chart_table .table_caption:first-of-type {
  margin-top: 20px;
}

.ir_chart_table .table_caption:first-of-type::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

/* List */
.ir_newsList>*+* {
  margin-top: 10px;
}

.ir_newsList__hidden {
  display: none;
  margin-top: 10px;
}

.ir_newsList_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ir_newsList_item time {
  width: 130px;
}

.ir_newsList_item img {
  width: auto;
  max-width: 100%;
  display: inline-block;
  margin-left: 0px;
  vertical-align: sub;
}

/* message */
.ir_message_img {
  margin-bottom: 3vw;
}
.ir_message p::before {
  content: "";
  display: inline-block;
  width: 16px;
}
.ir_message p+p {
  display: block;
  margin-top: 20px;
}

.ir_message .signature{
  text-align: right;
}

/* library */
.ir_noInfo {
  padding: 30px 50px;
  background-color: #EBEBEB;
}

/* highlight */
.ir_contents_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: calc(80 / 1080 * 100%);
  -moz-column-gap: calc(80 / 1080 * 100%);
  column-gap: calc(80 / 1080 * 100%);
  row-gap: 115px;
}

.ir_contents_gridItem__wide {
  grid-column: 1/3;
}

.video_container {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    background-color: aliceblue;
    padding: 20px;
}

.video_src {
  width: 40dvw;
}

a.video_documents {
  margin: 3px 0 0 0;
  color: #CC0000;
  text-decoration: underline;
}

.video_comment {
  width: 40dvw;
  padding-left: 20px;
}

.video_clickimg {
  /*未設定*/
}

@media not all and (min-width: 768px) {
  .ir_return+.ir_return {
    margin-top: 40px;
  }

  .ir_return_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .ir_return_section {
    display: contents;
    margin-top: 20px;
  }

  .ir_return_section > p {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 15px;
  }

  .ir_return_section .ir_chart_table {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .ir_return_img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: 0;
    text-align: center;
    margin-top: 20px;
  }

  /* return */
  .ir_returnTransition {
    flex-direction: column;
    margin-top: 0;
  }

  .ir_chartWrapper_equal {
    width: 100%;
  }

  .ir_chartWrapper_equal:nth-of-type(n+2) {
    margin-top: 20px;
  }

  .bl_table td,
  .bl_table th {
    padding: 5px;
    vertical-align: middle;
    font-size: max(2.5vw, 12px);
  }

  /* Card */
  .ir_cardUnit {
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
  }

  /* List */
  .ir_newsList_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .ir_newsList_item time {
    font-weight: bold;
  }

  /* library */
  .ir_noInfo {
    padding: 10px;
  }

  /* highlight */
  .ir_contents_grid {
		row-gap: 50px;
	}

	.ir_contents_gridItem {
		grid-column: 1/3;
	}
}

@media (max-width: 480px) {
  .ir_retail_header {
    margin-top:auto;
  }

  .ir_chart_table__wide table th {
    padding: 10px 15px;
  }

  .video_container {
    flex-direction: column;
  }

  .video_src {
    width: auto;
    order: 1;
    margin: 10px;
    align-items: center;
  }

  .video_documents {
    order: 2;
  }

  .video_comment {
    width: auto;
    order: 3;
    margin: 1vw;
    padding: 0px;
  }

  .video_clickimg {
    width: 80vw;
  }
}

@media print {
  .ir_return_img {
    margin-top: 0;
  }
  .ir_cardUnit {
    column-gap: 10px;
  }

}
