@charset "UTF-8";
/* 規定CSS上書き */
figcaption {
  text-align: center;
  line-height: 1.3em; }

/* 過去記事 */
.kakokiji {
  font-size: 115%;
  font-weight: bold; }

/* フォント */
.fb {
  font-weight: bold; }

.fs130 {
  font-size: 130% !important; }

.fs125 {
  font-size: 125% !important; }

.fs120 {
  font-size: 120% !important; }

.fs115 {
  font-size: 115% !important; }

.fs110 {
  font-size: 110% !important; }

.fs100 {
  font-size: 100% !important; }

.fs90 {
  font-size: 90% !important; }

.fs80 {
  font-size: 80% !important; }

.fs70 {
  font-size: 70% !important; }

.fs60 {
  font-size: 60% !important; }

.fs50 {
  font-size: 50% !important; }

/* 外部リンク */
/* 外部リンク 別窓アイコン表示 */
.content a[target="_blank"]:after {
  content: url("/content/dam/nttcom/hq/jp/shines/external-link-outline-primary.svg");
  margin: 0px 5px; }

.content a[target="_blank"]:after {
  content: url("/content/dam/nttcom/hq/jp/shines/external-link-outline-primary.svg");
  margin: 0px 5px; }

/* 外部リンク イメージの場合、別窓アイコン打消し */
.content .img_blank-none a[target="_blank"]:after {
  display: none; }

.content .adobe-pdf_img a[target="_blank"]:after {
  display: none; }

.content .img_blank-none img:hover {
  opacity: 0.8;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s; }

/* img shadow */
img.bs-b {
  box-shadow: 0px 0px 10px rgba(187, 187, 187, 0.4); }

img.bs-c {
  box-shadow: 0px 0px 10px rgba(204, 204, 204, 0.4); }

img.bs-d {
  box-shadow: 0px 0px 10px rgba(221, 221, 221, 0.4); }

img.bs-e {
  box-shadow: 0px 0px 10px rgba(238, 238, 238, 0.4); }

/* PDF Adobe Readerダウンロード */
.adobe-pdf_block {
  display: -webkit-box;
  display: flex;
  margin-bottom: 3em; }

.adobe-pdf_img {
  width: 158px;
  height: 39px; }

.adobe-pdf_img img {
  margin: 0; }

.adobe-pdf_text {
  -webkit-box-flex: 1;
          flex: 1;
  padding-left: 1em; }

@media (max-width: 768px) {
  .adobe-pdf_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; }
  .adobe-pdf_img {
    width: 140px; }
  .adobe-pdf_text {
    line-height: 1.6em;
    font-size: small;
    margin-top: 0.5em;
    padding-left: 0em; } }

/* 装飾 */
.border_purple {
  border: solid 1px #cb77ff;
  padding: 40px; }

dl.list_20191003 dt {
  font-weight: bold; }

dl.list_20191003 dd {
  padding-left: 2em;
  font-size: 90%;
  border-bottom: 1px dashed #dcdcdc; }

dl.list_20191003 dd:last-child {
  border-bottom: none; }

/* リスト 装飾 */
ul.black-dot li:before {
  content: "●";
  color: #000;
  margin-right: 0.5em; }

ul.no-dot li:before {
  content: "";
  margin-right: 0; }

/* 引用文章 装飾 */
.quote {
  position: relative;
  border: 1px solid #8BC0B8;
  border-radius: 10px;
  padding: 20px 50px 20px 50px; }

.quote:before {
  position: absolute;
  content: '“';
  font-size: 40px;
  color: #8BC0B8;
  top: 0px;
  left: 20px; }

.quote:after {
  position: absolute;
  content: '”';
  font-size: 40px;
  color: #8BC0B8;
  right: 20px;
  bottom: 15px; }

.quote-text {
  border-bottom: 1px dashed #ccc;
  margin-bottom: 0px !important;
  padding-left: 1em;
  text-indent: -0.8em; }

.quote-text:before {
  content: '● ';
  color: #000;
  font-size: 50%; }

.quote-source {
  text-align: right;
  font-size: 85%;
  margin-bottom: 0px !important;
  margin-top: 1em; }

/* 注釈※ */
.annotation-text {
  font-size: 90%;
  text-indent: -2em;
  padding-left: 2em; }

/* フキダシ本体 */
.balloon-L,
.balloon-R {
  margin-top: 10px;
  position: relative;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 15px;
  line-height: 1.7em;
  font-size: 94%; }

/* アイコンを左に表示 */
.balloon-R::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -16px;
  top: 20px;
  border-right: 15px solid #999;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent; }

.balloon-R::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #fff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent; }

/* アイコンを右に表示 */
.balloon-L::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -16px;
  top: 20px;
  border-left: 15px solid #999;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent; }

.balloon-L::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 20px;
  border-left: 15px solid #fff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent; }

/* YouTube */
.mov_block {
  position: relative;
  width: 100%;
  padding-top: 56.25%; }

.mov_block iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important; }

