@charset "utf-8";

.btn_close {
  position:fixed;
  top:10px;
  right:10px;
  display:block;
  width:80px;
  cursor:pointer;
}

.btn_close img {
  width:100%;
}

@media screen and (max-width:768px) {
  .btn_close {
    display:none;
  }
}


.sec_comment {
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:40px;
  box-sizing:border-box;
  line-height:1.7em;
  font-size:14px;
  font-weight:400;
}
@media screen and (max-width:640px) {
  .sec_comment {
    padding:3%;
  }
}

.sec_comment .inner {

}

.sec_comment .inner > h1 {
  font-size:24px;
  font-weight:500;
  margin:0 0 40px;
  padding:0 0 10px;
  border-bottom:1px solid #ccc;
}

.maincast {

}
.maincast:after {
  content:" ";
  display:block;
  clear:both;
}

.cast_set {
  float:left;
  width:47%;
}

.cast_set:first-of-type {
  margin:0 6% 0 0;
}

.cast_set img {
  float:left;
  display:block;
  width:46%;
  margin:0 4% 0 0;
}
.cast_set .tx {
  float:left;
  width:50%;
  font-size:14px;
}
@media screen and (max-width:960px) {
  .cast_set img {
    float:none;
    display:block;
    width:100%;
    margin:0 0 30px;
  }
  .cast_set .tx {
    float:none;
    width:100%;
    font-size:13px;
  }
}

.cast_set h1 {
  margin:0;
  padding:0;
  margin-bottom:0.7em;
  padding-bottom:0.7em;
  font-size:22px;
  font-weight:700;
  border-bottom:1px solid #000;
}
.cast_set h1 span {
  font-size:14px;
  font-weight:400;
}

.cast_set h1 br {
  display:none;
}
@media screen and (max-width:640px) {
  .cast_set h1 {
    font-size:17px;

  }
  .cast_set h1 span {
    font-size:12px;
  }
  .cast_set h1 br {
    display:inline;
  }
}

.cast_set .prof {
  clear:both;
  width:100%;
  padding-top:10px;
  font-size:14px;
}

.cast_set h2 {
  margin-bottom:0.7em;
  padding-bottom:0.7em;
  font-size:16px;
  font-weight:700;
  border-bottom:1px solid #999;
}
@media screen and (max-width:640px) {
  .cast_set .prof {
    font-size:13px;
  }
  .cast_set h2 {
    font-size:14px;
  }
}


.director {
  padding-top:100px;
}
.director:after {
  content:" ";
  display:block;
  clear:both;
}

.dir_set {
  float:left;
  width:58%;
  font-size:14px;
}

.dir_set h1 {
  margin:0;
  padding:0;
  margin-bottom:0.7em;
  font-size:22px;
  font-weight:700;
}
.dir_set h1 span {
  font-size:14px;
}
@media screen and (max-width:640px) {
  .director {
    padding-top:60px;
  }
  .dir_set h1 {
    font-size:17px;
  }
  .dir_set h1 span {
    font-size:12px;
  }
}

.dir_prof {
  float:right;
  width:38%;
  margin-top:30px;
  padding:30px;
  box-sizing:border-box;
  border:1px solid #000;
  font-size:14px;
}

.dir_prof h2 {
  width:14em;
  margin-top:-40px;
  margin-left:-10px;
  padding:0 10px;
  font-size:16px;
  font-weight:700;
  text-align:center;
  background:#fff;
}

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

  .dir_set {
    float:none;
    width:100%;
    font-size:13px;
  }
  .dir_prof {
    float:none;
    width:100%;
    margin-top:50px;
    padding:20px;
    font-size:13px;
  }
  .dir_prof h2 {
    font-size:14px;
    margin-top:-25px;
  }
}