@charset "UTF-8";

/* ===================================
	File Name   : top.css
	Description : Top Page Layout CSS
	Editor      : Bface Saeki
	Last Editor : Bface Otake
	
	Update Description :
  [2025/04/23] report_preface 追加
  [2025/02/26] 開催速報 テキスト左よせ追加
	[2023/04/05] ピックアップスタイル追加
	[2023/04/04] セミナースタイル追加
	[2022/04/18] 2023改訂
	[2021/03/02] Section [Quick] Setting追加
	[2020/05/25] REGION「その他の国」リスト下部マージン追加

====================================== */

/*========== Style Contents ==========

	1. Individual Redefinition
	2. Share Elements
	3. Div [report_preface] Setting
	4. Section [report_scale] Setting
	4. Section [report_country] Setting
	5. Section [report_registered] Setting
	6. Section [report_region] Setting
	7. Section [report_scene] Setting
	8. Section [report_analyze] Setting
	9. Section [report] Setting
	10. Section [Quick] Setting
	11. Section [Seminar] Setting
	12. Section [Pickup] Setting
	
====================================== */



/*===== ■1. Individual Redefinition =====*/



/*===== ■2. Share Elements =====*/

/*===== ■3. Div [report_preface] Setting =====*/
#report_preface p {
  margin: 60px 20px 0 20px;
  text-align: center;
  font-weight: 700;
  font-size: 2rem;
}


@media (max-width: 768px) {
  #report_preface p {
    margin-top: 6.67vw;
    text-align: left;
    font-size: 1.4rem;
  }
}

/*===== ■4. Section [report_scale] Setting =====*/
#report_scale table tbody th,
#report_scale table tbody td {
  background: rgba(0, 0, 0, .05);
}


/*===== ■5. Section [report_country] Setting =====*/
#report_country th { width: 200px;}

#report_country .list_dots li {
  display: inline-block;
  width: 180px;
  margin: 5px 5px 5px 0;
}


@media (max-width: 768px) {
  #report_country th { width: auto;}
  
  #report_country .list_dots {
    display: flex;
    flex-wrap: wrap;
  }

  #report_country .list_dots li {
    width: 50%;
    margin: 1.34vw 0;
  }
}



/*===== ■6. Section [report_registered] Setting =====*/
#report_registered tr.total td {
  font-weight: bold;
  font-size: 2.0rem;
  background: rgba(215,21,24,.15);
}

#report_registered tr.total td em {
  color: #d71518;
  font-size: 2.4rem;
}


@media (max-width: 768px) {
  #report_registered tr.total td { font-size: 1.6rem;}
  #report_registered tr.total td em { font-size: 1.8rem;}
}



/*===== ■7. Section [report_region] Setting =====*/
#report_region p { margin-bottom: 20px;}
#report_region .inner > p:first-of-type { text-align: center;}

#report_region p em {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 1.8rem;
}

#report_region p em b {
  color: #d71518;
  font-weight: bold;
  font-size: 2.4rem;
}

#report_region .flex {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

#report_region .flex ol { justify-content: flex-start;}

#report_region .flex li {
  display: flex;
  align-items: center;
  width: calc(33% - 10px);
  margin: 5px;
  background: #fff;
  counter-increment: num;
}
#report_region .flex li::before {
  display: block;
  width: 50px;
  margin-right: 10px;
  padding: 10px 5px;
  background: #666;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  content: counter(num) "位";
}

#report_region .flex em {
  width: 120px;
  margin-right: 20px;
  padding: 10px;
  border-radius: 5px;
  background: #333;
  color: #fff;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

#report_region .flex + p { margin-bottom: 15px;}
#report_region .flex + p em { font-size: 1.6rem;}

#report_region .list_dots {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

#report_region .list_dots li { margin: 0 15px 10px 0;}


@media (max-width: 768px) {
  #report_region p { margin-bottom: 4vw;}
  #report_region .inner > p:first-of-type { text-align: left;}
  
  #report_region p em {
    margin-bottom: 2.67vw;
    font-size: 1.6rem;
    text-align: center;
  }
  
  #report_region p em b { font-size: 2.2rem;}
  
  #report_region .flex {
    margin-bottom: 4vw;
    padding-bottom: 0;
    border: none;
  }
  
  #report_region .flex ol { justify-content: space-between;}
  
  #report_region .flex li {
    width: calc(50% - 2px);
    margin: 0 0 4px;
  }
  #report_region .flex li::before {
    width: 10.67vw;
    margin-right: 1.34vw;
    padding: 2.67vw 1.34vw;
  }

  #report_region .flex em {
    width: auto;
    margin: 0 0 2.67vw;
    padding: 1.34vw 2.67vw;
  }

  #report_region .flex + p { margin-bottom: 0;}
  #report_region .flex + p em {
    width: auto;
    margin: 0 0 2.67vw;
    padding: 1.34vw 2.67vw;
    border-radius: 5px;
    background: #333;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    text-align: center;
  }

  #report_region .list_dots {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 2.67vw;
  }

  #report_region .list_dots li { margin: 0 15px 10px 0;}
}



/*===== ■8. Section [report_scene] Setting =====*/
#report_scene p {
  margin-bottom: 30px;
  text-align: center;
}

#report_scene p + a {
  margin-bottom: 40px;
}

#report_scene li { margin-bottom: 10px;}

#report_scene li img {
  display: block;
  line-height: 0;
}


@media (max-width: 768px) {
  #report_scene p { margin-bottom: 4vw;}

  #report_scene li { margin-bottom: 2.67vw;}
}



/*===== ■9. Section [report_analyze] Setting =====*/
#report_analyze section { margin: 0;}

#report_analyze .inner > section { margin-bottom: 40px;}
#report_analyze .flex2 section:not(:nth-last-child(-n+2)) { margin-bottom: 40px;}

#report_analyze .inner figure {
  max-width: 640px;
  margin: 0 auto;
  padding: 20px;
  background: rgba(255, 255, 255, .5);
}

#report_analyze .inner > section figure {
  width: 80%;
  max-width: 1024px;
}


