/* @include   sp */
img {
  max-width: 100%;
  height: auto; }

.bgwhite {
  background-color: white; }

.bread-out {
  padding: 0 !important; }

.box_b {
  background-color: #DBE4FC;
  padding: 30px; }
  .box_b h3 {
    font-size: 1.7em;
    line-height: 150%;
    font-weight: bold; }
  .box_b p {
    font-size: 1.0em;
    line-height: 150%;
    text-align: left !important;
    margin: 10px 0px; }

#profile {
  margin-top: 30px; }

.pctab {
  border-radius: 20% 0 20% 0; }

.f25 {
  font-size: 1.6em;
  line-height: 150%;
  font-weight: bold;
  margin: 10px 0px; }

.f19 {
  font-size: 1.2em;
  line-height: 150%;
  font-weight: bold;
  margin: 10px 0px; }

.mt50 {
  margin-top: 50px; }

.interview_bg,
.interview_bg2 {
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center center;
  padding-bottom: 1em;
  min-height: 250px; }
  .interview_bg h3,
  .interview_bg2 h3 {
    font-size: 2.0em;
    line-height: 150%;
    font-weight: bold;
    margin: 10px 0px; }

.interview_bg {
  background-image: url("/img/interview/bg01.png"); }

.interview_bg2 {
  background-image: url("/img/interview//06/bg02.png"); }

.intvtxt h4 {
  font-style: italic;
  color: #cc0000;
  font-weight: bold; }

.col-sm-10.col-sm-offset-1 h4 {
  margin-bottom: 1em; }
.col-sm-10.col-sm-offset-1 p {
  margin-bottom: 1.5em; }

.flex {
  display: flex;
  gap: 20px; }
  @media screen and (max-width: 768px) {
    .flex {
      display: block; } }

.flex1 {
  flex: 1; }

.flo_r {
  float: right;
  width: 40%;
  margin-left: 1em;
  margin-bottom: 1em; }
  @media screen and (max-width: 768px) {
    .flo_r {
      float: none;
      width: 100%;
      margin-left: 0; } }