/files/user/202210051956_1.jpg


<script>
//サムネイル画像の大きさ別にクラス名割振る

(function(){    
	function image_class(){
		var img = new Image();
		var images = document.querySelectorAll('.sp-image img');

		for(var i=0;i<images.length;i++){
		img.src = images[i].src;
        
			if(img.width < img.height){
				images[i].className += 'vertically_long';
				images[i].parentNode.className += 'vertically_long_outer';
			}else if(img.width > img.height){
                    images[i].className += 'horizontally_long';
                    images[i].parentNode.className += 'horizontally_long_outer';
            }else{
                images[i].className += 'square';
                images[i].parentNode.className += 'square_outer';
            }
        }		
	}
	if(window.addEventListener){
		window.addEventListener('load', image_class, false);
	}else if(window.attachEvent){
		window.attachEvent('onload', image_class);
	}    
})();

</script>

<style>
@media print, screen and (min-width: 768px){
    .component-news-card.row3 .list-card:nth-child(n+4) .is-slice:after {
      background: linear-gradient(135deg, #fff 40px, #fff 10px) !important;
    }
    .layout-main{
        padding-bottom:0;
    }
    .block-body{
        position: relative;
        overflow: hidden;
        zoom: 1;
        margin: -70px 0 45px;
        padding: 0 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .block-header {
        position: relative;
        padding: 25px 30px 95px 30px;
    }
    .block-header .title .en {
        margin-right: 10px;
        font-size: 33px;
        letter-spacing: .2em;
        display:inline-block;
    }
     .block-header .title .ja {
        margin-right: 10px;
        font-size: 26px;
    }
}
@media screen and (max-width: 767px){
    .block-header .title .en {
        font-size: 25px;
        letter-spacing: 3px;
    }
    .block-header .title .ja {
        font-size: 20px;
        letter-spacing: 2px;
    }
    .block-header .title {
        padding: 15px 10px;
        text-align: center;
    }
}
.block-header .title > * {
        display: inline-block;
    }
.category-label{
        top: 5px;
}
@media screen and (max-width: 767px){
  .component-news-card .list-card .image img {
      vertical-align: top;
      width: 100%;
      max-width: 100%;
  }
  img.vertically_long,
  img.horizontally_long,
  img.square{
      object-fit: contain;
      width: 100px !important;
      height: 100px !important;
      background-color: #000;
  }
  .image-bg img {
      width: 100%;
      max-width: 100%;
  }
  .sp-imagesquare_outer {
      height: 100px;
      background-color: #000;
  }
  img.square {
      background-color: #12315a;
  }
}

</style>