@charset "UTF-8";

figure {
	margin: 0;
}

/* common */
.p-section__inner {
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 0;
}

.text_link_style {
	text-decoration: underline;
}
.text_link_style:hover {
	text-decoration: none;
}

/* title */
#title {
	background-color: #edf1f4;
}

.left_box,
.right_box {
	width: 50%;
}

.left_box {
	padding-top: 120px;
	padding-bottom: 110px;
}

.right_box {
	padding-top: 50px;
	padding-left: 165px;
	padding-bottom: 35px;
}
.right_box figure {
	margin-bottom: 10px;
}
.right_box figcaption {
	padding-left: 35px;
}

.name {
	font-size: 2.5rem;
}
.name span {
	font-size: 1.4rem;
}
.prof {
	font-size: 1.2rem;
}

.nejmTtl {
	padding: 7px 0 7px 45px;
	font-size: 1.4rem;
	color: #ff3300;
	background: url(../img/mark_header.png) no-repeat left center;
}

.mainheading {
	font-size: 4.8rem;
}

.interview_num {
	font-size: 1.8rem;
	color: #ff3300;
	line-height: 1;
}
.interview_num span {
	display: inline-block;
	margin-left: .8rem;
	font-size: 4rem;
}


/* interview */
.middleheading {
	padding-top: 60px;
	margin-top: 100px;
	margin-bottom: 40px;
	line-height: 1.65;
	font-size: 3.8rem;
	color: #808080;
	background: url(../img/mark_article_gray.png) no-repeat left top;
}

/*
.intervewee,
.intervewer {
  word-break: normal;
}
*/

.intervewee {
	margin-bottom: 20px;
	font-size: 1.6rem;
	font-weight: bold;
	text-indent: -2rem;
	padding-left: 2rem;
}

.intervewer {
	margin-bottom: 50px;
	font-size: 1.6rem;
	line-height: 1.75;
}
.intervewer.marginNone {
	margin-bottom: 0;
}


/* pager */
#pager {
	margin-bottom: 130px;
}
.back_btn {
	display: block;
	width: 360px;
	padding: 15px 0;
	margin: 0 auto 40px;
	text-align: center;
	background: #edf1f4 url(../img/arrow_or.png) no-repeat 65% center;
	color: #ff3300;
	border: solid 1px #edf1f4;
	border-radius: 8px;
}
.back_btn:hover {
	background: #ff3300 url(../img/arrow_wt.png) no-repeat 65% center;
	color: #edf1f4;
	border: solid 1px #ff3300;
}

.page_btn {
	width: 360px;
	margin: auto;
	justify-content: space-between;
}
.page_btn  a {
	width: 100px;
	height: 80px;
	padding-left: 13px;
	padding-top: 20px;
	background: url(../img/mark_link_off.png) no-repeat center center / contain;
	font-size: 1.2rem;
	font-weight: bold;
	color: #ff3300;
}
.page_btn  a:hover,
.page_btn .current a {
	background-image: url(../img/mark_link_on.png);
	color: #fff;
}
.page_btn  a span {
	display: block;
	padding-left: 20px;
	font-size: 2.4rem;
	line-height: 1;
}



/* Responsive
---------------------------------------------------------- */
@media screen and (max-width: 640px) {
/* common */
  .p-section__inner {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }


  .left_box,
  .right_box {
    width: 100%;
    text-align: center;
  }
  .left_box {
    padding-top: 13.4%;
    padding-bottom: 3.6%;
  }
  .right_box {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 15.17%;
  }
  .right_box figure {
    width: 75%;
    margin: auto;
    margin-bottom: 9%;
  }
  .right_box figcaption {
    padding-left: 0;
  }

  .name,
  .prof {
    padding-left: 25%;
    text-align: left;
  }
  .name {
    margin-bottom: .3rem;
    font-size: 2.4rem;
  }
  .name span {
    font-size: 1.4rem;
  }
  .prof {
    font-size: 1.4rem;
    line-height: 1.7;
  }

  .nejmTtl {
    padding: 1% 0 1% 9.6%;
    margin-bottom: 8.9%;
    font-size: 1.2rem;
    background: url(../img/mark_header.png) no-repeat left center / 6% auto;
    text-align: left;
  }

  .mainheading {
    margin-bottom: 12%;
    line-height: 1;
    font-size: 3.1rem;
  }

  .interview_num {
    font-size: 1.5rem;
  }
  .interview_num span {
    margin-left: .5rem;
    font-size: 3rem;
  }


/* interview */
  .middleheading {
    padding-top: 19%;
    margin-top: 25%;
    margin-bottom: 8.9%;
    line-height: 1.5;
    font-size: 2.4rem;
    background-size: 18.75% auto;
  }

  .intervewee {
    margin-bottom: 3.6%;
    font-size: 1.5rem;
    text-indent: -2rem;
    padding-left: 2rem;
  }

  .intervewer {
    margin-bottom: 13.4%;
    font-size: 1.5rem;
    line-height: 1.6;
  }

/* pager */
  #pager {
    margin-bottom: 15.6%;
  }

  .back_btn {
    width: 100%;
    font-size: 2rem;
    padding: 6% 0;
  }

  .page_btn li {
    width: 30%;
  }
  .page_btn a {
    width: 100%;
    height: auto;
    padding-left: 14.8%;
    padding-top: 20.8%;
    padding-bottom: 13.8%;
    font-size: .95rem;
  }
  .page_btn a span {
    padding-left: 25%;
    font-size: 1.9rem;
    margin-top: .2rem;
  }

}

@media screen and (max-width: 400px) {
  .page_btn {
    width: 100%;
  }
}

@media screen and (min-width: 374px) and (max-width: 640px) {
  .nejmTtl {
    width: 87.5%;
    margin: 0 auto 8.9%;
  }

  .page_btn a {
    padding-left: 20.8%;
  }
  .page_btn a span {
    padding-left: 21%;
  }

  .name, .prof {
    padding-left: 30%;
  }
}