@media (max-width: 768px) {
  #report_analyze section { margin: 0 0 5.34vw;}
  
  #report_analyze .inner > section,
  #report_analyze .flex2 section:not(:nth-last-child(-n+2)) { margin-bottom: 5.34vw;}
  
  #report_analyze .flex2 section:last-of-type { margin-bottom: 0;}
  
  #report_analyze .inner figure { padding: 2.67vw;}
  
  #report_analyze .inner > section figure { width: 100%;}
}


/*===== 10. Section [report] Setting =====*/

.report {
  width: 100%;
  height: 100%;
}

.report > h2 {
  width: 100%;
  padding: 0 0 20px;
  font-weight: bold;
  font-size: 3.2rem;
  color: #fff;
  text-align: center;
}

#report_registered table {
  width: 100%;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #fff;
}

#report_registered table th,
#report_registered table td {
  padding: 15px;
  text-align: center;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#report_registered table thead th {
  background: #000;
  color: #fff;
  font-size: 1.8rem;
}

#report_registered table tr:first-child th::before,
#report_registered table thead th::before {
  display: none;
}
  
#report_registered table tbody tr th {
  padding: 15px;
}

#report_registered table tbody tr td {
  padding: 10px;
  vertical-align: middle;
}

#report_registered table tbody tr td em {
  color: #d71518;
}

#report_registered table tbody tr td img {
  max-width: 100%;
  width: auto;
  vertical-align: middle;
}

#report_registered table tbody tr th {
  background: #666;
  color: #fff;
}

#report_registered table tbody tr:last-child th {
  background: #8a0e10;
}
#report_registered table tbody tr:last-child td {
  background: #ffd2d3;
}

.report > div > p {
  margin-bottom: 20px;
  color: #fff;
}

.report > div > a {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 15px ;
  font-size: 2.0rem;
  text-align: center;
}


#report_scene p {
  margin-bottom: 30px;
  text-align: center;
}

#report_scene p + a {
  margin-bottom: 40px;
}


@media (max-width: 768px) {
  #hero_wrap .report {
    width: 100%;
    margin-bottom: 8vw;
    padding: 1.34vw;
  }
  
  .report > h2 {
    font-size: 2.4rem;
  }
  
  #report_registered table {
    table-layout: fixed;
    margin-bottom: 4vw;
  }

  #report_registered table tbody tr:first-child th:nth-child(2){
    width: 35%;
  }
  
  #report_registered table th,
  #report_registered table td,
  #report_registered table tbody tr th,
  #report_registered table tbody tr td{
    vertical-align: middle;
    padding: 2.67vw;
  }
  
  #report_registered table thead th,
  #report_registered table tbody tr:last-child th{
    font-size: 1.4rem;
    vertical-align: middle;
  }
  
  #report_registered table tr:first-child th::before { width: auto;}

  .report > div > p {
    margin-bottom: 2.67vw;
  }
  
  .report > div > a {
    font-size: 1.8rem;
  }
  
}


/*===== 11. Section [Quick] Setting =====*/

#quick_report table {
  width: 100%;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #fff;
}

#quick_report table th,
#quick_report table td {
  padding: 15px;
  text-align: center;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#quick_report table thead tr th {
  background: #000;
  color: #fff;
  font-size: 1.8rem;
}

#quick_report table tr:first-child th::before,
#quick_report table thead th::before {
  display: none;
}

#quick_report table tbody tr td {
  padding: 10px;
  vertical-align: middle;
}

#quick_report table tbody tr td em {
  color: #d71518;
}

#quick_report table tbody tr td img {
  max-width: 100%;
  width: auto;
  vertical-align: middle;
}

#quick_report table tbody tr th {
  background: #666;
  color: #fff;
  padding: 15px;
}

#quick_report table tbody tr:last-child th {
  background: #8a0e10;
}
#quick_report table tbody tr:last-child td {
  background: #ffd2d3;
}

#quick_scene .report_scene_info {
  text-align: center;
}

#quick_scene .report_scene_info p {
  margin-bottom: 30px;
}
#quick_scene .report_scene_info a {
  margin-bottom: 40px;
}

#quick_scene ul {
  margin-bottom: 30px;
}
#quick_scene ul:last-child {
  margin-bottom: 0;
}



@media (max-width: 768px) {
  #quick_report table {
    table-layout: fixed;
    margin-bottom: 4vw;
  }
  
  #quick_report table thead tr th,
  #quick_report table tbody tr:last-child th{
    font-size: 1.4rem;
    vertical-align: middle;
  }
  
  #quick_report .notice {
    text-align: left;
  }
  
  #quick_scene .report_scene_info p {
    margin-bottom: 4vw;
  }
  #quick_scene .report_scene_info a {
    margin-bottom: 5.34vw;
  }
  
  #quick_scene ul {
    margin-bottom: 2.67vw;
  }

  #quick_scene li { margin-bottom: 2.67vw;}
  
  
  #quick_movie section {
    width: 100%;
  }
  
  #quick_movie section:not(:last-child) {
    margin-bottom: 5.34vw;
  }
  
  
}



/*===== 12. Section [Seminar] Setting =====*/
section .table_basic {
  margin-bottom: 10px;
}

article[id^="seminar_exhibitor_"] ul#pageanchor {
  margin: 0;
}

/* notice*/
.notice {
  width: 90%;
  /*margin: 0 auto 10px;*/
  text-align: right;
}

.notice p {margin-bottom: 10px;}

/* label*/
.label {
  display: inline-block;
}

.label span {
  padding: 5px 10px;
  color: #fff;
}

.label span:not(:first-child) {
  margin-left: 5px;
}

.label span.red {
  background: #c00;
}

.label span.blue {
  background: #0052cc;
}

.label span.green {
  background: #00CC39;
}

/* tabs */
#tabs .active {
  pointer-events: none;
}

#tabs li:not(.active) a {
  color: #fff;
  text-decoration: none;
}

#tabs li:hover p {
  color: #8a0e10;
  cursor: pointer;
}

/* table */
.table_seminar {
  table-layout: fixed;
  width: 90%;
  margin: auto;
}

.table_seminar tr:first-child th::before {
  display: table-row; 
}

