@charset "UTF-8";

/*--------------------------------------------------------------------
pc用
index.html	(トップページ)
top.css
--------------------------------------------------------------------*/



/*------------Topスライダー------------------------------------------------------------*/
.slider-container {
  overflow: hidden;
  width: 100vw;
  position: relative;
}

.slider-track {
  display: flex;
  width: calc(25vw * 12);
  transform: translateX(-12.5vw);
  animation: scroll-desktop 24s linear infinite;
}

.slide {
  flex: 0 0 25vw;
}

.slide img {
  width: 100%;
  height: auto;
  display: block;
}

@keyframes scroll-desktop {
  0%   { transform: translateX(-12.5vw); }
  8.33%  { transform: translateX(-37.5vw); }
  16.66% { transform: translateX(-37.5vw); }
  25%  { transform: translateX(-62.5vw); }
  33.33% { transform: translateX(-62.5vw); }
  41.66% { transform: translateX(-87.5vw); }
  50%  { transform: translateX(-87.5vw); }
  58.33% { transform: translateX(-112.5vw); }
  66.66% { transform: translateX(-112.5vw); }
  75%  { transform: translateX(-137.5vw); }
  83.33% { transform: translateX(-137.5vw); }
  91.66% { transform: translateX(-162.5vw); }
  100% { transform: translateX(-162.5vw); }
}

/*------------TopTxt------------------------------------------------------------------------*/
div#TopTxt {
	position: relative;
	margin: 50px 0;
	padding: 55px 0;
	background: url(../../img/top/title_bg.png) no-repeat center center;
}
div#TopTxt h2 {
	text-align: center;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 2.85em;
	font-weight: lighter;
	color: #6e2775;
}


/*------------Topics------------------------------------------------------------------------*/
div#Topics {
	position: relative;
	margin: 50px 0;
	padding: 40px 0;
	background-color: #eaeaea;
}
div#Topics div#topicsList {
	width: 980px;
	margin: 0 auto;
}
div#Topics div#topicsList table {
	width: 100%;
	border-collapse: collapse;
}
div#Topics div#topicsList table tr th,
div#Topics div#topicsList table tr td {
	width: auto;
	padding: 0.25em 0;
	text-align: left;
	vertical-align: middle;
}
div#Topics div#topicsList table tr th em {
	display: block;
	padding-left: 1.3em;
	text-indent: -1.3em;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.64em;
	font-weight: lighter;
}
div#Topics div#topicsList table tr th em:before {
	padding-right: 0.3em;
	content: "\0030fb";
}
div#Topics div#topicsList table tr td { width: 140px; }
div#Topics div#topicsList table tr td div a {
	display: block;
	width: 100%;
	padding: 0.25em 0.5em;
	background-color: #d6b07d;
	text-align: center;
	font-weight: bolder;
	color: #fff;
}

/*------------top-news------------------------------------------------------------------------*/
.top-news{
	text-align: center;
	width: 980px;
	background: #cf0073;
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 10px 0 8px;
	border-radius: 10px;
	font-size: 1.5em;
	font-weight: 500;
	transition: transform 1.0s ease; /* ゆっくり変化させる */
}
.top-news:hover{
	transform: scale(1.03); /* 拡大 */
}

