@charset "UTF-8";
/* CSS Document */

/***********************************************
								共 通 項 目
***********************************************/
.gothic { font-size: 1.6rem; font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.48rem) * 0.5063)), 1.8rem);}

/***********************************************
								コ ン テ ン ツ
***********************************************/
.heading { position: relative; padding-left: 1.75rem;}
.heading::before { position: absolute; left: 0; top: 0; width: 0.75rem; height: 100%; background-color: #526A8D; border-radius: 0.375rem; display: block; content: "";}

h2 { font-size: 3rem;}
.heading hr { border: 0; border-bottom: solid 1px #666; margin: 0; padding: 0;}
.heading p { font-weight: 500;}

.button button { border: none; margin: 0; padding: 0; background-color: #D5BE41; color: #FFF;  transition: .4s;}
.button a:hover button { background-color: #a3775a;}

.movie { position: relative; background-color: #000; }
.movie .tbn { transition: .4s; }
.start { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15%!important; max-width: 150px; height: auto; }
.movie a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }
.movie:hover .tbn { opacity: .6; }