.table_seminar th{ 
  width: 23%;
  background: rgba(0, 0, 0, .5);
  font-size: 2rem;
  color: #fff;
}

.table_seminar tr:first-child td{ 
  font-size: 2rem;
  font-weight: bold;
}

.table_seminar td{ 
  width: 77%;
}

.table_seminar dt {
  width: 100%;
}

.table_seminar td > span.full{
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  background: #c00;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  color:#fff;
}

.table_seminar td > span.full i.icon_note::before{
  position: relative;
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  right: -3px;
  top: 0;
  vertical-align: bottom;
  background: url("../img/common/ico-note.png") no-repeat;
  background-size: contain;
  content: '';
}

.table_seminar td > span.full_soon i.icon_note::before{
  position: relative;
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  right: -3px;
  top: 0;
  vertical-align: bottom;
  background: url("../img/common/ico-note-black.png") no-repeat;
  background-size: contain;
  content: '';
}

.table_seminar td > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.table_seminar td > p {
  font-weight: bold;
  font-size: 2.0rem;
}
.table_seminar td > p + figure {
  margin-top: 10px;
}
.table_seminar td > figure + p {
  margin-top: 10px;
}

.table_seminar td > div > dl {
  width: calc(85% - 10px);
}

.table_seminar td > div > dl:not(:has( + figure)){
  width: 100%;
}

.table_seminar td > div > dl dt{
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 2.0rem;
}

.table_seminar td > div > dl dd{
  margin-bottom: 10px;
}

.table_seminar td > div > dl dd > b{
  display: block;
  font-weight: bold;
}

.table_seminar td > div > dl dd > b:not(:last-of-type){
  display: block;
  margin-bottom: 10px;
}

.table_seminar td > div > figure{
  display: flex;
  justify-content: flex-end;
  width: 15%;
  margin-left: 10px;
}

.table_seminar td > div > figure span {
  width: 100%;
  height: 100%;
}

.table_seminar td > div > button{
  position: relative;
  display: inline-block;
  width: 31%;
  min-width: 280px;
  margin-top: 10px;
  padding: 10px 40px 10px 10px;
  background-color: rgba(0, 0, 0, .5);
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  text-align: left;
}

.table_seminar td > div > button:hover {
  border-left-color: #d71518;
  background: #333;
}

.table_seminar td > div > button::after {
  position: absolute;
  top: 55%;
  right: 10px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: translateY(-50%) rotate(45deg);
  content: "";
}

.table_seminar td > div > div{
  display: none;
  width: 100%;
  padding: 15px;
  border-left: 5px solid #d71518;
  background-color: rgba(255, 255, 255, .5);
}


.table_seminar td > div > div.show{
  display:block;
}

.table_seminar .seminar_detail dl:not(:last-child) {
  margin-bottom: 10px;
}

.table_seminar .seminar_detail dt {
  padding: 10px;
  background: #ebebeb;
  font-weight: bold;
}

.table_seminar .seminar_detail dd {
  padding: 10px;
}

.btn_seminar {
  margin-bottom: 30px;
}


/*複数画像レイアウト*/
.table_seminar figure.img_multi {
  flex-direction: column;
  align-items: flex-end;
}
.table_seminar figure.img_multi span {
  margin-bottom: 10px;
}


/* cancel */
p.cancel {
  margin-bottom: 10px;
  font-weight: bold;
  color: #c00;
}


@media(max-width:768px) {  
  section .table_basic {
    margin-bottom: 4vw;
  }


  /* notice*/
  .notice {
    width: 100%;
    margin-bottom: 4vw;
    text-align: center;
  }

  .notice p {
    margin-bottom: 2.67vw;
    text-align: left;
  }

  .label span {
    padding: 1.34vw 2.67vw;
  }

  .label span:not(:first-child) {
    margin-left: 1.34vw;
  }

/*   tabs*/
  #tabs li:hover {
    background: #8a0e10;
    color: #fff;
  }
  
  #tabs li {
    padding: 2.67vw;
  }
  
  #tabs li.active {
    padding: 4vw 2.67vw;
    color: #8a0e10;
  }
  
  #tabs li:not(.active):hover p {
    color: #fff;
  }
  
  #tabs li:not(.active) a {
    display: block;
  }
  
  
/*  table*/
  .table_seminar tr:first-child {
    display: none; 
  }

  .table_seminar tr:nth-child(2) th::before {
    position: absolute;
    top: -5px;
    left: 0;
    width: 25%;
    height: 5px;
    background: #000;
    content: "";  
  }

  .table_seminar {
    width: 100%;
  }
  
  .table_seminar th{ 
    width: 100%;
  }
  
  .table_seminar td{ 
    width: 100%;
  }

  .table_seminar td > span.full,
  .table_seminar td > span.full_soon {
    margin-bottom: 1.34vw;
    padding: 1.34vw 2.67vw;
    font-size: 1.6rem;
  }

  .table_seminar td dd:last-child {
    width: 100%;
  }

  .table_seminar td > span i.icon_note::before{    
    width: 2.2rem;
    height: 2.4rem;
    right: -1.34vw;
  }

  .table_seminar td > p {
    font-size: 1.6rem;
  }
  
  .table_seminar td > div > dl {
    width: 100%;
  }

  .table_seminar td > div > dl dt {
    margin-bottom: 1.34vw;
    font-size: 1.6rem;
  }
  
  .table_seminar td > div > dl dd {
    margin-bottom: 1.34vw
  }
  
  .table_seminar td > div > dl dd > b{
    margin-bottom: 2.67vw;
  }

  .table_seminar td > div > figure{
    width: 100%;
    margin: 0 0 2.67vw;
  }
  
  .table_seminar td > div > figure span{
    width: 50%;
  }
  .table_seminar figure span img {
    width: 100%;
  }

  .table_seminar td > div > button {
    width: 100%;
    padding: 2.67vw;
    min-width: auto;
  }

  .table_seminar td > div > button::after {
    right: 2.67vw;
    width: 2.67vw;
    height: 2.67vw;
    margin-top: -1.34vw;
  }

  .table_seminar td > div > button:hover {
    border-left-color: #8A0E09;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
  }

  .table_seminar td > div > button:hover::after  {
    border-color: #fff;
  }

  .table_seminar td > div > button:hover em {
    border-left-color: #8A0E09;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
  }
  
  .btn_seminar {margin-bottom: 0;}
  
  .btn_seminar a:first-child {
    margin-bottom: 2.67vw;
  }
  
  .img_single span {margin: auto;}
  
  
  /*複数画像レイアウト*/
  .table_seminar figure.img_multi {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }

  .table_seminar figure.img_multi span {
    width: calc(50% - 1.34vw);
    margin-bottom: 2.67vw;
  }
}