.mov_block_mess {
  margin-top: 1em;
  margin-bottom: 2em;
  text-align: center;
  font-size: 14px;
  line-height: 1.3em; }

.mov_icon {
  display: inline-block;
  padding: 0 14px;
  background-color: #ff0000;
  color: #fff;
  font-size: 50%;
  border: 1px solid #fff;
  font-weight: bold; }

/* アンカーリンク調整 */
a.anchor {
  display: block;
  padding-top: 200px;
  margin-top: -200px; }

/* 効かない */
/* 文字間隔（インタビュー） */
.ls0 {
  letter-spacing: 0px; }

/* PC非表示・スマホ表示 */
.sp_view_text {
  display: none !important; }

hr.type-grad {
  position: relative;
  height: 1px;
  border-width: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #ccc), to(transparent));
  background-image: linear-gradient(90deg, transparent 0%, #ccc 50%, transparent 100%); }

/* 余白 */
.mb0em {
  margin-bottom: 0em !important; }

.mb05em {
  margin-bottom: 0.5em !important; }

.mb1em {
  margin-bottom: 1.5em !important; }

.mb2em {
  margin-bottom: 2em !important; }

.mb3em {
  margin-bottom: 3em !important; }

.mb4em {
  margin-bottom: 4em !important; }

.mb5em {
  margin-bottom: 5em !important; }

.mb6em {
  margin-bottom: 6em !important; }

.mb7em {
  margin-bottom: 7em !important; }

.mb8em {
  margin-bottom: 8em !important; }

.mb9em {
  margin-bottom: 9em !important; }

.ml0em {
  margin-left: 0em !important; }

.ml1em {
  margin-left: 1em !important; }

.ml2em {
  margin-left: 2em !important; }

.ml3em {
  margin-left: 3em !important; }

.ml4em {
  margin-left: 4em !important; }

.ml5em {
  margin-left: 5em !important; }

.mr0em {
  margin-right: 0em !important; }

.mr1em {
  margin-right: 1em !important; }

.mr2em {
  margin-right: 2em !important; }

.mr3em {
  margin-right: 3em !important; }

.mr4em {
  margin-right: 4em !important; }

.mr5em {
  margin-right: 5em !important; }

.mt0em {
  margin-top: 0em !important; }

.mt1em {
  margin-top: 1em !important; }

.mt2em {
  margin-top: 2em !important; }

.mt3em {
  margin-top: 3em !important; }

.mt4em {
  margin-top: 4em !important; }

.mt5em {
  margin-top: 5em !important; }

.mt6em {
  margin-top: 6em !important; }

.mt7em {
  margin-top: 7em !important; }

.mt8em {
  margin-top: 8em !important; }

.mt9em {
  margin-top: 9em !important; }

/* 余白 PCのみ */
.pc_mb1 {
  margin-bottom: 1.5em !important; }

.pc_mb2 {
  margin-bottom: 2em !important; }

.pc_mb3 {
  margin-bottom: 3em !important; }

.pc_mb4 {
  margin-bottom: 4em !important; }

.pc_mb5 {
  margin-bottom: 5em !important; }

.pc_mb6 {
  margin-bottom: 6em !important; }

.pc_mb7 {
  margin-bottom: 7em !important; }

.pc_mb8 {
  margin-bottom: 8em !important; }

.pc_mb9 {
  margin-bottom: 9em !important; }

.pc_mb10 {
  margin-bottom: 10em !important; }

.pc_mt1 {
  margin-top: 1em !important; }

.pc_mt2 {
  margin-top: 2em !important; }

.pc_mt3 {
  margin-top: 3em !important; }

.pc_mt4 {
  margin-top: 4em !important; }

.pc_mt5 {
  margin-top: 5em !important; }

.pc_mt6 {
  margin-top: 6em !important; }

.pc_mt7 {
  margin-top: 7em !important; }

.pc_mt8 {
  margin-top: 8em !important; }

.pc_mt9 {
  margin-top: 9em !important; }

.pc_mt10 {
  margin-top: 10em !important; }

/* 画像:配置 */
.img_block {
  display: inline-block;
  vertical-align: top; }

/* 共通 */
.img_block img {
  width: 100%;
  margin: 0px auto !important; }

.img_center {
  width: 100%;
  margin: 0px auto; }

.img_center div {
  margin: 0 auto 1em; }

.img_right {
  float: right;
  margin: 10px 0 10px 20px; }

.img_left {
  float: left;
  margin: 10px 20px 10px 0; }

/* 画像:横幅 */
.img_wid_full {
  width: 100%; }

.img_wid_100 {
  width: 100px; }

.img_wid_150 {
  width: 150px; }

.img_wid_200 {
  width: 200px; }

.img_wid_250 {
  width: 250px; }

.img_wid_300 {
  width: 300px; }

.img_wid_350 {
  width: 350px; }

.img_wid_400 {
  width: 400px; }

.img_wid_450 {
  width: 450px; }

.img_wid_500 {
  width: 500px; }

.img_wid_550 {
  width: 550px; }

.img_wid_560 {
  width: 560px; }

.img_wid_600 {
  width: 600px; }

.img_wid_650 {
  width: 650px; }

.img_wid_700 {
  width: 700px; }

.img_wid_750 {
  width: 750px; }

.img_wid_800 {
  width: 800px; }

.img_wid_850 {
  width: 850px; }

.img_wid_900 {
  width: 900px; }

.img_wid_950 {
  width: 950px; }

.img_wid_1000 {
  width: 1000px; }

.img_wid_100 img,
.img_wid_150 img,
.img_wid_200 img,
.img_wid_250 img,
.img_wid_300 img,
.img_wid_350 img,
.img_wid_400 img,
.img_wid_500 img,
.img_wid_550 img,
.img_wid_600 img,
.img_wid_650 img,
.img_wid_700 img,
.img_wid_750 img,
.img_wid_800 img,
.img_wid_850 img,
.img_wid_900 img,
.img_wid_950 img,
.img_wid_1000 img {
  margin-bottom: 0.5em; }

/* 本文:キャプション */
.caption {
  font-size: small;
  line-height: 1.5em !important;
  text-indent: 0 !important;
  margin-bottom: 1em !important; }

/* 画像:キャプション */
.caption_top,
.caption_under {
  font-size: small;
  line-height: 1.5em !important;
  text-indent: 0 !important;
  text-align: center; }

.caption_top {
  margin: 0 0 5px !important; }

.caption_under {
  margin: 5px 0 0 !important; }

/* カラムレイアウト 画像解像度低 */
.col_img300 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  line-height: 1.3em; }

.col_img300 div {
  max-width: 300px;
  padding: 10px; }

.col_img300 div img {
  width: 100%;
  margin: 0px !important; }

.col_img300 div span {
  font-size: 90%; }

.col_img400 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  line-height: 1.3em; }