/*------------Contents------------------------------------------------------------------------*/
div#Contents {
	position: relative;
	width: 100%;
	margin: 50px auto;
	overflow: hidden;
}
div#Contents ul {
	list-style: none;
	width: 100%;
	overflow: hidden;
}
/*------------Cont05------------------------------------*/
div#Contents div#Cont05 {
	width: 980px;
	margin: 0 auto;
}
div#Contents div#Cont05 ul li { width: 470px; }
div#Contents div#Cont05 ul li:nth-of-type(1) { float: left; }
div#Contents div#Cont05 ul li:nth-of-type(2) { float: right; }
div#Contents div#Cont05 ul li a {
	display: block;
	height: 250px;
	background-position: left top;
	background-repeat: no-repeat;
}
div#Contents div#Cont05 ul li:nth-of-type(1) a { background-image: url("../../img/top/banner_fujisho202509-A.jpg"); }
div#Contents div#Cont05 ul li:nth-of-type(2) a { background-image: url("../../img/top/commitment.jpg"); }
div#Contents div#Cont05 ul li a * { display: none; }
/*------------Cont01------------------------------------*/
div#Contents div#Cont01 {
	width: 980px;
	margin: 30px auto 0;
}
div#Contents div#Cont01 ul li { width: 470px; }
div#Contents div#Cont01 ul li:nth-of-type(1) { float: left; }
div#Contents div#Cont01 ul li:nth-of-type(2) { float: right; }
div#Contents div#Cont01 ul li a {
	display: block;
	height: 250px;
	background-position: left top;
	background-repeat: no-repeat;
}
div#Contents div#Cont01 ul li:nth-of-type(1) a { background-image: url(../../img/top/banner_furisodelineup.jpg); }
div#Contents div#Cont01 ul li:nth-of-type(2) a { background-image: url(../../img/top/banner_fujisho202509-B.jpg); }
div#Contents div#Cont01 ul li a * { display: none; }
/*------------Cont02------------------------------------*/
div#Contents div#Cont02 {
	width: 980px;
	margin: 30px auto 0;
}
div#Contents div#Cont02 ul {
	width: 100%;
	list-style: none;
}
div#Contents div#Cont02 ul li { width: 470px; }
div#Contents div#Cont02 ul li:nth-of-type(1) { float: left; }
div#Contents div#Cont02 ul li:nth-of-type(2) { float: right; }
div#Contents div#Cont02 ul li a {
	display: block;
	height: 250px;
	background-position: left top;
	background-repeat: no-repeat;
}
div#Contents div#Cont02 ul li a * { display: none; }
div#Contents div#Cont02 ul li#ticket01 a {
	background-color: #c10a6c;
	background-image: url("../../img/top/present_t01.jpg");
}
div#Contents div#Cont02 ul li#ticket02 a {
	background-color: #682670;
	background-image: url("../../img/top/present_t02.jpg");
}
/*------------Cont03------------------------------------*/
div#Contents div#Cont03 {
	width: 1000px;
	margin: 30px auto 0;
}
div#Contents div#Cont03 ul.slider { padding-bottom: 30px; }
div#Contents div#Cont03 ul.slider li { margin: 0 10px; }
div#Contents div#Cont03 ul.slick-dots li { margin: 0; }
div#Contents div#Cont03 ul li p {
	background-color: #2a2b2b;
	padding: 0.25em;
	text-align: center;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.42em;
	font-weight: bolder;
	color: #fff;
}
div#Contents div#Cont03 ul li p span { font-size: 0.92rem; }
/*------------Cont04------------------------------------*/
div#Contents div#Cont04 {
	width: 980px;
	margin: 30px auto 0;
}
div#Contents div#Cont04 ul { margin-bottom: -25px; }
div#Contents div#Cont04 ul li {
	position: relative;
	width: 480px;
	float: left;
	margin-right: 20px;
	margin-bottom: 25px;
}
div#Contents div#Cont04 ul li:nth-of-type(2n) { margin-right: 0; }
div#Contents div#Cont04 ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 0;
}
div#Contents div#Cont04 ul li p {
	position: absolute;
	width: 100%;
	background-color: #cf0073;
	padding: 0.15em;
	bottom: 0;
	text-align: center;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.42em;
	font-weight: bolder;
	color: #fff;
	z-index: 2;
}


/*------------Movie------------------------------------------------------------------------*/
div#Movie {
	position: relative;
	width: 980px;
	margin: 50px auto;
	overflow: hidden;
}
div#Movie ul {
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}
div#Movie ul.MovieList01 { width: 80%; }
div#Movie ul.MovieList02 { width: 100%; }
div#Movie ul.MovieList01 li {
	position: relative;
	width: 100%;
}
div#Movie ul.MovieList02 { margin-bottom: -20px; }
div#Movie ul.MovieList02 li {
	position: relative;
	width: 470px;
	margin-right: 40px;
	margin-bottom: 20px;
	float: left;
}
div#Movie ul.MovieList02 li video.movie-big {
	width: 100%;
	max-width: 600px; /* PCでの最大幅を制限 */
	height: auto;
	display: block;
	margin: 0 auto;
}
div#Movie ul.MovieList02 li div iframe {
	background: #fff;
}
.MovieList03{
	display: flex;
	justify-content: space-around;
	margin-top: 20px;
}
.MovieList03>video{
	width: 30%;
}