/*===== 12. Section [Pickup] Setting =====*/
#exhibit_pickup #visual { background-image: url("../img/exhibit/img-visual-pickup.jpg");}

#photogallery_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}

#photogallery_list::after {
  display: block;
  width: calc(50% - 10px);
  content:'';
}

#photogallery_list li {
  position: relative;
  width: calc(25% - 10px);
  margin-bottom: 10px;
}

.pickup_detail section .interview_video {
  width: calc(50% - 20px);
  margin: 0 auto 20px;
  box-shadow: 0 1px 2px #bbb; 
  border: 1px solid #fff;
}

.pickup_detail section .interview_video a {
  display: block;
  height: 100%;
  background: #f1f1f1;
  color: #666;
  text-decoration: none;
}

.pickup_detail section .interview_video a figure {
  display: block;
  padding: 0;
  overflow: hidden;
  position: relative;
  line-height: 0;
}

.pickup_detail section .interview_video a figure img {
  height: auto;
  transition: transform .25s;
}

.pickup_detail section .interview_video a figure::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .25);
  content: "";
}

.pickup_detail section .interview_video a[target="_blank"] figure::after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: url("../img/common/ico-blank.svg") no-repeat right 5px bottom 5px / 30%, linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #8a0e10 50.01%) no-repeat top left / 100% 100%;
  content:"";
}

.pickup_detail section .interview_video a span {
  display: inline-block;
  padding: 15px 10px;
}

.pickup_detail section .interview_video a span em {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}

.pickup_detail section .interview_video a span b {
  display: block;
  margin-top: 5px;
  font-size: 1.4rem;
}



/* Section [pickup_intro] */
#exhibit_pickup #pickup_intro .smallcard li { width: calc(33.33% - 20px);}


@media (max-width: 768px) {
  #exhibit_pickup #pickup_intro .smallcard li{ width: calc(50% - 2.67vw);}
  
  #photogallery_list {margin-bottom: 0;}
  
  #photogallery_list li {
    width: calc(50% - 1.34vw);
    margin-bottom: 2.67vw;
  }
  
  .pickup_detail section .interview_video {
    width: 100%;
    margin: 0 0 5.34vw;
  }

  .pickup_detail section .interview_video a {
    background: #fff;
    color: #333;
  }
  
  .pickup_detail section .interview_video a figure { 
    margin-bottom: 0;
  }

  .pickup_detail section .interview_video a figure img { 
    transition: none;
  }

  .pickup_detail section .interview_video a figure::before { display: none;}
  
  .pickup_detail section .interview_video a[target="_blank"] figure::after {
    width: 10.67vw;
    height: 10.67vw;
    background: url("../img/common/ico-blank.svg") no-repeat right 1.34vw bottom 1.34vw / 30%, linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #8a0e10 50.01%) no-repeat top left / 100% 100%;
  }
  
}


/* Detail Pages */
.pickup_detail > section > .inner > p {
  margin-bottom: 30px;
  text-align: center;
}
.pickup_detail > section > .inner > p.left {
  text-align: left;
}
.pickup_detail > section > .inner > p em {
  display: block;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 2.0rem;
  line-height: 1.4;
  text-align: center;
}
.pickup_detail > section > .inner > p em b {
  display: block;
  margin-top: 5px;
  color: #d71518;
  font-size: 2.2rem;
}
.pickup_detail > section > .inner > p em b.tlt-s {
  display: block;
  margin-top: 5px;
  color: #d71518;
  font-size: 1.8rem;
}

.pickup_detail section section { margin-bottom: 40px;}

.pickup_detail section figure {
  padding: 20px;
  background: rgba(255, 255, 255, .5);
  text-align: center;
}

.pickup_detail section figure .w-midle {
  width: 80%;
  max-width: 100%;
}

.pickup_detail section figure .w-large img {
  width: 100%;
  max-width: 100%;
}

.pickup_detail section .flex2 section { margin-bottom: 40px;}

.pickup_detail section .inner section p { margin-bottom: 20px;}

.pickup_detail section[id$="_background"] section { margin-bottom: 0;}

.pickup_detail section[id$="_background"] .flex2:not(:last-of-type) { margin-bottom: 40px;}

.pickup_detail section[id$="_background"] .flex2:nth-of-type(even) p { order: 2;}
.pickup_detail section[id$="_background"] .flex2:nth-of-type(even) figure { order: 1;}

.pickup_detail section[id$="_background"] .flex2:last-of-type + ul { margin-top: 30px;}
.pickup_detail section[id$="_background"] .flex2:last-of-type + ul li,
.pickup_detail section[id$="_background"] ul.flex4 li { width: 25%;}

.pickup_detail section[id$="_charm"] .list_dots li {
  display: inline-block;
  margin-right: 10px;
}

.pickup_detail section[id$="_charm"] .table_basic { margin-bottom: 10px;}

.pickup_detail section[id$="_charm"] section.interview { margin: 0;}

