@charset "utf-8";

.clearfix:after{
    content:"";
    display:block;
    height:0;
    clear:both;
    overflow:hidden;} /* IE以外のモダンWebブラウザ向け */
    
.clearfix{display:inline-block;} /* IE7およびMac版IE5向け */
 /* Hides from IE-mac \*/
* html .clearfix{height:1%;}
 .clearfix{display:block;}
/* End hide from IE-mac */ /* IE6以前向け */
/* ===================================================================
 BASE
=================================================================== */
html, body {
	margin:0;
	padding:0;
}/*SlickのCSSより*/

body{
	font-family: 'lucida grande', tahoma, verdana, arial, Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ ゴシック', sans-serif;
	width:100%;
  max-width:100%;
	min-width:320px;/*bodyにmin-widthを指定しないと小さいデバイスで右サイドの余白がなくなる。*/
  color:#333;
   /* background-color: #d7d7ea;*/
}

ul, li {
  list-style: none;
}

a {
  text-decoration: none !important;
}
 

/* ===================================================================
 TOPPAGE
=================================================================== */
/*#bg-mainctt{
	width:100%;}*/

.container-fluid {
    margin:0;
    padding:0;
    background-color: #d7d7ea;
    padding-bottom:2em;
}

/*===== スライド（slick） =====*/
#area-slider{
	position:relative;
	/*margin-bottom:3.0em;*/
	margin-bottom:0;
	border-bottom:1px solid #d7d7ea;/*バグ対応*/
	/*background: linear-gradient(#ffffff, #eeeeee);*/
}


.slider {
	width:100% ;
    min-width: 100%;
    margin: 0 auto 100px;
}

  .slick-slide {
	margin: 0px;
	margin-bottom:0.2em;
	z-index:100;
    }

 .slick-slide img {
	width: 100%;
/*	max-width:1260px;*/
/*	max-height:446px;*/
  height: 25vw;/*スライドの高さ：幅の25%*/
  object-fit: cover;
  object-position:center;
	display:inline-block;}

  @media screen and (max-width:1024px) { 
    .slick-slide img {
      height: 35vw;/*スライドの高さ調整*/
      }}

  @media screen and (max-width: 767px) { 
  .slick-slide img {
    height: 35vw;/*スライドの高さ調整*/
    }}

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
	opacity: .4;}
    
/*    .slick-active {
      opacity: .5;
    }*/

/*.slick-active::before{
	content:url(../images/h2_taisaku_archive.png);
	display:inline;}*/

    .slick-current {
      opacity: 1;
    }

.slick-current img{}


/* from slick-theme.css */
.slick-prev{
	/*left: -25px;*/
	left:8px;
	z-index:500;}
.slick-next{
	/*right: -25px;*/
	right:8px;}

/*メイン画像下のドットの大きさ*/
.slick-dots li button:before{
	/*font-size: 6px;*/
	font-size:10px;}

.slick-dots li.slick-active button:before{
/*    opacity: .75;
    color: black;*/
	opacity:1;}

/*=====読み込み時の縦並び回避 =====*/
  .slider {
    display: none;
  }
 
/*slick-initializedクラスが付与されたら*/
  .slider.slick-initialized {
    display: block; 
  }


/*===== スライド（slick）ここまで =====*/

/*===== テキストエリア =====*/
#area-main-ctt{
	width:100%;
	max-width:1300px;/*実質1260px*/
	padding:0 10px;
    margin: 0 auto;
    box-sizing: border-box;
  /*  background-color: #d7d7ea;*/
}

/*@media screen and (max-width: 767px) {*/
  @media screen and (max-width: 900px) {
	#area-main-ctt{
		font-size:1rem;
		margin:0 auto;
		width:98%;
		padding:0 2%;
		min-width:304px;}} /*最小幅320pxからbodyのマージン8px x2 を引いた数値*/

.top-lead {
    width:80%;
    margin:0 auto;
    line-height: 1.8;
    margin:1.5em auto;
}

@media screen and (max-width:1024px) {
  .top-lead {
    width:95%;
    line-height: 1.5;
 }}

.title-box {
    width:100%;
    background-color:#121e45;
    color:#fff;
    font-weight: bold;
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    text-align: center;
    padding:1em auto;
    line-height: 2.0;
    font-size: 150%;
}

/*各機関のサムネイル*/

.container {
    margin:1em auto;
    width:90%;
}

.card {

}

.top-img-box {
  position: relative;
  margin:4% 2%;
  padding:0;
  filter: drop-shadow(2px 5px 5px rgba(0,0,0,0.4));
  /*overflow: hidden;*/
}
.thumbnail-img {
   /* width:200px;
    height:150px;*/
    width:100%;
    vertical-align:middle;
    object-fit:cover;
 }
 
 .thumbnail-img:hover{
     opacity: 0.6;
     transition-duration: 0.3s;
 }

  .da-name {
    position: absolute;
    bottom:0;
    left: 0;
    z-index: 2;
    width: 100%;
    background-color: rgba(18, 30, 69, 0.75);
    color:#fff;
    font-weight:normal;
    text-align:center;
    font-size:120%;
    line-height:1.3;
    padding:1.5% 2% 0.5%;
  }


/*  figure:hover {
    opacity: 0.6;
    transition-duration: 0.3s;
  }*/

  
  .da-name a:link { color: #fff; }
  .da-name a:visited { color: #fff; }
  .da-name a:hover { color: #fff; }
  .da-name a:active { color: #00bfff; }

  /*---読み込み時の縦表示を回避するcss---*/
  .slider {
    height: 0;
   }
  /*---jsで処理している
  $(document).ready(function(){
  $('.slider').css('height','auto');
});
  ---*/