div#Movie ul li:nth-of-type(2n) { margin-right: 0; }
div#Movie ul li div {
	width: 100%;
	overflow: hidden;
}
div#Movie ul li div {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
div#Movie ul li div iframe, div#Movie ul li div video {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	top: 0;
	right: 0;
}




/*------------recruit------------------------------------------------------------------------*/
div#recruit {
	width: 980px;
	margin: 50px auto 0;
	overflow: hidden;
}
div#recruit a {
	display: block;
	height: 250px;
	background: url(../../img/top/recruit_p.jpg) no-repeat left top;
}
div#recruit a * { display: none; }


/*------------News------------------------------------------------------------------------*/
div#News {
	width: 980px;
	margin: 50px auto 0;
	overflow: hidden;
}
div#News a.newsbanner{
	display: block;
	width: 80%;
	margin: 50px auto ;
}
div#News a.newsbanner img{
	width: 100%;
}
/*------------newsList------------------------------------*/
div#News div#newsList {
	height: 220px;
	overflow: auto;
}
div#News div#newsList table {
	width: auto;
	border-collapse: collapse;
}
div#News div#newsList table tr th,
div#News div#newsList table tr td {
	width: auto;
	padding: 5px 0 0.8em;
	text-align: left;
	vertical-align: top;
}
div#News div#newsList table tr:nth-last-of-type(1) th,
div#News div#newsList table tr:nth-last-of-type(1) td { padding-bottom: 0; }
div#News div#newsList table tr th {
	white-space: nowrap;
	padding-right: 1em;
}
div#News div#newsList table tr td strong {
	display: inline-block;
	margin-right: 1em;
	color: #ff7133;
}
div#News div#newsList table tr td em { font-weight: bolder; }
div#News div#newsList table tr td a { color: #3966b5; }
/*------------Link------------------------------------*/
div#News div#Link {
/*	width: 100%;*/
	width: 100%;
	margin: 50px auto 0;
	overflow: hidden;
}
div#News div#Link ul {
	list-style: none;
	width: 100%;
	overflow: hidden;
}
div#News div#Link ul li {
	width: 32%;
	margin-right: 2%;
	float: left;
}
div#News div#Link ul li:nth-of-type(3n) { margin-right: 0; }
/*div#News div#Link ul li:nth-of-type(2n) { margin-right: 0; }*/


/*------------Event------------------------------------------------------------------------*/
div#Event {
	width: 980px;
	margin: 50px auto 0;
	overflow: hidden;
}
div#Event div {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
div#Event div iframe {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	top: 0;
	right: 0;
}
.calendar>a{
	color: #cf0073;
	text-decoration: solid underline #cf0073 1px;
}

div#Event div.time{
	padding-top: 0;
	text-align: center;
}
.time>p{
	color: #fff;
	background: #397e49;
	font-size: 1.2em;
	padding: 5px;
}
.time>a{
	display: inline-block;
	margin:10px auto;
}

/*------------Blog------------------------------------------------------------------------*/
div#Blog {
	width: 980px;
	margin: 50px auto 0;
	overflow: hidden;
}
/*------------blogList------------------------------------*/
div#Blog div#blogList {
	height: 220px;
	overflow: auto;
}
div#Blog div#blogList table {
	width: auto;
	border-collapse: collapse;
}
div#Blog div#blogList table tr th,
div#Blog div#blogList table tr td {
	width: auto;
	padding: 5px 0 0.8em;
	text-align: left;
	vertical-align: top;
}
div#Blog div#blogList table tr:nth-last-of-type(1) th,
div#Blog div#blogList table tr:nth-last-of-type(1) td { padding-bottom: 0; }
div#Blog div#blogList table tr th {
	white-space: nowrap;
	padding-right: 1em;
}
div#Blog div#blogList table tr td strong {
	display: inline-block;
	margin-right: 1em;
	color: #ff7133;
}
div#Blog div#blogList table tr td em { font-weight: bolder; }
div#Blog div#blogList table tr td a { color: #3966b5; }