@charset "UTF-8";
/* ****************************************************
common.css for IIJ 25th
 ***************************************************** */
@import "/common/css/notosansjapanese.css";
@import url("/common/css/roboto.css");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*general
=========================================*/
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "Roboto", "Noto Sans Japanese", "ＭＳ Ｐゴシック", "HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
  font-size: 1rem;
  line-height: 1;
  color: #000;
}
body > img {
  display: none !important;
}

a {
  color: #0073b5;
  text-decoration: none;
}
a:hover {
  color: #29a3e9;
}
a:visited {
  color: #527e98;
}

img {
  vertical-align: top;
}

figure figcaption {
  display: block;
  margin-top: .5rem;
  font-size: 81.25%;
}

sub {
  vertical-align: text-bottom;
  font-size: 1rem;
}

sup {
  vertical-align: text-top;
  font-size: 1rem;
}

.txC {
  text-align: center !important;
}

.txL {
  text-align: left !important;
}

.txR {
  text-align: right !important;
}

.txM {
  vertical-align: middle !important;
}

.txB {
  vertical-align: bottom !important;
}

.txT {
  vertical-align: top !important;
}

.txTT {
  vertical-align: text-top !important;
}

.txTB {
  vertical-align: text-bottom !important;
}

.txBold {
  font-weight: bold !important;
}

.txRed {
  color: #ff2748;
}

.txBlue {
  color: #5B9BD5;
}

.txGreen {
  color: #538149;
}

.txOrange {
  color: #E28813;
}


.txItalic {
  font-style: italic !important;
}

.txNormal {
  font-weight: normal !important;
}

/*Header
=========================================*/
header {
  background-color: #ffffff;
}

