@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 {
  width: 100%;
  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;
  letter-spacing: 1px;
  font-size: 4.5rem;
  font-family: 'Noto Sans JP', 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%;
  text-align: justify;
  text-justify: inter-ideograph;
  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 ol {
  padding: 0px 0px 0px 25px;
}
.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;
  text-align: center;
  padding: 20px 2%;
  width: 50%;
  background-color: #edfbf8;
}
.box_r {
  width: 50%;
  padding: 20px 2%;
}
/*過去のJJAP特集号*/
.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;
  padding: 0px 20px;
  width: 90px;
  text-align: center;
}
.jjap_list3 {
  width: 100%;
  margin: 0px 0px 0px 20px;
}
/*主催／共催／後援／協賛／賛助*/
.sponsor_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: row;
}
.sponsor_box .txt1 {
  width: 50%;
  display: flex;
  padding: 0 1% 40px 1%;
}
.sponsor_logo {
  width: 100px;
  margin: 0px 20px 0px 0px;
  text-align: center;
  flex-shrink: 0;
}
.sponsor_name {
  width: auto;
  word-break: break-all;
}
/*論文賞・奨励賞*/
.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;
}
/*組織委員*/
.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 0px 0px;
  padding: 3px 0% 3px 0%;
}
.chairman p:first-child {
  background-color: #edfbf8;
  text-align: center;
  width: 38%;
  margin: 0% 2% 0% 0%;
  display: block;
}
.chairman p:last-child {
  width: 60%;
}
/*参加費*/
.tbl-1 {
  width: 100%;
  margin: 0%;
}
.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;
}
/*フォトギャラリー*/
.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);
}
.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;
}
/*会場案内*/
.access_img1 {
  width: 635px;
  margin: 0px auto 20px auto;
}
.access_img1 img {
  width: 100%;
}
.access_box {
  margin: 60px 0px 0px 0px;
  display: flex;
  justify-content: space-between;
}
.access_box_l {
  flex: 1;
  word-break: break-all;
  margin: 0px 0px 0px 0px;
}
.a_img {
  width: 48%;
}
.a_img img {
  max-width: 250px;
  width: 100%;
  margin: 0px auto 20px auto;
  display: block;
}
.a_img_y {
  width: 100%;
  max-width: 350px;
  margin: 0px 30px 0px 0px;
}
.a_img_y img {
  width: 100%;
}
.a_img_x {
  width: 100%;
  max-width: 350px;
  margin: 0px 0px 0px 30px;
}
.a_img_x img {
  width: 100%;
}
.item01 {
  order: 0;
}
.item02 {
  order: 1;
}
/*交通案内*/
.stay {
  width: 560px;
  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%;
  }
}
@media screen and (max-width: 1100px) {
  .contents_in {
    padding: 50px 4%;
    border-radius: 0px;
  }
  .sponsor_box .txt1 {
    width: 100%;
  }
  h2 {
    font-size: 4.1vw;
  }
  /*組織委員*/
  .chairman_boxs {
    width: 100%;
  }
  /*会場案内*/
  .access_img1 {
    width: 100%;
  }
  .access_box {
    width: 100%;
    margin: 30px 0px 0px 0px;
    display: inline-block;
  }
  .access_box_l {
    width: 100%;
    flex: 0;
  }
  .a_img_y {
    width: 100%;
    max-width: 250px;
    margin: 0px auto 0px auto;
  }
  .a_img_y img {
    margin: 0px auto 20px auto;
  }
  .a_img_x {
    max-width: 350px;
    margin: 0px auto 0px auto;
  }
  .a_img_x img {
    margin: 50px auto 20px auto;
  }
  .a_img {
    width: 100%;
    margin: 60px auto 20px auto;
  }
  /*交通案内*/
  .stay {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .contents_in {
    width: 100%;
    padding: 10% 4%;
    border-radius: 0px;
  }
  h2 {
    font-size: 2.5rem;
  }
  /*組織委員*/
  .board_box {
    display: inline-block;
  }
  .board {
    width: 100%;
  }
  .board2 {
    width: 100%;
  }
  .btn1 > a {
    width: 100%;
    padding: 25px 50px 25px 25px;
  }
  /*参加費*/
  .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%;
  }
  /*各種締め切り*/
  .box2 {
    display: inline-block;
  }
  .box_l {
    text-align: center;
    font-weight: bold;
    padding: 5px 0px;
    width: 100%;
    background-color: #edfbf8;
  }
  .box_r {
    width: 100%;
    padding: 10px;
    text-align: center;
  }
  /*会場案内*/
  .access_img1 {
    margin: 0px auto 0px auto;
  }
}
@media screen and (max-width: 400px) {}