@charset "UTF-8";
/* CSS Information
===============================
File name:element-topics.css
Date:2020
Contents:*topics Page
Root EM:62.5%=10px
=============================== */

/* フィールド //////////////////////////////////////////*/
.field{
  width:100%;/*804*/
}
.field:nth-last-child(n + 2){
  margin-bottom:4rem;
}
/*左右をパディングする場合*/
.field_press{
  width:100%;/*764*/
  padding:0 2rem;
}
.field_box{width:100%;}
.field_box:nth-last-child(n + 2){
  margin-bottom:4rem;
}
/* タイトル //////////////////////////////////////////*/
.title{
  width:100%;
  position:relative;
  margin-bottom:4rem;
}
/* 二重枠罫線タイプ
====================*/
.title_double{
  width:calc(100% - 3px);
  position:relative;
}
.title_double__stack{
  display:block;
  width:100%;
  font-size:3.6rem;
  line-height:1.2;
  color:#004ea2;
  padding:2rem 3rem;
  border:solid 1px #004ea2;
}
/*IE11*/
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .title_double__stack {
    padding-bottom:1.5rem;
  }
}
.title_double__stack:before{
  display:block;
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:100%;
  min-height:100%;
  border:solid 1px #004ea2;
}
/* ページャー //////////////////////////////////////////*/
.pager{
  width:100%;
}
.pager_step{
  display:flex;
  justify-content:center;
}
.pager_step li{
  width:4rem;
  margin:0 0.5rem;
}
.pager_step li a{
  display:block;
  width:100%;
  height:4rem;
  line-height:3.9rem;
  border:solid 1px #cdcccc;
  color:#004ea2!important;
  text-decoration:none!important;
  text-align:center;
}
.pager_step li.prev{
  width:8rem;
  margin-right:1.5rem;
}
.pager_step li.prev a{
  color:#ccc!important;
  border-color:#ccc;
}
.pager_step li.prev a:before{
  font-family:"FontAwesome";
  content:"\f104";
  margin-right:1rem;
}
.pager_step li.next{
  width:8rem;
  margin-left:1.5rem;
}
.pager_step li.next a:after{
  font-family:"FontAwesome";
  content:"\f105";
  margin-left:1rem;
}
.pager_step li.active a{
  border-color:#004ea2;
  color:#fff!important;
  background:#004ea2;
  pointer-events:none;
}
/*テキストリンク*/
.main a:link{
  text-decoration:underline;
  word-wrap:break-word;
}

/* 一覧 //////////////////////////////////////////*/
.topics_wrap{
  width:100%;
}
.topics_field{
  width:100%;
  border-bottom:dotted 1px #cdcccc;
  padding-bottom:2rem;
  margin-bottom:2rem;
}
.topics_field:last-child{
  margin-bottom:0;
}
.topics_disc{
  width:100%;
  margin-bottom:1.5rem;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}
.topics_data{
  color:#666;
  margin:0.4rem 1rem 0.4rem 0;
}
.topics_flag{
  display:flex;
  flex-wrap:wrap;
  font-size:1.2rem;
}
.topics_flag__item{
  padding:0.4rem 1.2rem;
}
.topics_flag__item:nth-last-child(n + 2){
  margin-right:0.5rem;
}
.topics-flag--category{
  border:solid 1px #999;
  color:#999;
}
.topics-flag--new{
  color:#fff;
  background:#004ea2;
}
.topics-flag--important{
  color:#fff;
  background:#d6000f;
}
.topics_title{
  width:100%;
  font-size:1.6rem;
  font-weight:normal;
}
.topics_title a:link{
  text-decoration:none;
}
.topics_lead{
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#999;
  margin-top:1rem;
  font-size:1.2rem;
}

/* 詳細 //////////////////////////////////////////*/
/*CommonAdd*/
.topics-detail .title{
  margin-bottom:0;
}
/*詳細タイトル*/
.title_topics{
  width:100%;
  border-bottom:solid 1px #004ea2;
  padding-bottom:0.2rem;
  margin-top:1.5rem;
}
.title_topics__inline{
  display:block;
  width:100%;
  border-bottom:solid 2px #004ea2;
  padding-bottom:1.4rem;
  padding-left:2rem;
  font-size:2rem;
  line-height:1.4;
  color:#004ea2;
}
.title_update{
  color:#666;
  text-align:right;
  margin-top:1rem;
  padding-right:2rem;
}
.title_topics__mirror{
  font-size:2rem;
  line-height:1.4;
  color:#004ea2;
  margin:1rem 0 0;
  padding:0 2rem;
}