.pickup_detail section[id$="_charm"] section.interview p { margin: 20px 0;}
.pickup_detail section[id$="_charm"] section.interview p span { color: #d71518;}
.pickup_detail section[id$="_charm"] section.interview dl { border-left: 1px solid #333;}
.pickup_detail section[id$="_charm"] section.interview dt {
  padding: 5px 0 5px 5px;
  border-left: 4px solid #333;
}
.pickup_detail section[id$="_charm"] section.interview dd {
  padding: 5px 0 5px 10px;
  font-size: 1.4rem;
}

.pickup_detail section[id$="_charm"] section.interview dd p {
  margin-bottom: 5px;
  font-size: 1.4rem;
}

.pickup_detail section[id$="_charm"] section.interview dd p em {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  background: #333;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
}

.pickup_detail section[id$="_charm"] aside {
  padding: 20px;
  background: rgba(255, 255, 255, .5);
  text-align: center;
}

.pickup_detail section[id$="_charm"] aside h3 {
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  color: #d71518;
  font-weight: bold;
  font-size: 2.0rem;
  text-align: center;
}

.pickup_detail section[id$="_charm"] aside h3 .check {
  display: block;
  position: absolute;
  top: -35px;
  left: -80px;
  padding: 5px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #d71518;
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 60px;
  text-align: center;
}

.pickup_detail section[id$="_charm"] aside h3 .check::before {
  position: absolute;
  bottom: -10px;
  right: -10px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #d71518;
  transform: rotate(45deg);
  content: "";
}

.pickup_detail section[id$="_charm"] aside p { text-align: left;}

.pickup_detail section[id$="_exhibit"] > .inner > section { margin-bottom: 30px;}
.pickup_detail section[id$="_exhibit"] .flex2 section { margin-bottom: 0;}

#pickup_import div#interview ul.smallcard li {
  width: calc(50% - 20px);
  margin: 0 10px 30px;
  box-shadow: 0 1px 2px #bbb; 
  border: 1px solid #fff;
}
#pickup_import div#interview ul.smallcard li figure {
  padding: 0;
}

#pickup_tech section[id$="_exhibit"] .inner > section { margin-bottom: 0;}
#pickup_tech section[id$="_exhibit"] .inner > section section { margin-bottom: 30px;}

#sdgs_background section:first-child li { 
  position: relative;
  margin-bottom: 15px;
  padding-left: 30px;
  counter-increment: num;
}

#sdgs_background section:first-child li em { 
  font-weight: bold;
  color: #d71518;
}

#sdgs_background section:first-child li:before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -6px;
  left: 0;
  border-radius: 50%;
  background: #c00;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  content: counter(num);
}

 #sdgs_background p > em {
  font-weight: bold;
  color: #d71518;
}

 #sdgs_background h4 {
  display: inline-block;
  justify-content: center;
  position: relative;
  margin-bottom: 10px;
  padding: 5px 20px;
  background: #666;
  color: #fff;
  line-height: 1;
}
#sdgs_background h4+ul {
  padding: 10px;
  background: rgba(255, 255, 255, .5);
}

#sdgs_exhibit .inner > div > div  {
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 0 30px 20px;
}

#sdgs_exhibit .inner  > p {text-align: right;}

#sdgs_exhibit .inner > div > div ul {
  width: calc(80% - 20px);
  margin-left: 20px;
}

#sdgs_exhibit .inner > div > div ul li {width: calc(50% - 10px);}

#sdgs_exhibit img {width: 20%;}

#sdgs_exhibit .inner > div > div ul li:nth-of-type(even) {margin-left: 10px;}

#sdgs_charm  ul {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

#sdgs_charm  li {
  display: flex;
  align-items: center;
  margin: 0 10px;
  vertical-align: middle;
}

#sdgs_charm li span {
  margin-right: 10px;
  padding: 5px 10px;
  border-radius: 5px;
  background: #666;
  color: #fff;
  font-size: 1.4rem;
}

#sdgs_charm li b {
  color: #d71518;
  font-weight: bold;
  font-size: 2.4rem;
}

#sdgs_charm span {
  display: block;
  margin-bottom: 10px;
  padding: 20px;
  background: rgba(255, 255, 255, .5);
  text-align: center;
}

#sdgs_charm .notice {
  text-align: right;
}

#sdgs_charm > .inner > p {margin-bottom: 20px;}


#frozen_exhibit #form h3 + img {margin-bottom: 20px;}

#pickup_order #order_background img {
  margin-bottom: 20px;
}

#pickup_order #order_background ul li {
  text-align: left;
  text-indent: 0;
}

#pickup_order #order_background #why section:last-child figure {
  margin-bottom: 20px;
}

#pickup_order #order_background #compulsion-sp {
  display: none;
}

#pickup_order #order_charm #graph .notice {
  margin-bottom: 20px;
  text-align: right;
}

#pickup_order #order_charm #graph section {
  margin-bottom: 20px;
}

#pickup_order #order_exhibit .flex2 ul {
  margin-left: 20px;
}

#pickup_order #order_charm #interview {
  margin-bottom: 40px;
}
#pickup_order #order_charm #interview ul {
  justify-content: center;
}
#pickup_order #order_charm #interview figure {
  padding: 0;
}

#pickup_frozen .red { color: #c00;}

#pickup_frozen #frozen_intro {
  margin: 0 20px;
  padding: 30px 20px 10px;
  background: #fff;
}

#pickup_frozen #frozen_intro figure {
  margin-bottom: 10px;
}

#pickup_frozen #frozen_intro figure + p {
  margin-bottom: 60px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #00a0e9;
}

#pickup_frozen #frozen_award .list_dots li {
  display: inline-block;
  margin-right: 10px;
}

#pickup_frozen #frozen_intro > div > div {
  padding: 10px;
  background: rgba(0, 160, 235, 0.2);
  border: 10px solid rgba(0, 160, 235, 0.1);
}

#pickup_frozen #frozen_intro > div > div > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#pickup_frozen #frozen_intro > div > div > div > p {
  width: 70%;
}

#pickup_frozen #frozen_intro > div > div > div p:first-child span {
 font-weight: bold;
}

#pickup_frozen #frozen_intro > div > div > div figure {
  width: 30%;
  max-width: 120px;
}

#pickup_frozen .max-w100 { max-width: 100%;}

#pickup_frozen #frozen_category dl {
  position: relative;
  width: calc(50% - 40px);
  margin: 0 0 20px 30px;
  padding-left: 10px;
  counter-increment: num;
}
#pickup_frozen #frozen_category dl::before {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -0.5em;
  left: -30px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #00a7db;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1;
  content: "0" counter(num);
}