.col_img400 div {
  max-width: 400px;
  padding: 10px; }

.col_img400 div img {
  width: 100%;
  margin: 0px !important; }

.col_img400 div span {
  font-size: 90%; }

.col_img500 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  line-height: 1.3em; }

.col_img500 div {
  max-width: 500px;
  padding: 10px; }

.col_img500 div img {
  width: 100%;
  margin: 0px !important; }

.col_img500 div span {
  font-size: 90%; }

/* カラムレイアウト レスポンシブ対応 */
*, *:before, *:after {
  box-sizing: border-box; }

.col_4 {
  width: 100%;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  /* IE10 */
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  /* IE10 */ }

.col_4 > div {
  text-align: center;
  width: 25%;
  padding: 10px; }

.col_4 img {
  margin-bottom: 0px !important; }

.col_3 {
  width: 100%;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  /* IE10 */
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  /* IE10 */ }

.col_3 > div {
  text-align: center;
  width: 33.33333%;
  padding: 10px; }

.col_3 img {
  margin-bottom: 0px !important; }

.col_2 {
  width: 100%;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  /* IE10 */
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  /* IE10 */ }

.col_2 > div {
  text-align: center;
  width: 50%;
  padding: 10px; }

.col_2 img {
  margin-bottom: 0px !important; }

.div-wid-820 {
  width: 820px;
  margin: 0 auto; }

/* flex サムネイル＋テキスト */
.flex_limg-Rtxt {
  display: -webkit-box;
  display: flex; }

.right_img {
  width: 15%;
  margin-right: 3%;
  text-align: center; }