/* Slider
===============================*/
.slider{
  width:100%;
  min-height:100%;
  overflow:hidden;
  margin:4rem 0 2rem;
}
.slider_wrap{
  position:relative;
  width:100%;
}
.slider_inner{
  visibility:hidden;
}
.slider_inner.initialized{
  visibility:visible;
}
/*Main*/
.slider_content{
  width:100%;
  max-width:76.4rem;
  margin:0 auto;
}
.slick-track{
  width:100%;
  overflow:hidden;
}
.slider_box{
  max-width:76.4rem;
}
/*Option*/
.slider .slick-dots{
  bottom:-3rem;
  display:none;
}
.slider_inner.initialized .slick-dots{display:block;}
.slider .slick-dots li{
  margin:0 0.5rem;
  width:1.2rem!important;
  height:1.2rem!important;
  border-radius:50%;
}
.slider .slick-dots li button:before{
  content:"";
  width:1.2rem!important;
  height:1.2rem!important;
  background:#666;
  border-radius:50%;
}
.slider .slick-dots li:hover button:before,
.slider .slick-dots li.slick-active button:before{
  background:#004ea2;
}
/*Option*/
.slider .slick-prev,
.slider .slick-next{
  width:4rem;
  height:100%;
  z-index:2;
  background:transparent;
}
.slider .slick-prev{left:0;}
.slider .slick-next{right:0;}
.slider .slick-prev:before,
.slider .slick-next:before{
  font-family:"FontAwesome";
  font-size:4rem;
  opacity:1!important;
  text-shadow:0px 0px 5px rgba(0,0,0,0.3);
  width:100%;
  display:block;
}
.slider .slick-prev:before{
  content:"\f104";
}
.slider .slick-next:before{
  content:"\f105";
}

/* エディタ要素
===============================*/
.editor{
  width:100%;
  margin-top:2rem;
  margin-bottom:2rem;
  padding:0 2rem;
  font-size:1.5rem;
}
/*マージン*/
.mb1{margin-bottom:1rem;}
.mb2{margin-bottom:2rem;}
.mb3{margin-bottom:3rem;}
.mb4{margin-bottom:4rem;}

.mt1{margin-top:1rem;}
.mt2{margin-top:2rem;}
.mt3{margin-top:3rem;}
.mt4{margin-top:4rem;}

/*段落*/
.editor p{
  line-height:1.7;
}

/*画像*/
.editor img{
  width:100%;
  height:auto!important;
  max-width:100%;
}

/*テーブル*/
.editor table{
  table-layout:auto;
  border:solid 1px #cdcccc;
  width:100%!important;
}
.editor table th{
  background:#f8f8f8;
  padding:2rem;
  color:#004ea2;
}
.editor table td{
  padding:2rem;
}
.editor table tr{
  border-bottom:dotted 1px #cdcccc;
}
.editor table th,
.editor table td{
  border:dotted 1px #cdcccc;
  text-align:center;
}
.table-overflow{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overflow:auto;
}

/*オフィス系ダウンロード/////////*/
.download{
  width:100%;
  padding:2rem;
  background:#f6f6f6;
  font-size:1.5rem;
}
.download_list{
  width:100%;
}
.download_list li:nth-last-child(n + 2){
  margin-bottom:1rem;
}
.download_btn .download_file{
  display:block;
  text-align:center;
  width:100%;
  text-decoration:none!important;
  padding:2rem;
}
.download_file{
  font-size:1.6rem;
}
.download_file:before{
  margin-right:1rem;
}
/*PDF*/
.file-icon--pdf{
  color:#fff!important;
  background:#d6000f;
}
.file-icon--pdf:before{
	content:"\f1c1"!important;
}
/*ワード*/
.file-icon--doc{
	color:#fff!important;
  background:#2569be;
}
.file-icon--doc:before{
	content:"\f1c2";
}
/*パワーポインター*/
.file-icon--ppt{
	color:#fff!important;
  background:#df5c1c;
}
.file-icon--ppt:before{
	content:"\f1c4";
}
/*エクセル*/
.file-icon--xls{
	color:#fff!important;
  background:#247d4d;
}
.file-icon--xls:before{
	content:"\f1c3";
}
/*圧縮*/
.file-icon--zip{
	color:#663300!important;
  background:#e9ce78;
}
.file-icon--zip:before{
	content:"\f1c6";
}
/*URI*/
.file-icon--uri{
  color:#fff!important;
  background:#2569be;
}
.file-icon--uri:before{
  content:"\f08e";
}
/*URL*/
.url_text{
  position:relative;
  padding-left:1.5em;
  font-size:1.6rem;
}
.url_link:before{
  position:absolute;
  top:0.2rem;
  left:0;
}
.file-icon--url:before{
  content:"\f08e";
  color:#004ea2!important;
  text-decoration:none!important;
}
/*タイトル*/
.title_center{
  font-size:2rem;
  text-align:center;
  margin-bottom:2rem;
}
/*審査結果タイプ*/
.type-result{
  background:#f9f6c7;
}
.type-result .title_center{
  color:#4e4e4e;
}
/*Youtube動画*/
/*Iframeのアスペクト比維持*/
.figure_iframe{
  position:relative;
  width:calc(100% - 4rem);
  height:auto;
  margin-left:2rem;
  margin-right:2rem;
  display:block;
}
.figure_iframe:before{
  display:block;
  content:"";
  padding-top:56%;
}
.figure_iframe iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.paragraph{
  font-size:1.5rem;
}
/*タイトル左罫線タイプ*/
.title_ltborder{
  font-size:2rem;
  line-height:1.4;
  color:#4e4e4e;
  border-left:solid 3px #4e4e4e;
  padding-left:2rem;
}
/*お問い合わせ*/
.contact{
  width:100%;
  border:solid 2px #cdcccc;
  padding:2rem;
  font-size:1.5rem;
}
.contact .title_center{
  color:#004ea2;
}
.table-contact{
  border:0;
  width:100%;
  table-layout:auto;
}
.table-contact th{
  background:#fff;
  padding:2rem;
  color:#004ea2;
  min-width:10rem;
}
.table td{
  padding:2rem;
}
.table-contact tr:nth-last-of-type(n + 2){
  border-bottom:dotted 1px #cdcccc;
}