#pickup_frozen #frozen_flow .inner > div {
  display: flex;
  justify-content: space-between;
}

#pickup_frozen #frozen_flow dl {
  position: relative;
  width: calc(33.33% - 1px);
  background: #fce4ed;
  text-align: center;
}

#pickup_frozen #frozen_flow dl:not(:first-child)::after {
  position: absolute;
  bottom: 25%;
  left: 0;
  width: 10px;
  height: 30px;
  background:linear-gradient(to bottom right, #e73278 50%, transparent 50.5%) no-repeat bottom left/100% 50%,linear-gradient(to top right, #e73278 50%, transparent 50.5%) no-repeat top left/100% 50%;
  content: '';
}

#pickup_frozen #frozen_flow dt {
  margin: 2px;
  padding: 15px;
  color: #e73278;
  font-weight: bold;
  background: #f8c3d8;
}

#pickup_frozen #frozen_flow dd { 
  padding: 15px;
}

#pickup_frozen #frozen_flow dd span {
  font-size: 1.4rem;
}

#pickup_frozen .iframe_responsive {
  position: relative;
  margin-bottom: 10px;
  padding: calc(315 / 560 * 50%) 0 0;
}

#pickup_frozen .iframe_responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#pickup_frozen .iframe_responsive figcaption {
  text-align: center;
  position: relative;
  bottom: -30px;
}



#pickup_export #export_intro {
  margin: 0 20px;
  padding: 30px 20px;
  background: #fff;
}

#pickup_export #export_intro figure {
  margin-bottom: 10px;
}

#pickup_export #export_intro figure + p {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #ea5457;
}

#pickup_export #export_reasons h3 em {
  position: relative;
  display:inline-block;
  padding-left: 35px;
}

#pickup_export #export_reasons h3 em >  span {    
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: -20px;
  left: -10px;
  width: 40px;
  height: 40px;
  box-shadow: 1px 2px 1px rgb(0 0 0 / 25%);
  border-radius: 50%;
  background: #d71518;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1;
}

#pickup_export #export_reasons h3 > em span span {   
  font-size: 1.2rem;
}

#pickup_export #export_reasons dl {   
  padding: 20px;
  background: rgba(255, 255, 255, .5);
}

#pickup_export #export_reasons dt { 
  margin-bottom: 10px;
  padding: 5px 10px;
  background: #333;
  color: #fff;
  font-weight: bold;
}

#pickup_export #export_reasons dt + dd{   
  font-weight: bold;
}

#pickup_export #export_reasons dd:not(:last-child) {   
  margin-bottom: 10px;
}

#pickup_export #export_reasons .iframe_responsive {
  position: relative;
  margin-bottom: 10px;
  padding: calc(315 / 560 * 100%) 0 0;
}

#pickup_export #export_reasons .iframe_responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#pickup_export #export_reasons #reason03 p {
  margin-bottom: 0;
}

#pickup_export #export_reasons #reason04 figure {
  margin-bottom: 0;
}

#pickup_export #photogallery_list {
  margin-bottom: 30px;
}

#pickup_tech #tech_intro {
  margin: 0 20px;
  padding: 30px 20px;
  background: #fff;
}

#pickup_tech #tech_intro figure {
  margin-bottom: 10px;
}

#pickup_tech #tech_intro figure + p {
  margin-bottom: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #7b59a3;
}

#pickup_tech #tech_intro figure {
  max-width: 440px;
  margin: 0 auto 10px;
  text-align: center;
}

#pickup_tech #tech_background .iframe_responsive {
  position: relative;
  margin-bottom: 10px;
  padding: calc(315 / 560 * 100%) 0 0;
}

#pickup_tech #tech_background .iframe_responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#pickup_tech #tech_why .inner > p{
  margin-bottom: 10px;
  color: #d71518;
  font-size: 2.2rem;
}
#pickup_tech #tech_why .crowded {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
#pickup_tech #tech_why .crowded > span{
  max-width: 100px;
}
#pickup_tech #tech_why .crowded > p{
  margin-left: 10px;
}



#pickup_tech #tech_category .inner div div div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}

#pickup_tech #tech_category .inner div div div em {
  display: block;
  width: 50px;
  padding: 10px;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  background: #333; 
}

#pickup_tech #tech_category .inner div div div p {
  margin-left: 10px; 
  font-weight: bold;
}

#pickup_tech #tech_category .inner div div span {
  display: inline-block;
  background: #ccc;
  margin-bottom: 10px;
  padding: 5px 10px;
  font-weight: bold;
}

#pickup_tech #tech_gallery #photogallery_list {
  margin-bottom: 10px;
}

#pickup_tech #tech_movie img {
  max-width: 900px;
  margin-bottom: 10px;
}

#pickup_tech #tech_safety ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

#pickup_tech #tech_safety h3 {
  margin-bottom: 20px;
}

#pickup_tech #tech_safety ul {
  margin-bottom: 30px;
}

#pickup_tech #tech_safety li {
  display: inline-block;
  width: calc(25% - 10px);
  margin-bottom: 10px;
  padding: 10px;
  background: #555;
  color: #fff;
   text-align: center;
  font-weight: bold;
  font-size: 1.4rem;
}


/* puckup_substitute */
#puckup_substitute #substitute_intro {
  margin: 0 20px;
  padding: 30px 20px;
  background: #fff;
}

#puckup_substitute #substitute_intro figure {
  margin-bottom: 10px;
}

#puckup_substitute #substitute_intro figure + p {
  margin-bottom: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #009d7c;
}

#puckup_substitute #substitute_products .list_dots li {
  display: inline-block;
  margin-right: 10px;
}

#puckup_substitute #substitute_conference .border{
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #999;
}

#puckup_substitute #substitute_conference .label{
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 5px 10px;
  background: #333;
  color: #fff;
  font-weight: bold;
}

#puckup_substitute #substitute_conference figure {
  padding: 0;
  background: none;
}

#puckup_substitute #substitute_conference .list_dots li {
  display: inline-block;
  margin-right: 10px;
}


