/* body:after { */
/*   content: ""; */
/*   display: block; */
/*   /1* height: 4436px; *1/ */
/*   width: 100%; */
/*   position: absolute; */
/*   top: 0; */
/*   left: 0; */
/*   background-image: url('../img/zzz.jpg'); */
/*   background-repeat: no-repeat; */
/*   background-size: fill; */
/*   background-position: top; */
/*   opacity: 0.0; */
/*   z-index: 1; */
/*   pointer-events: none; */
/* } */

html, body {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}
dl, dt, dd {
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
li {
  margin: 0;
  padding: 0;
}


.container {
}

header {
  height: 800px;
  background-color: #d5d2c7;
  background-image: url('../img/header_bg_pc.jpg');
  background-repeat: no-repeat;
  background-position: top center;
}
.header-inner {
  width: 960px;
  margin: 0 auto;
  position: relative;
}
.header-title {
  position: relative;
  z-index: 10;
  padding: 225px 0 0;
}
.header-title h1 {
}
.header-title h1 img {
  width: 574px;
}
.header-title p {
  padding: 125px 0 0 16px;
}
.header-title p img {
  width: 476px;
}
.header-ex {
  position: absolute;
  top: 82px;
  right: 73px;
  z-index: 200;
  width: 86px;
}
.header-ex img {
  width: 100%;
  max-width: 100%;
}

.slide {
  z-index: 3;
  position: absolute;
  top: 88px;
  right: 7px;
}
.slide ul {
  position: relative;
  overflow: hidden;
  width: 420px;
  height: 618px;
}
.slide ul li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.slide ul li span{
  display: block;
  overflow: hidden;
}

.cross {
  margin: 0 22px;
}
.cross img {
  width: 50px;
  transform: translateY(-35px);
}

.talksession {
  padding: 110px 0 123px;
  background-color: #EF892E;
  text-align: center;
}
.talksession h2 {
  text-align: center;
}
.talksession h2 img {
  width: 460px;
}
.talksession h3 img {
  width: 482px;
}
.talksession_a {
  padding: 76px 0 0;
}
.talksession_b {
  padding: 85px 0 0;
}
.talksession_a_inner ,
.talksession_b_inner {
  padding: 26px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.talksession_a_inner dt {
}
.talksession_a_inner dt img,
.talksession_b_inner dt img {
  width: 218px;
}
.talksession_a_inner dd ,
.talksession_b_inner dd {
  color: #fff;
  padding: 23px 0 0;
}
.talksession_a_inner dd h4 ,
.talksession_b_inner dd h4 {
  letter-spacing: .1em;
  font-size: 18px;
  font-family: 'Zen Maru Gothic', sans-serif;
}
.talksession_a_inner dd p ,
.talksession_b_inner dd p {
  letter-spacing: .1em;
  margin: 10px 0 0;
  font-size: 12px;
  font-family: 'Zen Maru Gothic', sans-serif;
}


.navigator {
  padding: 74px 0 58px;
  text-align: center;
  background-color: #DDD9C6;
}
.navigator h2 {
  margin-bottom: 35px;
}
.navigator h2 img {
  width: 267px;
}
.navigator dt img {
  width: 180px;
}
.navigator dd h4 {
  letter-spacing: .1em;
  padding: 18px 0 0;
  color: #397954;
  font-size: 18px;
  font-family: 'Zen Maru Gothic', sans-serif;
}


.report {
  padding: 100px 0 120px;
  text-align: center;
  margin: 0 auto;
  background-color: #F2BF1B;
}
.report h2 {
  margin: 0 0 30px;
}
.report h2 img {
  width: 254px;
}
.report ul {
  width: 900px;
  margin: 0 auto;
  transform: translate(35px, 35px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.report li {
  margin: 0 10px 15px;
}
.report li img {
  max-width: 258px;
}


.banner {
  background-color: #DDD9C6;
  text-align: center;
  padding: 93px 0;
}
.banner img {
  margin: 0 10px 30px;
}


.footer {
  width: 972px;
  margin: 0 auto;
  padding: 50px 0;
  display: flex;
  justify-content: space-between;
}
.footer p {
  padding: 5px 0 0;
  text-align: right;
}
.home {

}
.home img {
  max-width: 65px;
}
.jwave {
  width: 135px;
}
.copyright {
  display: inline-block;
  font-size: 11px;
  letter-spacing: -1px;
  margin-top: 5px;
}







@media screen and (max-width: 780px) {
html, body {
  width: 100%;
}
img {
  max-width: 100%;
}
header {
  height: 100%;
  background-image: url('../img/header_bg_sp.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% auto;
  padding: 0 0 24px;
}
.header-inner {
  width: auto;
  margin: 0 auto;
  position: relative;
}
.header-title {
  position: relative;
  z-index: 10;
  padding: 260px 0 0;
  text-align: center;
}
.header-title h1 {
}
.header-title h1 img {
  width: calc(100vw - 40px);
  max-width: unset;
}
.header-title p {
  padding: 32px 0 0 0;
}
.header-title p img {
  width: calc(100vw - 100px);
  max-width: unset;
}
.header-ex {
  position: absolute;
  top: 30px;
  right: 25px;
  z-index: 200;
  width: 50px;
}
.header-ex img {
  width: 100%;
  max-width: unset;
}

.slide {
  z-index: 3;
  position: absolute;
  top: 15px;
  right: 0;
  left: 0;
  margin: 0 auto;
  /* width: 420px; */
  /* width: 62%; */
  width: 236px;
}
.slide ul,
.slide li {
  width: 100%;
}
.slide span {
}
.slide img {
  width: 236px;
  /* width: 100%; */
  max-width: unset;
}

.report {
  padding: 80px 46px 60px;
}
.report ul {
  width: 100%;
  margin: 0 auto;
  transform: translate(0px, 35px);
  justify-content: space-around;
}
.report li {
  margin: 0 0 15px;
  width: calc(120 * (100vw / 320));
}
.report li img {
  max-width: 100%;
}

.talksession {
  padding: 70px 46px 53px;
}
.talksession h2 img {
  width: 80%;
}
.navigator h2 img {
  width: 60%;
}
.report h2 img {
  width: 60%;
}

.talksession_a {
  padding: 50px 0 0;
}
.talksession_a_inner dd p ,
.talksession_b_inner dd p {
  font-size: 10px;
}
.navigator {
  padding: 74px 46px 58px;
}
.navigator img {
  max-width: 100%;
}

.banner {
  background-color: #DDD9C6;
  text-align: center;
  padding: 93px 0;
}
.banner img {
  margin: 0 10px 30px;
}


.footer {
  width: 100%;
  padding: 50px 0;
  display: flex;
  justify-content: space-around;
}
.footer p {
  padding: 5px 0 0;
  text-align: right;
}
.home {

}
.home img {
  max-width: 65px;
}
.jwave {
  width: 135px;
}
.copyright {
  display: inline-block;
  font-size: 11px;
  letter-spacing: -1px;
  margin-top: 5px;
}

.cross {
  margin: 0 5px;
}
.cross img {
  width: 50px;
  transform: translateY(-35px);
}
}