/*-------------------------------
	sub fview
-------------------------------*/
.sub_fview_inner h1 {
  font-size: 187.5%;
  line-height: 2;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0.5em; }

/*-------------------------------
	interview
-------------------------------*/
#interview {
  padding: 75px 0 0 0;
  overflow: visible; }

.int_top {
  position: relative;
  margin-bottom: 80px; }

.int_txt {
  padding: 0 30px 0;
  border-left: 2px solid #3064F6;
  width: calc(100% - 270px); }

.int_txt h3 {
  font-size: 150%;
  font-weight: 500;
  margin-bottom: 1em;
  color: #0C0C0C; }

.int_list li {
  font-size: 112.5%;
  line-height: 2;
  letter-spacing: 0.04em; }

.int_img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 270px; }

.int_dl dt,
.int_dl dd {
  position: relative; }

.int_dl dt::before {
  content: "Q" attr(data-no);
  display: block;
  font-size: 158.34%;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.02em;
  transform: scale(1.15, 1);
  transform-origin: left center;
  color: #3064F6;
  position: absolute;
  left: 0;
  top: 42px; }

.int_dl dt {
  font-size: 150%;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-bottom: 40px;
  padding: 40px 0 0 140px;
  border-top: 1px solid #AAAAAA;
  line-height: 1.65; }

.int_dl dt span {
  font-size: 75%; }

.int_dl dd {
  padding: 0 0 40px 140px; }

.int_comment_bottom {
  border: 1px solid #AAAAAA;
  padding: 40px 40px;
  border-radius: 20px; }

.int_comment_bottom h3 {
  text-align: center;
  font-size: 150%;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding-bottom: 1em;
  position: relative;
  color: #0C0C0C;
  margin-bottom: 1em;
  line-height: 1.25; }

.int_comment_bottom h3::before {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background: #3064F6;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto; }

.int_comment_bottom p {
  letter-spacing: 0; }

.int_comment .btn_more {
  margin: 100px auto 0; }

.int_comment .btn_more span {
  transform: none;
  font-family: 'Noto Sans JP', sans-serif; }

/*-------------------------------
	
-------------------------------*/
/*-------------------------------
	ver sp
-------------------------------*/
@media screen and (max-width: 767px) {
  /*-------------------------------
  	sub fview
  -------------------------------*/
  #sub_fview {
    padding-bottom: 160px; }

  .sub_fview_inner h1 {
    font-size: 125%; }

  /*-------------------------------
  	interview
  -------------------------------*/
  #interview {
    padding: 0; }

  .int_top {
    margin-bottom: 50px; }

  .int_txt {
    padding: 0 15px 0;
    width: 100%;
    order: 1; }

  .int_txt h3 {
    font-size: 100%;
    margin-bottom: 0.5em; }

  .int_list li {
    font-size: 87.5%; }

  .int_img {
    position: relative;
    right: auto;
    bottom: auto;
    width: 58.7%;
    margin: -60px auto 25px; }

  .int_dl dt::before {
    font-size: 168.75%;
    top: 21px; }

  .int_dl dt {
    font-size: 100%;
    letter-spacing: 0em;
    margin-bottom: 10px;
    padding: 20px 0 0 17.2%; }

  .int_dl dt span {
    font-size: 87.5%;
    font-weight: 400; }

  .int_dl dd {
    padding: 0 0 20px 17.4%; }

  .int_comment_bottom {
    padding: 25px 25px;
    border-radius: 10px;
    margin-top: 40px; }

  .int_comment_bottom h3 {
    font-size: 100%; }

  .int_comment_bottom h3::before {
    width: 30px; }

  .int_comment .btn_more {
    margin: 50px auto 0; } }
/* end 767px */