@charset "UTF-8";
/* CSS Document */
.we_bt {
  font-weight: bold;
}
.red {
  color: #FF4246;
}
.indent {
  display: flex;
  justify-content: flex-start;
}
.indent1 {
  min-width: 1em;
}
.indent2 {
  min-width: 2em;
}
.indent3 {
  min-width: 3em;
}
.main {
  width: 100%;
}
.contents {
  background-color: #FAF9F8;
  padding: 55px 0px;
}
.contents_in {
  width: 1200px;
  margin: 0px auto;
  padding: 50px;
  background-color: #FFF;
  border-radius: 7px;
}
h2 {
  width: 1200px;
  margin: 0px auto 60px auto;
  padding: 0px 0px 0px 0px;
  color: #00BE96;
  position: relative;
  font-size: 4.5rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}
h2::after {
  content: '';
  width: 90px;
  height: 1px;
  display: inline-block;
  background-color: #00BE96;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.txt1 {
  padding: 0px 0px 40px 0px;
  line-height: 160%;
  margin: 0px auto 0px auto;
}
.title1 {
  padding: 25px 0px 25px 20px;
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin: 0px 0px 30px 0px;
  font-weight: 700;
  position: relative;
  background-color: #edfbf8;
  color: #00BE96;
}
.title1::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2px;
  height: 25px;
  background-color: #00BE96;
}
.title2 {
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 5px 0px;
  border-bottom: solid 1px #EDEAEA;
  position: relative;
  font-weight: bold;
}
.title2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #00BE96;
  bottom: -1px;
  width: 80px;
}
.title3 {
  font-size: 1.6rem;
  margin: 0px 0px 10px 0px;
  padding: 10px 0px 10px 15px;
  line-height: 100%;
  font-weight: 700;
  position: relative;
  display: inline-block;
}
.title3::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 2px;
  transform: translateY(-50%);
  width: 2px;
  height: 16px;
  background-color: #00BE96;
}
.greeting {
  text-indent: 1em;
  padding: 0px 0px 40px 0px;
  line-height: 170%;
  text-align: justify;
  text-justify: inter-ideograph;
  margin: 0px auto 0px auto;
}
.greeting:last-child {
  padding: 0px 0px 0px 0px;
}
.list01 {
  margin: 0px;
  padding: 0px 0px 30px 0px;
}
.list01 li {
  list-style-type: none;
  padding: 0px 0px 0px 15px;
  margin: 0px 0px 3px 0px;
  position: relative;
  line-height: 150%;
}
.list01 li:last-child {
  padding: 0px 0px 0px 15px;
}
.list01 li::before {
  content: '';
  width: 7px;
  height: 7px;
  border-bottom: 2px solid #00BE96;
  border-right: 2px solid #00BE96;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: absolute;
  top: 8px;
  left: 0px;
}
.list02 {
  margin: 0px 0px 0px 30px;
}
.list02 li {
  position: relative;
  line-height: 150%;
  padding-bottom: 30px;
}
.list02 li:last-child {
  margin: 0px 0px 0px 0px;
}
.list02 li ul {
  padding-bottom: 0px;
}
.list02 li ul li {
  padding-bottom: 0px;
}
.list03 {
  margin: 0px 0px 0px 0px;
}
.list03 li {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 25px;
}
.contents_list {
  border-bottom: 1px dotted #00BE96;
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 40px 0px;
  font-weight: bold;
}
.contents_list li {
  list-style-type: none;
  padding: 0px 0px 0px 15px;
  margin: 0px 0px 0px 0px;
  position: relative;
  line-height: 150%;
}
.contents_list li:last-child {
  padding: 0px 0px 0px 14px;
}
.contents_list li::before {
  content: '';
  width: 7px;
  height: 7px;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: absolute;
  top: 8px;
  left: 0px;
}
.contents_list2 {
  border-bottom: 1px dotted #00BE96;
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 40px 0px;
  font-weight: bold;
}
.contents_list2 li {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 25px;
  position: relative;
  line-height: 150%;
}
.box2 {
  display: flex;
  width: 100%;
  border-top: 1px solid #80dfcb;
}
.box2:last-child {
  border-bottom: 1px solid #80dfcb;
}
.box_l {
  font-weight: bold;
  padding: 20px 2%;
  width: 65%;
  background-color: #edfbf8;
}
.box_r {
  width: 35%;
  padding: 20px 2%;
}
/*Previous JJAP Special Issues*/
.jjap_box {
  display: flex;
  border-bottom: 1px solid #EDEAEA;
  padding: 15px 0px;
  list-style: none;
  width: 100%;
}
.jjap_box:first-child {
  border-bottom: none;
  background-color: #00BE96;
  color: #FFF;
}
.jjap_box ul li {
  padding: 0px;
  margin: 0px;
}
.jjap_list1 {
  flex-shrink: 0;
  width: 90px;
  padding: 0px 20px;
  text-align: center;
}
.jjap_list2 {
  flex-shrink: 0;
  width: 130px;
  padding: 0px 20px;
  text-align: center;
}
.jjap_list3 {
  width: 100%;
  margin: 0px 0px 0px 20px;
}
/*Sponsorships*/
.sponsor_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: row;
}
.sponsor_box .txt1 {
  width: 50%;
  padding: 20px 1% 20px 1%;
  display: flex;
}
.sponsor_logo {
  width: 70px;
  margin: 0px 20px 0px 0px;
  text-align: center;
  flex-shrink: 0;
}
.sponsor_name {
  width: auto;
}
/*Awards*/
.award_box {
  display: flex;
  border-bottom: 1px solid #EDEAEA;
}
.award_box:first-child {
  border-bottom: none;
}
.award_title_box {
  background-color: #00BE96;
  color: #FFF;
  width: 53%;
  text-align: center;
  padding: 10px 0px;
}
.award_name_box {
  background-color: #00BE96;
  color: #FFF;
  width: 47%;
  text-align: center;
  padding: 10px 0px;
  border-left: 1px dotted #FFF;
}
.award_num {
  width: 4%;
  margin: 0;
  padding: 15px 0px;
  text-align: center;
}
.award_title {
  width: 45%;
  margin: 0% 2% 0% 2%;
  font-weight: bold;
  padding: 15px 0px;
}
.award_name {
  width: 47%;
  padding: 15px 0px;
}
.award_txt {
  padding: 0px 0px 30px 0px;
  line-height: 140%;
  margin: 0px auto 0px auto;
  text-justify: inter-word;
}
/*Committee*/
.board_box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0px 0px 30px 0px;
  line-height: 160%;
}
.board {
  width: 25%;
  margin: 0% 0% 0% 0%;
}
.board2 {
  width: 48%;
  margin: 0% 2% 0% 0%;
}
.chairman_boxs {
  width: 48%;
  margin: 0px 2% 30px 0px;
  line-height: 160%;
}
.chairman {
  display: flex;
  margin: 0px 0px 3px 0px;
  padding: 3px 0% 3px 0%;
}
.chairman p:first-child {
  background-color: #edfbf8;
  width: 50%;
  padding: 0% 0% 0% 2%;
  margin: 0% 2% 0% 0%;
  display: block;
  font-size: 1.4rem;
}
.chairman p:last-child {
  width: 46%;
}
/*Fees*/
.tbl-1 {
  width: 100%;
  margin: 10px 0px;
}
.tbl-1 th {
  background: #00BE96;
  border-bottom: solid 1px #00BE96;
  color: #fff;
  padding: 10px;
  text-align: center;
  font-weight: normal;
}
.tbl-1 td {
  border-bottom: solid 1px #00BE96;
  padding: 10px;
  text-align: right;
}
.tbl-1 td:first-child {
  background: #edfbf8;
  color: #00BE96;
  width: 150px;
  text-align: center;
}
.tbl-1w {
  width: 50%;
}
/*Photo Gallery*/
.photo_box {
  width: 100%;
}
.photo_box img {
  width: 24%;
  margin: 0% .5% .5% .5%;
  padding: 0px;
  vertical-align: top;
}
.btn1 > a {
  position: relative;
  width: 450px;
  margin: 40px auto;
  background-color: #00BE96;
  color: #FFF;
  padding: 25px;
  border-radius: 100vh;
  display: block;
  font-weight: bold;
}
.btn1 > a:before {
  content: "";
  position: absolute;
  top: 45%;
  bottom: 0;
  right: 25px;
  margin: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  -moz-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*Visa*/
.visa {
  position: relative;
  padding: 0px 0px 40px 0px;
  text-align: center;
}
.visa::before {
  content: '';
  width: 15px;
  height: 15px;
  border: 0px;
  border-top: solid 3px #80dfcb;
  border-right: solid 3px #80dfcb;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  left: 50%;
  bottom: 32px;
}
.visa::after {
  content: '';
  width: 15px;
  height: 15px;
  border: 0px;
  border-top: solid 3px #80dfcb;
  border-right: solid 3px #80dfcb;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  left: 50%;
  bottom: 22px;
}
.visa_box {
  background-color: #00BE96;
  color: #FFFFFF;
  text-align: center;
  padding: 15px 0px 15px 0px;
  width: 90%;
  margin: 0px auto 20px auto;
}
.visa_box a {
  color: #FFF;
  text-decoration: underline;
}
.pdf {
  position: relative;
}
.pdf:after {
  position: absolute;
  content: url("../img/pdf_icon.png");
  display: inline-block;
  transform: scale(0.38);
  width: 16px;
  height: 16px;
  margin: -3px 0px 0px 5px;
}
.word {
  position: relative;
}
.word:after {
  position: absolute;
  content: url("../img/word_icon.png");
  display: inline-block;
  transform: scale(0.38);
  width: 16px;
  height: 16px;
  margin: -2px 0px 0px 5px;
}
.excel {
  position: relative;
}
.excel:after {
  position: absolute;
  content: url("../img/excel_icon.png");
  display: inline-block;
  transform: scale(0.38);
  width: 16px;
  height: 16px;
  margin: -2px 0px 0px 5px;
}
/*Venue*/
.access_img1 {
  width: 635px;
  margin: 0px auto 20px auto;
}
.access_img1 img {
  width: 100%;
}
.access_box {
  margin: 60px 0px 0px 0px;
  display: flex;
}
.access_box_l {
  flex: 1;
}
.access_img2 {
  width: 250px;
  margin: 0px 0px 0px 50px;
}
.access_img2 img {
  width: 100%;
}

.access_img3 {
  width: 300px;
  margin: 30px auto 0px auto;
}
.access_img3 img {
  width: 100%;
}

/*Transportation and Accommodation*/
.stay div:first-child{width:680px;
margin: 30px auto;}

.stay div:last-child{width: 500px;
margin: 0px auto 40px auto;}

.stay img{width: 100%;}

/*打消し線*/
.del {
	color: #f00;
	text-decoration : line-through ;
}
.del span {
	color: #333;
}
@media screen and (max-width: 1720px) {
  .contents_in {
    max-width: 1200px;
    width: 92%;
  }
  h2 {
    max-width: 1200px;
    width: 92%;
  }
}
@media screen and (max-width: 1350px) {
  .board {
    width: 50%;
  }
  .sponsor_box .txt1 {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .contents_in {
    padding: 50px 4%;
    border-radius: 0px;
  }
  h2 {
    font-size: 4.1vw;
  }
  /*Committee*/
  .chairman_boxs {
    width: 100%;
  }
  /*visa*/
  .visa_box {
    width: 100%;
  }
  /*Important Dates*/
  .box_l {
    width: 50%;
  }
  .box_r {
    width: 50%;
  }
    /*Venue*/
.access_img1 {
  width: 100%;
}
/*Transportation and Accommodation*/
.stay div:first-child{width:100%;}

.stay div:last-child{width: 80%;}
}
@media screen and (max-width: 600px) {
  .contents_in {
    width: 100%;
    padding: 10% 4%;
    border-radius: 0px;
  }
  h2 {
    font-size: 2.5rem;
  }
  /*Committee*/
  .board_box {
    display: inline-block;
  }
  .board {
    width: 100%;
  }
  .board2 {
    width: 100%;
  }
  .btn1 > a {
    width: 100%;
    padding: 25px 50px 25px 25px;
  }
  /*Fees*/
  .tbl-1 .thead {
    display: none;
  }
  .tbl-1 tr {
    width: 100%;
  }
  .tbl-1 td {
    border-top: none;
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 10px 10px 10px;
  }
  .tbl-1 td:first-child {
    background: #00BE96;
    color: #fff;
    text-align: center;
    width: 100%;
  }
  .tbl-1 td:before {
    content: attr(data-label);
    text-align: left;
    float: left;
    margin-right: 10px;
    width: 100%;
  }
  /*Important Dates*/
  .box2 {
    display: inline-block;
  }
  .box_l {
    text-align: center;
    font-weight: bold;
    padding: 5px 2%;
    width: 100%;
    background-color: #edfbf8;
  }
  .box_r {
    width: 100%;
    padding: 10px 0px;
    text-align: center;
  }
    /*Venue*/
  
  .access_img1 {
  margin: 0px auto 0px auto;
}
  .access_box {
  width: 100%;
  margin: 30px 0px 0px 0px;
  display:inline-block;
}
.access_box_l {
width: 100%;
flex: 0;
}
.access_img2 {
  width: 250px;
  margin: 30px auto 0px auto;
}
}
@media screen and (max-width: 400px) {}