@charset "utf-8";

.cont h1 {
	background-image: url(../images/title.png);
}

.video {
	padding-top: 30px;
}

.video iframe {
	width: 100%;
}

table.info {
}
table.info tr {
  padding-bottom: 0;
  border-bottom: 1px solid #7893ae;
}
table.info tr:last-child {
  border-bottom: 1px solid #7893ae;
}
table.info th {
  width: 190px;
  border-radius: 0;
  background: #7893ae;
  color: #FFF;
  border-radius: 2px 2px 0 0;
}
table.info td {
}


#interview {}
#interview img {
  display: block;
  margin-bottom: 20px;
}
#interview ul {
  padding: 10px 0 ;
}
#interview ul li.box {
  border-bottom: 1px dashed #292929;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
#interview ul li.box:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#interview ul li.box .question,
#interview ul li.box .answer {
  position: relative;
  padding: 0 0 30px 50px;
}
#interview ul li.box .question::after,
#interview ul li.box .answer::after {
  position: absolute;
  top: -9px;
  left: 0;
  content: "";
  background: url(../images/q.png) no-repeat center;
  width: 41px;
  height: 41px;
}
#interview ul li.box .answer::after {
  background-image: url(../images/a.png);
}

#interview ul li.box .question {
}

#interview ul li.box .answer {
  padding-bottom: 0;
}


#event {}

#event figure {
  padding-bottom: 40px;
}
#event figure:last-child {
  padding-bottom: 0;
}

#event figure figcaption {
  padding-bottom: 5px;
  font-size: 16px;
}

#event figure img {
  display: block;
}


















@media only screen and (max-width: 768px) {

.cont h1 {
	background-image: url(../images/title_sp.jpg);
}
table.info th {
  width: 100px;
}
  
#interview img {
  width: 100%;
  padding-top: 32.98507462%;
  height: 0;
  overflow: hidden;
  background: url(../images/photo_sp.jpg) no-repeat left top;
  background-size: 100%;
}
#interview ul {
    padding: 0 0;
}
#interview ul li.box .question,
#interview ul li.box .answer {
  padding: 0 0 10px 40px;
}
#interview ul li.box .answer {
  padding-bottom: 0;
}
#interview ul li.box {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
#interview ul li.box .question::after,
#interview ul li.box .answer::after {
  background-image: url(../images/q_sp.png);
  background-size: 100%;
  top: 0;
  width: 32px;
  height: 32px;
}
#interview ul li.box .answer::after {
  background-image: url(../images/a_sp.png);
}

#event figure img {
  width: 100%;
  height: auto;
}
#event figure {
  padding-bottom: 20px;
}


}