/* 追加2 手引き事例集 */
.tebikikatuyou_photo {
    position: relative;
    width: 100%;
    height: 202px;
    margin: 0 0 0 0;
    background: linear-gradient(63deg, rgb(0 0 0 / 8%), rgb(172 172 172 / 20%)), url(../../kokusentoc/images03/top/tebikikatuyou.jpg);
	border-radius: 10px 10px 10px 10px;
	background-size: cover; /* 画像を要素全体に広げ、アスペクト比を維持しながらトリミング */
    background-position: center; /* 画像を中央に配置 */
    background-repeat: no-repeat; /* 画像の繰り返しを防止 */
}

.tebikikatuyou_photo a {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 58px;
	padding-top: 56px;
    text-align: center;
    margin: 0 auto;
    font-size: 32px;
    font-weight: bold;
    text-shadow: 0px 0px 30px #ffffff, 0px 0px 10px #326693, 0px 0px 20px #326693, 0px 0px 30px #a72121, 0px 0px 40px #5d5d5d, 0px 0px 60px #00466f;
    text-decoration: none;
}

.tebikikatuyou_photo:hover {
    background: linear-gradient(63deg, rgb(255 255 255 / 15%), rgb(255 255 255 / 15%)), url(../../kokusentoc/images03/top/tebikikatuyou.jpg);
    border-radius: 10px 10px 10px 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity:0.7;
}

.tebikikatuyou_photo a:hover {
    text-shadow: 0px 0px 30px #ffffff, 0px 0px 20px #3500ff, 0px 0px 40px #0037ff, 0px 0px 60px #2a00ff, 0px 0px 80px #cce3ff;
}

/* 追加 対談 */
.tokku_taidan_photo:hover {
    background: linear-gradient(90deg, rgba(22, 135, 200, 0.1), rgba(20, 110, 180, 0.2)) ,url(../../kokusentoc/images03/top/tokku_photo.jpg);
    opacity:0.7;
}
.tokku_taidan_photo {
    width: 100%;
}
.tokku_taidan_photo {
    width: 100%;
}

/* 追加 イベント */
.toc_event_photo {
    position: relative;
    width: 100%;
    height: 202px;
    margin: 0 0 0 0;
    background: linear-gradient(90deg, rgba(22, 135, 200, 0.1), rgba(20, 110, 180, 0.2)) ,url(../../kokusentoc/images03/top/img_toc_event.jpg);
    border-radius: 10px 10px 10px 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.toc_event_photo a {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 202px;
    text-align: center;
    margin: 0 auto;
    font-size: 32px;
    font-weight: bold;
    text-shadow: 0px 0px 5px #ffffff , 
		0px 0px 10px #326693, 
		0px 0px 20px #326693, 
		0px 0px 30px #31a9ee,
		0px 0px 40px #31a9ee, 
		0px 0px 60px #31a9ee;
    text-decoration: none;
}
.toc_event_photo:hover {
    background: linear-gradient(63deg, rgb(255 255 255 / 15%), rgb(255 255 255 / 15%)), url(../../kokusentoc/images03/top/img_toc_event.jpg);
    border-radius: 10px 10px 10px 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity:0.7;
}

.toc_event_photo a:hover {
	text-shadow: 0px 0px 30px #ffffff, 0px 0px 20px #db3939, 0px 0px 40px #cf2b2b, 0px 0px 60px #e72c2c, 0px 0px 80px #ffccf5;
}

/* 追加 プロモーション */
.toc_promotion_photo {
    position: relative;
    width: 100%;
    height: 202px;
    margin: 0 0 0 0;
    background: linear-gradient(63deg, rgba(22, 135, 200, 0.1), rgba(20, 110, 180, 0.2)) ,url(../../kokusentoc/images03/top/img_toc_promotion.jpg);
    border-radius: 10px 10px 10px 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.toc_promotion_photo a {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 202px;
    text-align: center;
    margin: 0 auto;
    font-size: 32px;
    font-weight: bold;
    text-shadow: 0px 0px 5px #ffffff , 
		0px 0px 10px #326693, 
		0px 0px 20px #326693, 
		0px 0px 30px #31a9ee,
		0px 0px 40px #31a9ee, 
		0px 0px 60px #31a9ee;
    text-decoration: none;
}
.toc_promotion_photo:hover {
    background: linear-gradient(90deg, rgba(22, 194, 200, 0.1), rgba(12, 18, 217, 0.2)) ,url(../../kokusentoc/images03/top/img_toc_promotion.jpg);
    border-radius: 10px 10px 10px 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity:0.7;
}
.toc_promotion_photo a:hover {
	text-shadow: 0px 0px 30px #ffffff, 0px 0px 20px hsl(51, 96%, 50%), 0px 0px 40px #59f42e, 0px 0px 60px #59f42e, 0px 0px 80px #d1fbc5;
  
}