/*
 * .talk
 * .talk .cover
 * .talk .lede
 * .talk .members
 * .talk .section
 * .talk .controls
 */
/*
 *
 * .talk
 *
 */
.talk .sugaya {
  color: #24ae50; }

.talk .kawakami {
  color: #a665bf; }

.talk .masuda {
  color: #f78734; }

@media only screen and (max-width: 480px) {
  .talk .frame {
    width: 100%; } }

/*
 *
 * .talk .cover
 *
 */
.talk .cover {
  background-image: none;
  width: 1040px;
  margin: 0 auto;
  background-color: #fff;
  height: 370px;
  position: relative;
  background-position: center 50%;
  background-size: cover; }

.talk .cover__logo {
  position: relative;
  top: 80px;
  left: 50%;
  width: 479px;
  margin-left: -239px;
  height: auto;
  z-index: 10; }

.talk01 .cover {
  background-image: url("../../special/image/talk-cover.jpg");
  padding-bottom: 50%;
  background-position: center 50%;
  background-color: transparent;
  width: 100%; }

.talk01 .cover__logo {
  margin-left: auto;
  top: 130px;
  width: 104%;
  left: -2%; }

@media only screen and (max-width: 480px) {
  .talk .cover {
    width: 100%;
    height: 320px; }
  .talk .cover__logo {
    top: 120px;
    width: 80%;
    margin: 0 auto;
    left: 0; }
  .talk01 .cover {
    height: 283px;
    background-position: center center; }
  .talk01 .cover__logo {
    width: 70%;
    margin: 0 auto;
    top: 138px; } }

/*
 *
 * .talk .lede
 *
 */
.talk .lede {
  padding-top: 10px;
  text-align: center;
  background-color: #ebebeb; }

.talk .lede__lede {
  padding-top: 60px;
  text-align: center;
  font-weight: bold;
  font-size: 1.846153846em;
  /*24px / 13px*/
  line-height: 2; }

.talk .lede__notice {
  margin-top: 1em;
  font-size: .923076923em;
  /*12px / 13px*/ }

@media only screen and (max-width: 480px) {
  .talk .lede {
    text-align: left;
    margin: 0 auto;
    padding: 0 5% 50px;
    width: 100%; }
  .talk .lede__lede {
    padding-top: 30px;
    font-size: 1.230769231em;
    /*16px / 13px*/
    text-align: left;
    line-height: 1.5; }
  .talk .lede__lede br {
    display: none; } }

/*
 *
 * .talk .members
 *
 */
.talk .members {
  margin-bottom: 90px;
  padding: 45px 0;
  background-color: #ebebeb; }

.talk .members__heading {
  text-align: center;
  font-size: 1.384615385em;
  /*18px / 13px*/
  font-weight: bold;
  margin-bottom: 30px; }

.talk .members__list {
  width: 888px;
  margin: 0 auto; }

.talk .members__list li,
.talk .members__list li p {
  width: 250px; }

.talk .members__list li {
  display: inline-block;
  margin-left: 66px;
  text-align: center;
  line-height: 1.8;
  vertical-align: top; }

.talk .members__list li:first-child {
  margin-left: 0; }

.talk .members__list__image {
  height: 176px; }

.talk .members__list__name {
  font-size: 1.384615385em;
  /*18px / 13px*/
  font-weight: bold; }

.talk .members__list__name small {
  font-size: .722222222em;
  /*13px / 18px*/
  font-weight: normal; }

.talk .members__list__school {
  margin: .5em 0 0.8em; }

.talk .members__list__profile {
  text-align: left;
  color: #000; }

@media only screen and (max-width: 480px) {
  .talk .members {
    margin-bottom: 50px; }
  .talk .members__list {
    width: 90%;
    margin: 0 auto;
    text-align: center; }
  .talk .members__list li {
    margin: 0 auto 2em;
    width: 100%; }
  .talk .members__list li p {
    width: 100%; } }

/*
 *
 * .talk .section
 *
 */
.talk .section__heading {
  text-align: center;
  font-size: 2.461538462em;
  /*32px / 13px*/
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 70px;
  letter-spacing: 0.16em; }

.talk .section__talks:after,
.talk .section__talks:before {
  content: '';
  display: table; }

.talk .section__talks:after {
  clear: both; }

.talk .section__talks {
  width: 456px;
  margin: 0 auto;
  position: relative;
  z-index: 10; }

.talk .section__talks dt {
  display: inline-block;
  float: left;
  clear: both;
  font-size: 1.538461538em;
  /*20px / 13px*/
  font-weight: bold;
  width: 84px;
  margin-top: 4px; }

.talk .section__talks dd {
  font-size: 1.230769231em;
  /*16px / 13px*/
  line-height: 1.75;
  margin-bottom: 2em;
  display: inline-block;
  float: left;
  width: 372px; }

.talk .section__image {
  text-align: center;
  margin: 40px auto 60px;
  position: relative;
  z-index: 10; }

.section__image__bg {
  width: 100%;
  position: absolute;
  top: 20%;
  left: 0;
  z-index: -2; }

.talk .section__image:nth-of-type(1) .section__image__bg {
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg); }

.talk .section__image:nth-of-type(2) .section__image__bg {
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg); }

@media only screen and (max-width: 480px) {
  .talk .section__heading {
    font-size: 1.538461538em;
    /*20px / 13px*/
    text-align: left;
    margin: 0 auto 1em;
    width: 90%; }
  .talk .section__talks {
    width: 90%; }
  .talk .section__talks dt {
    font-size: 1.076923077em;
    /*14px / 13px*/
    width: 15%; }
  .talk .section__talks dd {
    font-size: 1em;
    margin-bottom: 1.5em;
    width: 85%; }
  .talk .section__image {
    margin: 20px auto 30px; }
  .talk .section__image__bg {
    display: none; } }

/*
 *
 * .talk .controls
 *
 */
.talk .controls__pager:after,
.talk .controls__pager:before {
  content: '';
  display: table; }

.talk .controls__pager:after {
  clear: both; }

.talk .controls__pager {
  position: relative;
  margin-top: 120px;
  z-index: 1;
  line-height: 1.7; }

.talk .controls__pager__item {
  font-size: 1.076923077em;
  /*14px / 13px*/
  font-weight: bold; }

.talk .controls__pager__item a {
  display: inline-block; }

.talk .controls__pager__item i {
  font-size: 4em;
  position: absolute;
  top: -5px; }

.talk .controls__pager__item--prev {
  float: left;
  margin-left: 60px; }

.talk .controls__pager__item--prev i {
  left: 0; }

.talk .controls__pager__item--next {
  float: right;
  margin-right: 60px; }

.talk .controls__pager__item--next i {
  right: 0px; }

.talk .controls__pagenation {
  text-align: center;
  padding-bottom: 68px;
  width: 384px;
  margin: -45px auto 0;
  z-index: 10;
  position: relative; }

.talk .controls__pagenation li {
  counter-increment: num;
  display: inline-block;
  margin-left: 32px;
  font-size: 1.3em;
  font-weight: bold; }

.talk .controls__pagenation li:first-child {
  margin-left: 0; }

.talk .controls__pagenation li a:before {
  font-family: 'Roboto Slab', sans-serif;
  font-size: 1.615384615em;
  /*21px / 13px*/
  content: counter(num);
  display: inline-block;
  width: 40px;
  height: 50px;
  padding: 9px 3px;
  margin: 0 auto 25px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.talk01 .controls__pagenation li:first-child a:before,
.talk02 .controls__pagenation li:first-child + * a:before,
.talk03 .controls__pagenation li:first-child + * + * a:before,
.talk04 .controls__pagenation li:first-child + * + * + * a:before {
  border-bottom: 3px solid #000000; }

@media only screen and (max-width: 480px) {
  .talk .controls__pager__item--prev {
    display: none; }
  .talk .controls__pagenation {
    margin-top: 40px;
    width: 300px; }
  .talk .controls__pagenation li {
    margin-left: 20px; }
  .talk .controls__pager {
    margin-top: 60px; } }