/*Contents
=========================================*/
main {
  position: relative;
  background-color: #ffffff;
  color: #222222;
}
main:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  background-color: #d41330;
  content: " ";
}
main:after {
  z-index: 1;
  display: block;
  width: 100%;
  background-color: #d41330;
  content: " ";
}
main #snsBtns {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
main #mainWrap {
  position: relative;
  z-index: 3;
  font-size: 1.5rem;
}
main #mainWrap #breadcrumb {
  color: #ffffff;
}
main #mainWrap #breadcrumb a {
  color: #ffffff;
}
main #mainWrap #breadcrumb a:hover {
  color: #ffffff;
  text-decoration: underline;
}
main #mainWrap #breadcrumb a:visited {
  color: #ffffff;
}
main #mainWrap #breadcrumb > li {
  display: inline;
}
main #mainWrap #breadcrumb > li + li:before {
  display: inline;
  padding: 0 .5em;
  content: " / ";
}
main #mainWrap .snsBox {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-flow: row nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
main #mainWrap .snsBox.typeBottom {
  border-top: 1px dashed #aaaaaa;
}
main #mainWrap a[target="_blank"]:after,
main #mainWrap .linkBox > a[target="_blank"] .headTxt:after {
  display: inline-block;
  margin-left: .3rem;
  width: .8rem;
  height: .8rem;
  vertical-align: middle;
  content: " ";
}
main #mainWrap a[href$=".pdf"]:after {
  display: inline-block;
  margin-left: .3rem;
  width: 1.05rem;
  height: 1.2rem;
  vertical-align: middle;
  content: " ";
}
main .h2type01,
main .h3type01,
main .h4type01,
main .h5type01 {
  font-weight: bold;
  line-height: 1.3;
}
main .h2type01 {
  position: relative;
  box-sizing: border-box;
  min-height: 11.7rem;
  padding: 4rem 0 0 3rem;
}
main .h2type01:before {
  position: absolute;
  top: 0;
  left: -0.5rem;
  line-height: 1;
  font-size: 11.7rem;
  content: "\25C6";
  color: #fed7dd;
}
main .h2type01 > span {
  position: relative;
}
main .h3type01 {
  position: relative;
  padding: 0 0 1.3rem;
}
main .h3type01:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: " ";
  border-bottom: 2px solid #777777;
}
main .h3type01:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: " ";
  border-bottom: 2px solid #d41330;
}
main .h4type01 {
  padding: 1rem;
  background-color: #f6f6f6;
}
main .h4type01:before {
  padding-right: .5rem;
  content: "\25C6";
  color: #b0081c;
}
main .h5type01 {
  color: #b0081c;
}
main .linkList01 > li a:before {
  display: inline-block;
  margin-right: 1rem;
  content: " ";
}
main .linkList01.typeH > li {
  display: inline-block;
}
main .linkList01.typeH > li + li {
  margin-left: 1rem;
}
main .anchorNav {
  background-color: #fdfdfd;
  border: 4px solid #bbbbbb;
}
main .anchorNav > ul li {
  position: relative;
  padding-left: 1em;
}
main .anchorNav > ul li a:before {
  position: absolute;
  top: .6em;
  left: 0;
}
main .anchorNav > ul li + li {
  margin-top: .5rem;
}
main .interviewNav > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
}
main .interviewNav > ul > li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-star;
  justify-content: flex-star;
  -webkit-flex-flow: row nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  background-color: #fdfdfd;
}
main .interviewNav > ul > li.active {
  position: relative;
  background-color: #ffe5e9;
}
main .interviewNav > ul > li.active:after {
  position: absolute;
  content: " ";
  background: url(../img/com_bg07.png) no-repeat 0 0;
  background-size: cover;
}
main .interviewNav > ul > li > .boxWrap, main .interviewNav > ul > li > a {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: stretch;
  align-items: stretch;
}
main .interviewNav > ul > li .txtWrap {
  -webkit-align-self: center;
  align-self: center;
}
main .normalList01 > li {
  position: relative;
  padding-left: 1.2em;
}
main .normalList01 > li + li {
  margin-top: .5rem;
}
main .normalList01 > li:before {
  position: absolute;
  top: .6em;
  left: 0;
  display: block;
  width: 1.2rem;
  height: .3rem;
  content: " ";
  background: url(../img/com_ic08.png) no-repeat 0 0;
  background-size: cover;
  text-indent: 0;
  vertical-align: middle;
}
main .normalList02 > li {
  padding-left: 1em;
  text-indent: -1em;
}
main .normalList02 > li:before {
  display: inline-block;
  width: 1em;
  vertical-align: middle;
  content: "\30FB";
  color: #777777;
  text-indent: 0;
}
main .noteList01 {
  color: #666666;
}
main .noteList01 > li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}
main .noteList01 > li:before {
  display: inline-block;
  width: 1.5em;
  content: "\203B";
  text-indent: 0;
}
main .noteList01.typeNum {
  counter-reset: li;
}
main .noteList01.typeNum > li {
  padding-left: 2.2em;
  text-indent: -2.2em;
}
main .noteList01.typeNum > li:before {
  width: 2.2em;
  content: "\203B" counter(li);
  counter-increment: li;
}
main figcaption {
  padding-top: .8rem;
  color: #666666;
}
main .zoom {
  text-align: center;
}
main .linkBox {
  background-color: #f6f6f6;
  border-top: 3px solid #d41330;
}
main .linkBox > a {
  display: block;
  padding: 1.5rem;
  color: inherit;
}
main .linkBox > a:hover, main .linkBox > a:visited {
  color: inherit;
}
main .profileBox {
  background: #f6f6f6 url(../img/com_bg04.png) no-repeat 0 0;
}
main .profileBox .nameBox {
  border-bottom: 1px solid #b0081c;
}
main .profileBox .caption {
  display: block;
}
main .profileBox .name {
  display: block;
  font-weight: bold;
}
main .interviewWrap .talkBox {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
main .interviewWrap .talkBox + .talkBox {
  margin-top: 2rem;
}
main .interviewWrap .talkBox:nth-child(odd) .icon {
  -webkit-order: 0;
  order: 0;
}
main .interviewWrap .talkBox:nth-child(odd) .talk {
  -webkit-order: 1;
  order: 1;
}
main .interviewWrap .talkBox:nth-child(even) .icon {
  -webkit-order: 1;
  order: 1;
}
main .interviewWrap .talkBox:nth-child(even) .talk {
  -webkit-order: 0;
  order: 0;
}

.modal {
  outline: 0;
}

.mfp-content {
  background-color: #ffffff;
}

.mfp-figure:after {
  height: 0;
  width: 0;
}

.mfp-bottom-bar {
  position: relative;
  margin-top: 0;
}

.mfp-title {
  padding: 2rem 2rem 0;
  color: #666666;
}

/*Footer
=========================================*/
footer {
  background-color: #353535;
  text-align: center;
}
footer nav > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
footer nav > ul > li + li {
  margin-left: 1rem;
  padding-left: 1rem;
  border-left: 1px solid #777777;
}
footer nav a {
  color: #ffffff;
}
footer nav a:hover {
  color: #ffffff;
  text-decoration: underline;
}
footer nav a:visited {
  color: #ffffff;
}
footer nav a[target="_blank"]:after {
  display: inline-block;
  margin-left: 1rem;
  width: .7rem;
  height: .7rem;
  background: url(../img/com_ic01.png) no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
  content: " ";
}
footer #copyright {
  background-color: #222222;
  color: #ffffff;
  text-align: center;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
  /* ****************************************************
  style for Mobile
   ***************************************************** */
  /*general
  =========================================*/
  img {
    width: 100%;
    height: auto;
  }

  .forPC {
    display: none;
  }

  .mt0 {
    margin-top: 0rem !important;
  }

  .mt5 {
    margin-top: 0.25rem !important;
  }

  .mt10 {
    margin-top: 0.5rem !important;
  }

  .mt15 {
    margin-top: 0.75rem !important;
  }

  .mt20 {
    margin-top: 1rem !important;
  }

  .mt25 {
    margin-top: 1.25rem !important;
  }

  .mt30 {
    margin-top: 1.5rem !important;
  }

  .mt35 {
    margin-top: 1.75rem !important;
  }

  .mt40 {
    margin-top: 2rem !important;
  }

  .mt45 {
    margin-top: 2.25rem !important;
  }

  .mt50 {
    margin-top: 2.5rem !important;
  }

  .mt55 {
    margin-top: 2.75rem !important;
  }

  .mt60 {
    margin-top: 3rem !important;
  }

  .mt65 {
    margin-top: 3.25rem !important;
  }

  .mt70 {
    margin-top: 3.5rem !important;
  }

  .mt75 {
    margin-top: 3.75rem !important;
  }

  .mt80 {
    margin-top: 4rem !important;
  }

  .mt85 {
    margin-top: 4.25rem !important;
  }

  .mt90 {
    margin-top: 4.5rem !important;
  }

  .mt95 {
    margin-top: 4.75rem !important;
  }

  .mt100 {
    margin-top: 5rem !important;
  }

  .mt120 {
    margin-top: 7rem !important;
  }

  .mt200 {
    margin-top: 10rem !important;
  }

  .mb0 {
    margin-bottom: 0rem !important;
  }

  .mb5 {
    margin-bottom: 0.25rem !important;
  }

  .mb10 {
    margin-bottom: 0.5rem !important;
  }

  .mb15 {
    margin-bottom: 0.75rem !important;
  }

  .mb20 {
    margin-bottom: 1rem !important;
  }

  .mb25 {
    margin-bottom: 1.25rem !important;
  }

  .mb30 {
    margin-bottom: 1.5rem !important;
  }

  .mb35 {
    margin-bottom: 1.75rem !important;
  }

  .mb40 {
    margin-bottom: 2rem !important;
  }

  .mb45 {
    margin-bottom: 2.25rem !important;
  }

  .mb50 {
    margin-bottom: 2.5rem !important;
  }

  .mb55 {
    margin-bottom: 2.75rem !important;
  }

  .mb60 {
    margin-bottom: 3rem !important;
  }

  .mb65 {
    margin-bottom: 3.25rem !important;
  }

  .mb70 {
    margin-bottom: 3.5rem !important;
  }

  .mb75 {
    margin-bottom: 3.75rem !important;
  }

  .mb80 {
    margin-bottom: 4rem !important;
  }

  .mb85 {
    margin-bottom: 4.25rem !important;
  }

  .mb90 {
    margin-bottom: 4.5rem !important;
  }

  .mb95 {
    margin-bottom: 4.75rem !important;
  }

  .mb100 {
    margin-bottom: 5rem !important;
  }

  .ml0 {
    margin-left: 0rem !important;
  }

  .ml5 {
    margin-left: 0.25rem !important;
  }

  .ml10 {
    margin-left: 0.5rem !important;
  }

  .ml15 {
    margin-left: 0.75rem !important;
  }

  .ml20 {
    margin-left: 1rem !important;
  }

  .ml25 {
    margin-left: 1.25rem !important;
  }

  .ml30 {
    margin-left: 1.5rem !important;
  }

  .ml35 {
    margin-left: 1.75rem !important;
  }

  .ml40 {
    margin-left: 2rem !important;
  }

  .ml45 {
    margin-left: 2.25rem !important;
  }

  .ml50 {
    margin-left: 2.5rem !important;
  }

  .ml55 {
    margin-left: 2.75rem !important;
  }

  .ml60 {
    margin-left: 3rem !important;
  }

  .ml65 {
    margin-left: 3.25rem !important;
  }

  .ml70 {
    margin-left: 3.5rem !important;
  }

  .ml75 {
    margin-left: 3.75rem !important;
  }

  .ml80 {
    margin-left: 4rem !important;
  }

  .ml85 {
    margin-left: 4.25rem !important;
  }

  .ml90 {
    margin-left: 4.5rem !important;
  }

  .ml95 {
    margin-left: 4.75rem !important;
  }

  .ml100 {
    margin-left: 5rem !important;
  }

  .mr0 {
    margin-right: 0rem !important;
  }

  .mr5 {
    margin-right: 0.25rem !important;
  }

  .mr10 {
    margin-right: 0.5rem !important;
  }

  .mr15 {
    margin-right: 0.75rem !important;
  }

  .mr20 {
    margin-right: 1rem !important;
  }

  .mr25 {
    margin-right: 1.25rem !important;
  }

  .mr30 {
    margin-right: 1.5rem !important;
  }

  .mr35 {
    margin-right: 1.75rem !important;
  }

  .mr40 {
    margin-right: 2rem !important;
  }

  .mr45 {
    margin-right: 2.25rem !important;
  }

  .mr50 {
    margin-right: 2.5rem !important;
  }

  .mr55 {
    margin-right: 2.75rem !important;
  }

  .mr60 {
    margin-right: 3rem !important;
  }

  .mr65 {
    margin-right: 3.25rem !important;
  }

  .mr70 {
    margin-right: 3.5rem !important;
  }

  .mr75 {
    margin-right: 3.75rem !important;
  }

  .mr80 {
    margin-right: 4rem !important;
  }

  .mr85 {
    margin-right: 4.25rem !important;
  }

  .mr90 {
    margin-right: 4.5rem !important;
  }

  .mr95 {
    margin-right: 4.75rem !important;
  }

  .mr100 {
    margin-right: 5rem !important;
  }

  /*Header
  =========================================*/
  header {
    position: relative;
  }
  header #IIJLogo {
    display: none;
  }
  header #siteLogo {
    width: 17.83854%;
    margin: 0 auto;
    padding: 1.95313% 0;
  }
  header #globalNav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    margin-top: 11.06771%;
  }
  header #globalNav .navOpen {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -11.06771%;
    display: block;
    width: 10.15625%;
    height: 0;
    padding-top: 11.06771%;
    background: url(../img/com_bt04_sp.png) no-repeat 0 0;
    background-size: 100% auto;
  }
  .open header #globalNav .navOpen {
    background-image: url(../img/com_bt05_sp.png);
  }
  header #globalNav.open > ul {
    display: block;
  }
  header #globalNav > ul {
    display: none;
    width: 100%;
    background-color: #353535;
  }
  header #globalNav > ul > li {
    padding: 0 3.90625%;
  }
  header #globalNav > ul > li > .navBtn,
  header #globalNav > ul > li a {
    color: #fff;
    font-size: 1.5rem;
  }
  header #globalNav > ul > li > .navBtn {
    display: block;
    padding: 1.5rem 0;
  }
  header #globalNav > ul > li > .navBtn:before {
    display: inline-block;
    margin-right: .5rem;
    width: 2.82486%;
    height: 0;
    border-top: 3px solid #d41330;
    content: " ";
    vertical-align: middle;
  }
  header #globalNav > ul > li > ul {
    background-color: #2b2b2b;
  }
  header #globalNav > ul > li > ul li + li {
    border-top: 1px solid #3d3d3d;
  }
  header #globalNav > ul > li > ul a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 8.47458% 0 0;
    background: url(../img/com_ic09.png) no-repeat 95.48023% 50%;
    background-size: .6rem auto;
  }
  header #globalNav > ul > li > ul a[target="_blank"] {
    background-image: url(../img/com_ic01.png);
    background-size: .9rem auto;
  }
  header #globalNav > ul > li > ul a .thumb {
    width: 15.53672%;
  }
  header #globalNav > ul > li > ul a .navTxt {
    box-sizing: border-box;
    width: 84.46328%;
    padding: 0.5rem 4.23729%;
    line-height: 1.4;
  }
  header .navClose {
    display: none;
    padding: 3.90625% 0 6.51042%;
    background-color: #353535;
    text-align: center;
  }
  .open header .navClose {
    display: block;
  }
  header .navClose img {
    width: 35.41667%;
  }

  /*Contents
  =========================================*/
  main {
    line-height: 1.5;
  }
  main:before {
    height: 0;
    padding-top: 53.38542%;
    background-image: url(../img/com_bg01_sp.png);
    background-repeat: no-repeat;
    background-position: cover;
    background-size: 100% auto;
  }
  main#message:before {
    padding-top: 0;
  }
  main#message #breadcrumb {
    box-sizing: border-box;
    width: 108.47458%;
    margin-left: -4.23729%;
    padding-left: 4.23729% !important;
    background: #d41330 url(../img/com_bg01_sp.png) no-repeat 0 0;
    background-size: 100% auto;
  }
  main:after {
    height: 0;
    padding-top: 18.75%;
    background-image: url(../img/com_bg02_sp.png);
    background-repeat: no-repeat;
    background-position: cover;
    background-size: 100% auto;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) inset;
  }
  main #snsBtns {
    top: 1rem;
    width: 3.5rem;
  }
  main #mainWrap {
    padding: 0 3.90625% 7.8125%;
  }
  main #mainWrap #breadcrumb {
    padding: 2.82486% 0;
  }
  main #mainWrap .snsBox {
    padding: 2rem 0 0;
  }
  main #mainWrap .snsBox > li + li {
    padding-left: .5rem;
  }
  main #mainWrap .snsBox.typeTop {
    margin-bottom: 2rem;
  }
  main #mainWrap .snsBox.typeBottom {
    margin-top: 3rem;
  }
  main #mainWrap a[target="_blank"]:after {
    background: url(../img/com_ic04_sp.png) no-repeat 0 0;
    background-size: cover;
  }
  main #mainWrap a[href$=".pdf"]:after {
    background: url(../img/com_ic05_sp.png) no-repeat 0 0;
    background-size: cover;
  }
  main #mainWrap .linkBox > a figure {
    margin-bottom: 1rem;
  }
  main #mainWrap .linkBox > a .caption {
    display: block;
    margin-bottom: .2rem;
    font-size: 1.5rem;
  }
  main #mainWrap .linkBox > a .headTxt {
    display: block;
    font-size: 1.8rem;
    font-weight: bold;
  }
  main #mainWrap .linkBox > a[target="_blank"]:after {
    width: 0;
    height: 0;
    position: absolute;
  }
  main #mainWrap .linkBox > a[target="_blank"] .headTxt:after {
    width: 1.1rem;
    height: 1.1rem;
    background: url(../img/com_ic04_pc.png) no-repeat 0 0;
    background-size: cover;
    vertical-align: baseline;
  }
  main #mainWrap .linkBox > a[target="_blank"] .description {
    margin-top: 1rem;
    font-size: 1.5rem;
  }
  main #mainWrap .linkBoxWrap .linkBox + .linkBox {
    margin-top: 2rem;
  }
  main .h1Box01 {
    position: relative;
  }
  main .h1Box01 .h1Body {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 45.09804%;
    background-color: rgba(0, 0, 0, 0.75);
    color: #ffffff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
  }
  main .h1Box01 .h1Body.spTxSizeS .h1Txt {
    font-size: 1.7rem;
  }
  main .h1Box01 .h1Body h1 {
    box-sizing: border-box;
    padding: 0 2.82486%;
    width: 100%;
  }
  main .h1Box01 .h1Body h1 .h1Caption {
    display: block;
    padding-bottom: .4rem;
    margin-bottom: .6rem;
    border-bottom: 1px solid #ffffff;
    font-size: 1.3rem;
    line-height: 1.3;
  }
  main .h1Box01 .h1Body h1 .h1Txt {
    display: block;
    font-size: 1.9rem;
    font-weight: bold;
    line-height: 1.3;
  }
  main .h2type01 {
    padding-top: 4.4rem;
    font-size: 2rem;
  }
  main .h3type01 {
    padding-bottom: 1rem;
    font-size: 1.7rem;
    line-height: 1.4;
  }
  main .h3type01:after {
    width: 33.89831%;
  }
  main .h4type01 {
    font-size: 1.5rem;
  }
  main .h5type01 {
    font-size: 1.5rem;
  }
  main .lead01 {
    font-size: 1.6rem;
  }
  main .figCol01.typeIframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
  }
  main .figCol01.typeIframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  main .figCol02 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main .figCol02 > figure, main .figCol02 > .imgBox, main .figCol02 > .text {
    width: 100%;
  }
  main .figCol02.typeL > .text {
    -webkit-order: 1;
    order: 1;
    margin-top: 2rem;
  }
  main .figCol02.typeL > figure, main .figCol02.typeL > .imgBox {
    -webkit-order: 0;
    order: 0;
  }
  main .figCol02.typeR > .text {
    -webkit-order: 0;
    order: 0;
    margin-bottom: 2rem;
  }
  main .figCol02.typeR > figure, main .figCol02.typeR > .imgBox {
    -webkit-order: 1;
    order: 1;
  }
  main .figCol03 > * {
    margin-top: 2rem;
  }
  main .figCol03 > *:first-child {
    margin-top: 0;
  }
  main .linkList01 > li a:before {
    width: .5rem;
    height: .9rem;
    background: url(../img/com_ic06.png) no-repeat 0 0;
    background-size: cover;
    vertical-align: baseline;
  }
  main .anchorNav {
    padding: 1.5rem;
  }
  main .anchorNav > ul li a:before {
    top: .55em;
    width: .9rem;
    height: .5rem;
    content: " ";
    background: url(../img/com_ic07.png) no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
  }
  main .interviewNav > ul > li {
    width: 47.88136%;
  }
  main .interviewNav > ul > li .navCatch {
    display: none;
  }
  main .interviewNav > ul > li .txtWrap > .pcTxt {
    display: none;
  }
  main .interviewNav > ul > li .txtWrap:after {
    content: attr(data-sptxt) "";
  }
  main .interviewNav > ul > li.active:after {
    bottom: -1.05rem;
    left: 50%;
    margin-left: -1rem;
    width: 2rem;
    height: 1.05rem;
  }
  main .interviewNav > ul > li.active > .boxWrap {
    padding: .5rem 2rem;
  }
  main .interviewNav > ul > li > a {
    padding: .5rem 2rem .5rem .8rem;
    border: 2px solid #f6f6f6;
  }
  main .interviewNav > ul > li > a .txtWrap {
    padding-left: 1.2rem;
    background: url(../img/com_ic06.png) no-repeat 0 50%;
    background-size: .5rem .9rem;
  }
  main figcaption {
    font-size: 1.4rem;
  }
  main .zoom > a {
    display: inline-block;
    width: 38.13559%;
  }
  main .profileBox {
    padding: 2.82486%;
    background-size: 30.22599% auto;
  }
  main .profileBox .nameBox {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  main .profileBox .nameBox .img {
    box-sizing: border-box;
    width: 35.32934%;
    padding: 0;
  }
  main .profileBox .nameBox .img img {
    margin-left: -0.6rem;
  }
  main .profileBox .nameBox .nameLine {
    box-sizing: border-box;
    width: 64.67066%;
    padding-right: 2.99401%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-self: center;
    align-self: center;
  }
  main .profileBox .nameBox .caption {
    width: 100%;
    font-size: 1.5rem;
  }
  main .profileBox .nameBox .name {
    width: 100%;
    font-size: 1.8rem;
  }
  main .profileBox .description {
    margin-top: 1.5rem;
    font-size: 1.5rem;
  }
  main .interviewWrap .talkBox .icon {
    width: 23.30508%;
  }
  main .interviewWrap .talkBox .talk {
    width: 72.59887%;
    padding-top: .75rem;
  }

  .mfp-image-holder .mfp-content {
    padding: 1.5rem 0 14.32292%;
  }

  .mfp-container {
    padding: 0;
  }

  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    overflow: hidden;
    top: 100%;
    left: 50%;
    margin-top: -10.54688%;
    margin-left: -17.70833%;
    text-indent: 100%;
    white-space: nowrap;
    font-size: 0;
    background: url(../img/com_bt03_sp.png) no-repeat 0 0;
    background-size: contain;
    width: 35.41667%;
    height: 0;
    padding-top: 22.42647%;
    opacity: 1;
  }

  img.mfp-img {
    padding: 0;
  }

  .mfp-title {
    font-size: 1.4rem;
  }

  .messageArea .photo {
    width: 108.47458%;
    margin-left: -4.23729%;
    margin-top: -5rem;
  }

  .messageName {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .messageName .nameCaption {
    font-size: 1.5rem;
  }

  .signImg img {
    width: 56.49718%;
  }

  /*footer
  =========================================*/
  footer {
    position: relative;
  }
  footer #pageup {
    display: none;
  }
  footer #pageTop {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    display: block;
    margin-top: -11.86441%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-flow: row nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0 3.90625%;
  }
  footer #pageTop span {
    width: 23.72881%;
  }
  footer nav {
    padding: 3.90625% 0;
    font-size: 1.3rem;
  }
  footer #copyright {
    padding: 5.85938% 0;
  }
}
@media print, screen and (min-width: 768px) {
  /* ****************************************************
  stylefor PC
   ***************************************************** */
  /*general
  =========================================*/
  body {
    min-width: initical;
  }

  .forSP {
    display: none;
  }

  .mt0 {
    margin-top: 0rem !important;
  }

  .mt5 {
    margin-top: 0.5rem !important;
  }

  .mt10 {
    margin-top: 1rem !important;
  }

  .mt15 {
    margin-top: 1.5rem !important;
  }

  .mt20 {
    margin-top: 2rem !important;
  }

  .mt25 {
    margin-top: 2.5rem !important;
  }

  .mt30 {
    margin-top: 3rem !important;
  }

  .mt35 {
    margin-top: 3.5rem !important;
  }

  .mt40 {
    margin-top: 4rem !important;
  }

  .mt45 {
    margin-top: 4.5rem !important;
  }

  .mt50 {
    margin-top: 5rem !important;
  }

  .mt55 {
    margin-top: 5.5rem !important;
  }

  .mt60 {
    margin-top: 6rem !important;
  }

  .mt65 {
    margin-top: 6.5rem !important;
  }

  .mt70 {
    margin-top: 7rem !important;
  }

  .mt75 {
    margin-top: 7.5rem !important;
  }

  .mt80 {
    margin-top: 8rem !important;
  }

  .mt85 {
    margin-top: 8.5rem !important;
  }

  .mt90 {
    margin-top: 9rem !important;
  }

  .mt95 {
    margin-top: 9.5rem !important;
  }

  .mt100 {
    margin-top: 10rem !important;
  }

  .mt105 {
    margin-top: 10.5rem !important;
  }

  .mt110 {
    margin-top: 11rem !important;
  }

  .mt115 {
    margin-top: 11.5rem !important;
  }

  .mt120 {
    margin-top: 12rem !important;
  }

  .mt125 {
    margin-top: 12.5rem !important;
  }

  .mt130 {
    margin-top: 13rem !important;
  }

  .mt135 {
    margin-top: 13.5rem !important;
  }

  .mt140 {
    margin-top: 14rem !important;
  }

  .mt145 {
    margin-top: 14.5rem !important;
  }

  .mt150 {
    margin-top: 15rem !important;
  }

  .mt155 {
    margin-top: 15.5rem !important;
  }

  .mt160 {
    margin-top: 16rem !important;
  }

  .mt165 {
    margin-top: 16.5rem !important;
  }

  .mt170 {
    margin-top: 17rem !important;
  }

  .mt175 {
    margin-top: 17.5rem !important;
  }

  .mt180 {
    margin-top: 18rem !important;
  }

  .mt185 {
    margin-top: 18.5rem !important;
  }

  .mt190 {
    margin-top: 19rem !important;
  }

  .mt195 {
    margin-top: 19.5rem !important;
  }

  .mt200 {
    margin-top: 20rem !important;
  }

  .mt205 {
    margin-top: 20.5rem !important;
  }

  .mt210 {
    margin-top: 21rem !important;
  }

  .mt215 {
    margin-top: 21.5rem !important;
  }

  .mt220 {
    margin-top: 22rem !important;
  }

  .mt225 {
    margin-top: 22.5rem !important;
  }

  .mt230 {
    margin-top: 23rem !important;
  }

  .mt235 {
    margin-top: 23.5rem !important;
  }

  .mt240 {
    margin-top: 24rem !important;
  }

  .mt245 {
    margin-top: 24.5rem !important;
  }

  .mt250 {
    margin-top: 25rem !important;
  }

  .mb0 {
    margin-bottom: 0rem !important;
  }

  .mb5 {
    margin-bottom: 0.5rem !important;
  }

  .mb10 {
    margin-bottom: 1rem !important;
  }

  .mb15 {
    margin-bottom: 1.5rem !important;
  }

  .mb20 {
    margin-bottom: 2rem !important;
  }

  .mb25 {
    margin-bottom: 2.5rem !important;
  }

  .mb30 {
    margin-bottom: 3rem !important;
  }

  .mb35 {
    margin-bottom: 3.5rem !important;
  }

  .mb40 {
    margin-bottom: 4rem !important;
  }

  .mb45 {
    margin-bottom: 4.5rem !important;
  }

  .mb50 {
    margin-bottom: 5rem !important;
  }

  .mb55 {
    margin-bottom: 5.5rem !important;
  }

  .mb60 {
    margin-bottom: 6rem !important;
  }

  .mb65 {
    margin-bottom: 6.5rem !important;
  }

  .mb70 {
    margin-bottom: 7rem !important;
  }

  .mb75 {
    margin-bottom: 7.5rem !important;
  }

  .mb80 {
    margin-bottom: 8rem !important;
  }

  .mb85 {
    margin-bottom: 8.5rem !important;
  }

  .mb90 {
    margin-bottom: 9rem !important;
  }

  .mb95 {
    margin-bottom: 9.5rem !important;
  }

  .mb100 {
    margin-bottom: 10rem !important;
  }

  .ml0 {
    margin-left: 0rem !important;
  }

  .ml5 {
    margin-left: 0.5rem !important;
  }

  .ml10 {
    margin-left: 1rem !important;
  }

  .ml15 {
    margin-left: 1.5rem !important;
  }

  .ml20 {
    margin-left: 2rem !important;
  }

  .ml25 {
    margin-left: 2.5rem !important;
  }

  .ml30 {
    margin-left: 3rem !important;
  }

  .ml35 {
    margin-left: 3.5rem !important;
  }

  .ml40 {
    margin-left: 4rem !important;
  }

  .ml45 {
    margin-left: 4.5rem !important;
  }

  .ml50 {
    margin-left: 5rem !important;
  }

  .ml55 {
    margin-left: 5.5rem !important;
  }

  .ml60 {
    margin-left: 6rem !important;
  }

  .ml65 {
    margin-left: 6.5rem !important;
  }

  .ml70 {
    margin-left: 7rem !important;
  }

  .ml75 {
    margin-left: 7.5rem !important;
  }

  .ml80 {
    margin-left: 8rem !important;
  }

  .ml85 {
    margin-left: 8.5rem !important;
  }

  .ml90 {
    margin-left: 9rem !important;
  }

  .ml95 {
    margin-left: 9.5rem !important;
  }

  .ml100 {
    margin-left: 10rem !important;
  }

  .mr0 {
    margin-right: 0rem !important;
  }

  .mr5 {
    margin-right: 0.5rem !important;
  }

  .mr10 {
    margin-right: 1rem !important;
  }

  .mr15 {
    margin-right: 1.5rem !important;
  }

  .mr20 {
    margin-right: 2rem !important;
  }

  .mr25 {
    margin-right: 2.5rem !important;
  }

  .mr30 {
    margin-right: 3rem !important;
  }

  .mr35 {
    margin-right: 3.5rem !important;
  }

  .mr40 {
    margin-right: 4rem !important;
  }

  .mr45 {
    margin-right: 4.5rem !important;
  }

  .mr50 {
    margin-right: 5rem !important;
  }

  .mr55 {
    margin-right: 5.5rem !important;
  }

  .mr60 {
    margin-right: 6rem !important;
  }

  .mr65 {
    margin-right: 6.5rem !important;
  }

  .mr70 {
    margin-right: 7rem !important;
  }

  .mr75 {
    margin-right: 7.5rem !important;
  }

  .mr80 {
    margin-right: 8rem !important;
  }

  .mr85 {
    margin-right: 8.5rem !important;
  }

  .mr90 {
    margin-right: 9rem !important;
  }

  .mr95 {
    margin-right: 9.5rem !important;
  }

  .mr100 {
    margin-right: 10rem !important;
  }

  /*Header
  =========================================*/
  header {
    position: relative;
    z-index: 10;
    box-sizing: border-box;
    width: 100%;
    min-width: 1200px;
    min-height: 90px;
  }
  header #IIJLogo {
    float: left;
    padding: 16px 0 0 30px;
  }
  header #siteLogo {
    float: right;
    padding: 15px 22px 0 0;
  }
  header #globalNav {
    clear: both;
    width: 100%;
    background-color: #353535;
    border-top: 15px solid #fff;
    color: #fff;
  }
  header #globalNav > ul {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  header #globalNav > ul > li {
    position: relative;
    box-sizing: border-box;
    width: 300px;
    border-top: 4px solid #353535;
    font-size: 1.8rem;
    text-align: center;
  }
  header #globalNav > ul > li:hover {
    background-color: #2b2b2b;
  }
  header #globalNav > ul > li > .navBtn {
    display: block;
    padding: 17px 10px 21px;
    cursor: pointer;
  }
  header #globalNav > ul > li > ul {
    display: none;
  }
  header #globalNav > ul > li:hover {
    border-top-color: #d41330;
  }
  header #globalNav > ul > li:hover > ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    display: block;
    background-color: #2b2b2b;
  }
  header #globalNav > ul > li:hover > ul > li {
    border-top: 1px solid #3d3d3d;
  }
  header #globalNav > ul > li:hover > ul a {
    display: block;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    text-align: left;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  header #globalNav > ul > li:hover > ul a .thumb {
    width: 65px;
  }
  header #globalNav > ul > li:hover > ul a .navTxt {
    box-sizing: border-box;
    width: 235px;
    padding: 5px 10px;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  header #globalNav > ul > li:hover > ul a[target="_blank"] .navTxt > span:after {
    display: inline-block;
    width: .9rem;
    height: .9rem;
    margin-left: .5em;
    background: url(../img/com_ic01.png) no-repeat 0 0;
    background-size: cover;
    content: " ";
    vertical-align: baseline;
  }
  header #globalNav > ul > li:hover > ul a:hover {
    background-color: #444;
  }
  header #globalNav > ul > li.current {
    border-top-color: #d41330;
  }

  /*Contents
  =========================================*/
  main {
    min-width: 1200px;
    line-height: 1.6;
  }
  main:before {
    height: 300px;
    background-image: url(../img/com_bg01_pc.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.15) inset;
  }
  main#message:before {
    height: 50px;
  }
  main:after {
    height: 120px;
    background-image: url(../img/com_bg02_pc.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15) inset;
  }
  main #snsBtns {
    position: fixed;
    top: 200px;
    width: 50px;
  }
  main #snsBtns > li a {
    display: block;
    width: 50px;
  }
  main #snsBtns > li a:hover {
    opacity: .8;
  }
  main #snsBtns > li img {
    width: 100%;
    height: auto;
  }
  main #mainWrap {
    width: 1200px;
    min-height: 420px;
    margin: 0 auto;
    padding: 0 0 60px;
    font-size: 1.8rem;
  }
  main #mainWrap #breadcrumb {
    padding: 15px 0;
    font-size: 1.3rem;
  }
  main #mainWrap .snsBox {
    position: relative;
    padding: 20px 0 0;
    line-height: 1;
    font-size: 0;
  }
  main #mainWrap .snsBox > li + li {
    padding-left: 5px;
  }
  main #mainWrap .snsBox.typeTop {
    margin-bottom: 40px;
  }
  main #mainWrap .snsBox.typeBottom {
    margin-top: 40px;
  }
  main #mainWrap a[target="_blank"]:after {
    width: 1.1rem;
    height: 1.1rem;
    background: url(../img/com_ic04_pc.png) no-repeat 0 0;
    background-size: cover;
    vertical-align: baseline;
  }
  main #mainWrap a[href$=".pdf"]:after {
    width: 1.4rem;
    height: 1.6rem;
    background: url(../img/com_ic05_pc.png) no-repeat 0 0;
    background-size: cover;
    vertical-align: baseline;
  }
  main #mainWrap .linkBox > a:hover {
    opacity: .6;
  }
  main #mainWrap .linkBox > a .caption {
    display: block;
    margin-bottom: .2rem;
    font-size: 1.6rem;
  }
  main #mainWrap .linkBox > a .headTxt {
    display: block;
    font-size: 2.6rem;
    font-weight: bold;
  }
  main #mainWrap .linkBox > a[target="_blank"]:after {
    width: 0;
    height: 0;
    position: absolute;
  }
  main #mainWrap .linkBox > a[target="_blank"] .headTxt:after {
    width: 1.1rem;
    height: 1.1rem;
    background: url(../img/com_ic04_pc.png) no-repeat 0 0;
    background-size: cover;
    vertical-align: baseline;
  }
  main #mainWrap .linkBox > a[target="_blank"] .description {
    margin-top: 1rem;
    font-size: 1.6rem;
  }
  main #mainWrap .linkBox.typeSingle > a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main #mainWrap .linkBox.typeSingle > a figure {
    width: 280px;
  }
  main #mainWrap .linkBox.typeSingle > a .linkTxt {
    width: 860px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-self: center;
    align-self: center;
  }
  main #mainWrap .linkBoxWrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main #mainWrap .linkBoxWrap > .linkBox {
    width: 380px;
  }
  main #mainWrap .linkBoxWrap > .linkBox figure {
    margin-bottom: 1rem;
  }
  main .h1Box01 {
    position: relative;
    background-color: #d41330;
  }
  main .h1Box01 > p:first-child {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
    z-index: 1;
  }
  main .h1Box01 .h1Body {
    position: relative;
    z-index: 2;
    color: #ffffff;
    width: 100%;
    min-height: 400px;
    background: url(../img/com_bg03_pc.png) no-repeat 100% 0;
  }
  main .h1Box01 .h1Body h1 {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    padding-left: 693px;
    height: 400px;
  }
  main .h1Box01 .h1Body h1 .h1Caption {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 35px;
    padding: 0 10px 10px 0;
    border-bottom: 1px solid #ffffff;
    font-size: 2rem;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.3);
  }
  main .h1Box01 .h1Body h1 .h1Txt {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 3.8rem;
    font-weight: bold;
    line-height: 1.4;
    padding-right: 30px;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  }
  main .h1Box01 .h1Body h1 .h1Txt.sizeSmall {
    font-size: 3.6rem;
  }
  main .h2type01 {
    font-size: 3rem;
  }
  main .h3type01 {
    font-size: 2.2rem;
  }
  main .h3type01:after {
    width: 18.33333%;
  }
  main .h4type01 {
    font-size: 1.8rem;
  }
  main .h5type01 {
    font-size: 1.8rem;
  }
  main .lead01 {
    font-size: 2rem;
  }
  main .figCol01 {
    display: table;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
  main .figCol02 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main .figCol02 > .text {
    width: 790px;
  }
  main .figCol02 > figure, main .figCol02 > .imgBox {
    width: 380px;
  }
  main .figCol02.typeL > .text {
    -webkit-order: 1;
    order: 1;
  }
  main .figCol02.typeL > figure, main .figCol02.typeL > .imgBox {
    -webkit-order: 0;
    order: 0;
  }
  main .figCol02.typeR > .text {
    -webkit-order: 0;
    order: 0;
  }
  main .figCol02.typeR > figure, main .figCol02.typeR > .imgBox {
    -webkit-order: 1;
    order: 1;
  }
  main .figCol03 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main .figCol03 > figure, main .figCol03 > .col {
    width: 380px;
  }
  main .linkList01 > li a:before {
    width: .6rem;
    height: 1.1rem;
    background: url(../img/com_ic06.png) no-repeat 0 0;
    background-size: cover;
    vertical-align: baseline;
  }
  main .anchorNav {
    padding: 15px 25px;
  }
  main .anchorNav > ul li a:before {
    width: 1.1rem;
    height: .6rem;
    content: " ";
    background: url(../img/com_ic07.png) no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
  }
  main .interviewNav {
    width: 960px;
    margin: 0 auto;
  }
  main .interviewNav > ul > li {
    width: 460px;
    min-height: 70px;
    line-height: 1.4;
  }
  main .interviewNav > ul > li.active:after {
    bottom: -16px;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 16px;
  }
  main .interviewNav > ul > li.active > .boxWrap {
    background: url(../img/com_bg05.png) no-repeat 0 0;
    border: 2px solid #ffe5e9;
    padding: 5px 10px 5px 97px;
  }
  main .interviewNav > ul > li > a {
    background: url(../img/com_bg06.png) no-repeat 0 0;
    border: 2px solid #f6f6f6;
    padding: 5px 10px 5px 77px;
  }
  main .interviewNav > ul > li > a .txtWrap {
    padding-left: 20px;
    background: url(../img/com_ic06.png) no-repeat 0 50%;
    background-size: 6px 12px;
  }
  main .interviewNav > ul > li .navCatch {
    position: absolute;
    top: 0;
    left: 0;
  }
  main .noteList01 {
    font-size: 1.6rem;
  }
  main figcaption {
    font-size: 1.6rem;
  }
  main .zoom > a img {
    width: 156px;
  }
  main .zoom > a img:hover {
    opacity: .7;
  }
  main .profileBox {
    position: relative;
    box-sizing: border-box;
    min-height: 216px;
    padding: 30px 40px 30px 275px;
    background-size: 216px 216px;
  }
  main .profileBox .nameBox {
    padding-bottom: 10px;
  }
  main .profileBox .nameBox .img {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  main .profileBox .caption {
    font-size: 1.6rem;
  }
  main .profileBox .name {
    font-size: 2.6rem;
  }
  main .profileBox .description {
    margin-top: 20px;
    font-size: 1.6rem;
  }
  main .interviewWrap .talkBox .icon {
    width: 110px;
  }
  main .interviewWrap .talkBox .icon img {
    width: 110px;
    height: 110px;
  }
  main .interviewWrap .talkBox .talk {
    width: 1070px;
    padding-top: 15px;
  }

  .mfp-content {
    padding: 30px 30px 95px;
  }

  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    overflow: hidden;
    top: auto;
    bottom: 30px;
    left: 50%;
    margin-left: -78px;
    text-indent: 100%;
    white-space: nowrap;
    font-size: 0;
    background: url(../img/com_bt03_pc.png) no-repeat 0 0;
    background-size: 156px 35px;
    width: 156px;
    height: 35px;
    opacity: 1;
  }
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close:hover {
    opacity: .7;
  }

  img.mfp-img {
    padding: 0;
  }

  .mfp-title {
    font-size: 1.6rem;
  }

  main#message {
    position: relative;
  }
  main#message .messageArea {
    width: 790px;
    min-height: 800px;
    padding-left: 410px;
  }
  main#message .messageArea .photo {
    position: absolute;
    top: 50px;
    left: -360px;
    z-index: 1;
  }
  main#message .messageArea .messageBody {
    position: relative;
    z-index: 2;
  }
  main#message .h2type01 {
    position: relative;
    z-index: 3;
    padding-left: 0;
    font-size: 3.5rem;
  }
  main#message .h2type01:before {
    position: absolute;
    top: -4rem;
    left: -6.3rem;
    font-size: 18.5rem;
  }

  .messageName {
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 1.4;
  }
  .messageName .nameCaption {
    font-size: 1.8rem;
  }

  /*footer
  =========================================*/
  footer {
    min-width: 1200px;
  }
  footer #pageup {
    position: fixed;
    bottom: 0;
    right: 10px;
    z-index: 100;
    cursor: pointer;
  }
  footer #pageup:hover {
    opacity: .7;
  }
  footer #pageTop {
    display: none;
  }
  footer nav {
    font-size: 1.5rem;
    padding: 20px 0;
  }
  footer nav li {
    padding: 0 45px;
  }
	footer nav > ul > li + li {
		padding-left: 45px;
	}
	footer nav > ul > li:first-child {
		padding-left: 0;
	}
	footer nav > ul > li:last-child {
		padding-right: 0;
	}
  footer nav li a[target="_blank"]:after {
    width: 9px;
    height: 9px;
    vertical-align: baseline;
  }
  footer #copyright {
    padding: 30px 0;
    font-size: 1.2rem;
  }
}

main .lead_column {
  color: #b0081c;
}