@media (max-width: 768px) {
  .pickup_detail > section > .inner > p { 
    margin-bottom: 5.34vw;
    text-align: left;
  }
  .pickup_detail > section > .inner > p em {
    margin-bottom: 5.34vw;
    font-size: 1.6rem;
    line-height: 1.6;
  }
  
  .pickup_detail > section > .inner > p em b {
    margin: 1.34vw 0;
    font-size: 1.8rem;
  }
  
  .pickup_detail section section { margin-bottom: 8vw;}
  
  .pickup_detail section figure {
    margin-bottom: 5.34vw;
    padding: 2.67vw;
  }
  
  .pickup_detail section .flex2 section { margin-bottom: 5.34vw;}
  
  .pickup_detail section .flex2 section:last-child { margin-bottom: 2.67vw;}
  
  .pickup_detail section .inner section p { margin-bottom: 4vw;}
  
  .pickup_detail section[id$="_background"] section { margin-bottom: 5.34vw;}
  
  .pickup_detail section[id$="_background"] .flex2:not(:last-of-type) { margin-bottom: 4vw;}

  .pickup_detail section[id$="_background"] .inner .inner figure { margin-bottom: 0;}

  .pickup_detail section[id$="_background"] .flex2 p { order: 2;}
  .pickup_detail section[id$="_background"] .flex2 figure { order: 1;}
  
  .pickup_detail section[id$="_background"] .flex2:last-of-type + ul { margin-top: 0;}
  
  .pickup_detail section[id$="_background"] .flex2:last-of-type + ul li,
  .pickup_detail section[id$="_background"] ul.flex4 li { width: 50%;}
  
  .pickup_detail section[id$="_charm"] figure { margin-bottom: 1.34vw;}
  
  .pickup_detail section[id$="_charm"] section .list_dots {
    display: flex;
    flex-wrap: wrap;
  }
  
  .pickup_detail section[id$="_charm"] .list_dots li {
    width: 100%;
    margin: 0 0 2.67vw;
  }
  
  .pickup_detail section[id$="_charm"] .table_basic { margin-bottom: 2.67vw;}

  .pickup_detail section[id$="_charm"] section.interview p { margin: 4vw 0;}
  
  .pickup_detail section[id$="_charm"] section.interview dt {
    padding: 1.34vw 0 1.34vw 1.34vw;
    border-left: 4px solid #333;
  }
  .pickup_detail section[id$="_charm"] section.interview dd {
    padding: 1.34vw 0 1.34vw 2.67vw;
    font-size: 1.2rem;
  }

  .pickup_detail section[id$="_charm"] section.interview dd p {
    margin: 0 0 1.34vw;
    font-size: 1.2rem;
  }

  .pickup_detail section[id$="_charm"] section.interview dd p em {
    padding: 1.34vw 2.67vw;
    font-size: 1.2rem;
  }
  
  .pickup_detail section[id$="_charm"] aside { padding: 2.67vw; margin-bottom: 8vw;}

  .pickup_detail section[id$="_charm"] aside h3 {
    margin-bottom: 2.67vw;
    font-size: 1.6rem;
  }

  .pickup_detail section[id$="_charm"] aside h3 .check {
    top: -5.34vw;
    left: -18.67vw;
    padding: 1.34vw;
    width: 16vw;
    height: 16vw;
    font-size: 1.4rem;
    line-height: 13.34vw;
  }

  .pickup_detail section[id$="_charm"] aside h3 .check::before {
    bottom: -2.67vw;
    right: -2.67vw;
    margin-top: -4vw;
    border: 4vw solid transparent;
    border-left: 4vw solid #d71518;
  }

  .pickup_detail section[id$="_charm"] aside p { text-align: left;}
  
  .pickup_detail section[id$="_exhibit"] > .inner > section { margin-bottom: 4vw;}
  .pickup_detail section[id$="_exhibit"] .flex2 section:not(:last-of-type) { margin-bottom: 5.34vw;}
  
  #pickup_import div#interview ul.smallcard li {
    width: 100%;
  }
  
  #pickup_tech section[id$="_exhibit"] .inner > section section { margin-bottom: 4vw;}
  
  #sdgs_background h4+ul {padding: 1.34vw;}
  
  #sdgs_background section:first-child li {
    margin-bottom: 2.67vw;
    padding-left: 6.67vw;
  }
  
  #sdgs_background section:first-child li:before {
    top: -0.80vw;
    width: 5.34vw;
    height: 5.34vw;
    font-size: 1.4rem;
  }
  
  #sdgs_exhibit .inner > div > div ul li {width: calc(50% - 1.34vw);}
  
  #sdgs_exhibit .inner > div > div ul li:nth-of-type(even) {margin-left: 1.34vw;}
  
  #sdgs_charm span {
    margin-bottom: 2.67vw;
    padding: 5.34vw;
  }
  
  #sdgs_charm li {
    display: block;
    margin: 0;
  }
  #sdgs_charm li span {
    margin: 0 0 1.34vw 0;
    padding: 1.34vw 2.67vw;
    font-size: 1.2rem;
  }
  #sdgs_charm li b { font-size: 2rem;}
  
  #sdgs_charm ul {
    justify-content: space-around;
    margin-bottom: 5.34vw;
  }
  
  #sdgs_charm .notice {
    text-align: left;
  }
  
  #pickup_order #order_charm #interview ul {
    padding: 0 2.67vw;
  }
  #pickup_order #order_charm #interview ul li {
    width: 100%;
  }

  #sdgs_exhibit .inner > div > div ul { margin-left: 2.67vw;}
  
  #sdgs_exhibit .inner > div > div:not(:last-child) { margin: 0 0 4vw 0;}
  
  #sdgs_exhibit .inner > div > div:last-child { margin: 0;}
  
  #pickup_frozen #frozen_intro {
    margin: 0 2.67vw;
    padding: 2.67vw;
  }

  #pickup_frozen #frozen_intro figure {
    margin-bottom: 2.67vw;
  }

  #pickup_frozen #frozen_intro figure + p {
    margin-bottom: 5.34vw;
    font-size: 1.6rem;
  }

  #pickup_frozen #frozen_award .list_dots {
    margin-bottom: 2.67vw;
  }
  #pickup_frozen #frozen_award .list_dots li {
    margin-right: 2.67vw;
  }


  #pickup_frozen #frozen_intro > div > div > div {
    flex-direction: column;
  }
  #pickup_frozen #frozen_intro > div > div > div > p {
    order: 2;
    width: 100%;
  }
  
  #pickup_frozen #frozen_intro > div > div > div figure {
    order:1;
    width: 60%;
    max-width: 120px;
  }
  
  #pickup_frozen #frozen_category dl {
    width: 100%;
  }
  
  #pickup_frozen #frozen_category dl:last-of-type {
    margin-bottom: 2.67vw;
  }
  
  #pickup_frozen #frozen_category dl::before {
    width: 6.67vw;
    height: 6.67vw;
    padding: 1.34vw .67vw 0;
    border-radius: 10.67vw;
    font-size: 1.6rem;
  }
  
  #frozen_exhibit #form h3 + img {
    margin-bottom: 2.67vw;
  }
  
  #pickup_frozen #frozen_flow .inner > div {
    flex-direction: column;
  }
  #pickup_frozen #frozen_flow dl {
    width: 100%;
  }
  
  #pickup_frozen #frozen_flow dl:not(:first-child)::after {
    top: 0;
    bottom: initial;
    left: 50%;
     transform: translateX(-50%);
    width: 8vw;
    height: 2.67vw;
    background:linear-gradient(to bottom left, #e73278 50%, transparent 50.5%) no-repeat top left/50% 100%,linear-gradient(to bottom right, #e73278 50%, transparent 50.5%) no-repeat top right/50% 100%;
    content: '';
  }
  
  #pickup_frozen #frozen_flow dt {
    margin: 0 2px;
    padding: 4vw 2.67vw;
  }
  
  #pickup_frozen .iframe_responsive {
    margin-bottom: 10.6vw;
    padding: calc(315 / 560 * 100%) 0 0;
  }
  
  
  

  #pickup_export #export_intro {
    margin: 0 2.67vw;
    padding: 5.34vw 2.67vw 0;
  }
  
  #pickup_export #export_intro figure {
    margin-bottom: 2.67vw;
  }

  #pickup_export #export_intro figure + p {
    font-size: 1.6rem;
  }
  
  #pickup_export #export_reasons h3 em {
    padding-left: 8vw;
  }

  #pickup_export #export_reasons h3 em >  span {   
    top: -5.34vw;
    left: -2.67vw;
    width: 10.67vw;
    height: 10.67vw;
    font-size: 1.2rem;
  }

  #pickup_export #export_reasons dl {   
    padding: 2.67vw;    
  }

  #pickup_export #export_reasons dt { 
    margin-bottom: 2.67vw;
    padding: 2.67vw;
  }

  #pickup_export #export_reasons dd:not(:last-child) {   
    margin-bottom: 2.67vw;
  }

  #pickup_export #photogallery_list {
    margin-bottom: 0;
  }  

  #pickup_tech #tech_intro {
    margin: 0 2.67vw;
    padding: 5.34vw 2.67vw 0;
  }

  #pickup_tech #tech_intro figure {
    margin-bottom: 2.67vw;
  }
  
  #pickup_tech #tech_intro figure + p {
    margin-bottom: 0;
    font-size: 1.6rem;
  }
  #pickup_tech #tech_why .inner > p{
    margin-bottom: 1.67vw;
    font-size: 1.8rem;
  }
  #pickup_tech #tech_why .crowded {
    justify-content: flex-start;
    margin-bottom: 2.67vw;
  }
  #pickup_tech #tech_why .crowded > span{
    min-width: 60px;
    width: 20%;
  }
  #pickup_tech #tech_category .inner div div div {
    margin-bottom: 1.34vw;
  }
  
  #pickup_tech #tech_category .inner > div > div:not(:last-child) {
    margin-bottom: 5.34vw;
  }

  #pickup_tech #tech_category .inner div div div em {
    display: block;
    width: 10.67vw;
    padding: 1.34vw 2.67vw;
  }

  #pickup_tech #tech_category .inner div div div p {
    margin-left: 2.67vw; 
  }

  #pickup_tech #tech_category .inner div div span {
    margin-bottom: 1.34vw;
    padding: 1.34vw 2.67vw;
  }

  #pickup_tech #tech_gallery #photogallery_list {
    margin-bottom: 0;
  }
  
  #pickup_tech #tech_movie img {
    margin-bottom: 2.67vw;
  }
  
  #pickup_tech #tech_safety ul {
    margin-bottom: 5.3vw;
  }
  
  #pickup_tech #tech_safety li {
    width: calc(50% - 1.34vw);
    margin-bottom: 1.34vw;
    padding: 1.34vw;
  }
    
  #pickup_order section > h3 + .inner {
    padding: 0 0 4vw;
  }
  
  #pickup_order #order_background img {
    margin-bottom: 4vw;
  }
  
  #pickup_order #order_background .flex4 img {
    margin-bottom: 0;
  } 
  
  #pickup_order #order_background .flex4 li {
    margin-bottom: 0;
  } 

  #pickup_order #order_background ul li {
    margin-bottom: 1.34vw;
    text-align: left;
    text-indent: 0;
  }

  #pickup_order #order_charm #graph .notice {
    margin-top: 2.67vw;
    margin-bottom: 0;
    text-align: right;
  }
  
  #pickup_order #order_charm #graph section:last-child {
    margin-bottom: 0;
  }

  #pickup_order #order_exhibit .flex2 ul {
    margin-left: 0;
    margin-bottom: 4vw;
  }
  #pickup_order #order_exhibit .flex2 div:last-child ul {
    margin-bottom: 4vw;
  }
  #puckup_substitute #substitute_intro {
    margin: 0 2.67vw;
  }
  #puckup_substitute .order1 {
    order: 1;
  }
  #puckup_substitute .order2 {
    order: 2;
  }
  #puckup_substitute #substitute_intro figure + p {
    margin-bottom:0;
    font-size: 1.6rem;
  }
}