.right_img img {
  width: 100%;
  height: auto; }

.right_img p.name_text {
  margin: -40px auto 0;
  font-size: 80%; }

.left_txt {
  width: 85%; }

/* 目次メニュー */
.mokuji-full {
  background: #f9fbe7;
  border: 1px solid #444;
  padding: 10px 20px 10px 30px;
  border: 1px solid #ccc; }

.mokuji-full ul {
  margin-bottom: 0em; }

.mokuji-full ul li {
  font-size: 93%;
  line-height: 1.8em;
  margin: 0 0 5px; }

.mokuji-full ul li::before {
  content: "▼";
  color: #ffc400;
  font-size: 10px;
  margin-right: 1em; }

.mokuji-full ul li a {
  text-decoration: none;
  border-bottom: 1px dashed #546E7A; }

.mokuji-full ul li a:hover {
  border-bottom: 1px solid #0E367D; }

.mokuji-full-innner {
  margin: 0; }

/* 目次メニュー:番号 */
ol.mokuji {
  border: 1px solid #444;
  padding: 10px;
  background: #f9fbe7;
  padding-left: 2em; }

ol.mokuji li {
  list-style-type: decimal !important; }

ol.mokuji li a {
  text-decoration: none; }

ol.mokuji li a:hover {
  border-bottom: 1px solid #0E367D; }

/* テキストボタン装飾 */
a.photo-btn {
  padding: 10px 20px;
  border: 1px solid #fff;
  border-radius: 20px;
  background: #1E90FF;
  color: #fff;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  box-shadow: 0 5px 10px #bbb; }

a.photo-btn:hover {
  padding: 10px 25px;
  background: #29B6F6;
  -webkit-transition: 0.1s;
  transition: 0.1s; }

@media screen and (max-width: 480px) {
  /* カラムレイアウト */
  .col_4 > div {
    width: 50%; }
  .col_3 > div {
    width: 100%; } }

@media screen and (min-width: 768px) {
  .sp_view,
  .sp_view_text {
    display: none !important; } }

@media screen and (max-width: 768px) {
  /* 画像:配置 */
  .img_center,
  .img_right,
  .img_left {
    float: none;
    width: 100%;
    margin: 0px 0px 1em !important; }
  .img_block img {
    width: 100% !important; }
  .img_wid_100,
  .img_wid_150,
  .img_wid_200,
  .img_wid_250,
  .img_wid_300,
  .img_wid_350,
  .img_wid_400,
  .img_wid_450,
  .img_wid_500,
  .img_wid_550,
  .img_wid_600,
  .img_wid_650,
  .img_wid_700,
  .img_wid_750,
  .img_wid_800,
  .img_wid_850,
  .img_wid_900,
  .img_wid_950,
  .img_wid_1000 {
    width: 100% !important; }
  .img_wid_100 img,
  .img_wid_150 img,
  .img_wid_200 img,
  .img_wid_250 img,
  .img_wid_300 img,
  .img_wid_350 img,
  .img_wid_400 img,
  .img_wid_450 img,
  .img_wid_500 img,
  .img_wid_550 img,
  .img_wid_600 img,
  .img_wid_650 img,
  .img_wid_700 img,
  .img_wid_750 img,
  .img_wid_800 img,
  .img_wid_850 img,
  .img_wid_900 img,
  .img_wid_950 img,
  .img_wid_1000 img {
    width: 100% !important; }
  /* カラムレイアウト */
  .col_4 > div {
    width: 50%; }
  .col_3 > div {
    width: 100%; }
  .col_2 > div {
    width: 100%; }
  .div-wid-820 {
    width: 100%; }
  /* 表示 */
  .sp_view,
  .sp_view_text {
    display: inline !important; }
  .sp_noview,
  .sp_noview_text {
    display: none !important; }
  a.sp_nolink {
    pointer-events: none; }
  a.sp_nolink:after {
    background-image: none !important; }
  .pc_mb05, .pc_mb1, .pc_mb2, .pc_mb3, .pc_mb4, .pc_mb5, .pc_mb05, .pc_mb6, .pc_mb7, .pc_mb8, .pc_mb9, .pc_mb10 {
    margin-bottom: 0 !important; }
  .pc_mt1, .pc_mt2, .pc_mt3, .pc_mt4, .pc_mt5, .pc_mt6, .pc_mt7, .pc_mt8, .pc_mt9, .pc_mt10 {
    margin-top: 0 !important; } }