/* 管理画面用プレビュー表記:フロントではない //////////////////////////////////////////*/
.admin-preview{
  position:fixed;
  left:0;
  bottom:0;
  font-size:1.4rem;
  color:#fff;
  background:rgba(0,78,162,.8);
  padding:0.5rem 1rem;
  text-align:center;
  width:100%;
}

/* 共通ブレイクポイント //////////////////////////////////////////*/
/* Responsive
====================*/
/*[ MIN ]---------------------------*/
@media (min-width:64.0625em){/*1025*/
  /*一覧：ページャー*/
  .pager_step li a:hover{
    border-color:#004ea2;
    color:#fff!important;
    background:#004ea2;
  }
  /*一覧：リンク*/
  .topics_title a:hover{
    text-decoration:underline;
  }
}
/*[ MAX ]---------------------------*/
@media (max-width:64em){/*1024*/
  /*一覧：タイトル*/
  .title_double__stack{
    font-size:3rem;
  }
  .title{
    margin-bottom:3rem;
  }
}
@media (max-width:56.25em){/*900*/
}
@media (max-width:47.9375em){/*767*/
  /*共通*/
  .main{
    margin-bottom:4rem;
  }
  .footer{
    margin-top:0;
  }
  .field:nth-last-child(n + 2){
    margin-bottom:3rem;
  }
  .field_box:nth-last-child(n + 2){
    margin-bottom:3rem;
  }
  /*一覧：タイトル*/
  .title{
    margin-bottom:2rem;
  }
  .title_double__stack{
    font-size:2.6rem;
  }
  /*詳細*/
  .title_topics{
    margin-top:1rem;
  }
  .title_topics__inline{
    padding-left:1rem;
    padding-bottom:1rem;
  }
  .slider{
    margin:2rem 0;
  }
  .mb4{
    margin-bottom:2.5rem;
  }
  .mb3{
    margin-bottom:1.5rem;
  }
  .title_update{
    padding-right:0;
  }
}
@media (max-width:40em){/*640*/
  /*一覧：ページャー*/
  .page-step--break{
    display:none;
  }
  /*詳細*/
  .download_file,
  .url_text{
    font-size:1.4rem;
  }
  .editor table th,
  .editor table td{
    padding:1rem;
  }
  .editor,
  .download,
  .paragraph,
  .contact{
    font-size:1.4rem;
  }
}
@media (max-width:30em){/*480*
  /*共通*/
  .field_press{
    padding:0 1rem;
  }
  .field:nth-last-child(n + 2){
    margin-bottom:2rem;
  }
  .field_box:nth-last-child(n + 2){
    margin-bottom:2rem;
  }
  /*一覧：タイトル*/
  .title{
    margin-bottom:1.5rem;
  }
  .title_double__stack{
    font-size:2.2rem;
    padding:1.5rem 2rem;
  }
  /*一覧：ページャー*/
  .pager_step li.next,
  .pager_step li.prev{
    margin:0 0.5rem;
  }
  /*詳細*/
  .title_topics__mirror{
    padding:0 1rem;
    font-size:1.8rem;
  }
  .editor{
    padding:0 1rem;
    margin-top:1.5rem;
  }
  .figure_iframe{
    width:calc(100% - 2rem);
    margin-left:1rem;
    margin-right:1rem;
  }
  .download{
    padding:1rem;
  }
  .contact,
  .type-result{
    padding:2rem 1rem;
  }
  .title_center{
    font-size:1.6rem;
    margin-bottom:1.5rem;
  }
  .title_topics__inline{
    font-size:1.8rem;
  }
  .table-contact th,
  .table-contact td{
    display:block;
    width:100%;
    text-align:left;
  }
  .table-contact th{
    padding-bottom:0;
  }
}
@media (max-width:23.75em){/*380*/
  /*一覧：タイトル*/
  .title_double__stack{
    font-size:2rem;
  }
  /*一覧：ページャー*/
  .pager_step li{
    flex-grow:1;
  }
}
@media (max-width:22.5em){/*360*/
}
@media (max-width:21.25em){/*340*/
  /*共通*/
  .field_press{
    padding:0;
  }
}