@charset "UTF-8";

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


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

.slider-track {
  display: flex;
  width: calc(50vw * 12);
  transform: translateX(-25vw); /* 0.5枚分ずらし */
  animation: scroll-mobile 24s linear infinite;
}

.slide {
  flex: 0 0 50vw;
}

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

@keyframes scroll-mobile {
  0%   { transform: translateX(-25vw); }
  8.33%  { transform: translateX(-75vw); }
  16.66% { transform: translateX(-75vw); }
  25%  { transform: translateX(-125vw); }
  33.33% { transform: translateX(-125vw); }
  41.66% { transform: translateX(-175vw); }
  50%  { transform: translateX(-175vw); }
  58.33% { transform: translateX(-225vw); }
  66.66% { transform: translateX(-225vw); }
  75%  { transform: translateX(-275vw); }
  83.33% { transform: translateX(-275vw); }
  91.66% { transform: translateX(-325vw); }
  100% { transform: translateX(-325vw); }
}

/*------------TopTxt------------------------------------------------------------------------*/
div#TopTxt {
	position: relative;
	margin: 0 auto;
	/*background: url(../../img/top/title_bg.png) no-repeat center center;*/
}


/*------------Topics------------------------------------------------------------------------*/
div#Topics {
	position: relative;
	margin: 50px 0;
	padding: 40px 0;
	background-color: #eaeaea;
}
div#Topics div#topicsList {
	width: 96%;
	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 {
	display: block;
	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 {}
div#Topics div#topicsList table tr td div a {
	display: block;
	width: 50%;
	margin: 0 auto;
	padding: 0.25em 0.5em;
	background-color: #d6b07d;
	text-align: center;
	font-weight: bolder;
	color: #fff;
}

/*------------top-news------------------------------------------------------------------------*/
.top-news{
	text-align: center;
	width: 95%;
	background: #cf0073;
	color: #fff;
	display: block;
	margin: 30px 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: 96%;
	margin: 0 auto 56px;
	overflow: hidden;
}
div#Contents ul {
	list-style: none;
	width: 100%;
	overflow: hidden;
}
/*------------Cont05------------------------------------*/
div#Contents div#Cont05 { margin-top: 30px; }
div#Contents div#Cont05 ul li {}
div#Contents div#Cont05 ul li:nth-of-type(1) {}
div#Contents div#Cont05 ul li:nth-of-type(2) { margin-top: 30px; }
div#Contents div#Cont05 ul li a {
	display: block;
	height: 0;
	padding-top: 53.19148936170213%;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
}
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 { margin-top: 30px; }
div#Contents div#Cont01 ul li {}
div#Contents div#Cont01 ul li:nth-of-type(1) {}
div#Contents div#Cont01 ul li:nth-of-type(2) { margin-top: 30px; }
div#Contents div#Cont01 ul li a {
	display: block;
	height: 0;
	padding-top: 53.19148936170213%;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
}
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 {  }
div#Contents div#Cont02 a {
	display: block;
	padding: 0.5em 1em;
	background: #cf0073;
}
div#Contents div#Cont02 a * {
	display: block;
	text-align: center;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight: bolder;
	color: #fff;
}
/*------------Cont02------------------------------------*/
div#Contents div#Cont02 { margin-top: 30px; }
div#Contents div#Cont02 ul {
	width: 100%;
	list-style: none;
}
div#Contents div#Cont02 ul li + li { margin-top: 30px; }
div#Contents div#Cont02 ul li a {
	display: block;
	height: 50.88vw;
	width: 96vw;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}
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 { margin-top: 30px; }
div#Contents div#Cont03 ul.slider { padding-bottom: 30px; }
div#Contents div#Cont03 ul.slider li { margin: 0; }
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.22em;
	font-weight: bolder;
	color: #fff;
}
div#Contents div#Cont03 ul li p span { font-size: 0.92rem; }
/*------------Cont04------------------------------------*/
div#Contents div#Cont04 { margin-top: 30px; }
div#Contents div#Cont04 ul {}
div#Contents div#Cont04 ul li {
	position: relative;
	width: 100%;
	margin-bottom: 25px;
}
div#Contents div#Cont04 ul li + li { margin-top: 30px; }
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.22em;
	font-weight: bolder;
	color: #fff;
	z-index: 2;
}


/*------------Movie------------------------------------------------------------------------*/
div#Movie {
	position: relative;
	width: 96%;
	margin: 50px auto;
	overflow: hidden;
}
div#Movie ul {
	list-style: none;
	width: 100%;
	overflow: hidden;
}
div#Movie ul li {
	position: relative;
	width: 100%;
}
div#Movie ul li + li { margin-top: 30px; }
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;
}
.MovieList03{
	display: flex;
	flex-direction: column;
	margin-top: 20px;
}
.MovieList03>video{
	width: 60%;
	margin: 0 auto 20px;
}

div#Movie ul.MovieList02 li.movie-big div {
	height: 400px;
}
div#Movie ul.MovieList02 li div iframe {
	background-color: transparent!important;
}
/*------------recruit------------------------------------------------------------------------*/
div#recruit {
	width: 98%;
	margin: 50px auto 0;
	overflow: hidden;
}
div#recruit a {
	display: block;
	height: 250px;
	background: url(../../img/top/recruit_p.jpg) no-repeat center top;
}
div#recruit a * { display: none; }


/*------------News------------------------------------------------------------------------*/
div#News {
	width: 96%;
	margin: 50px auto 0;
	overflow: hidden;
}
div#News a.newsbanner{
	display: block;
	width: 100%;
	margin: 5% 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%;
	max-width: 310px;
	margin: 50px auto 0;
	overflow: hidden;
}
div#News div#Link ul {
	list-style: none;
	width: 100%;
	overflow: hidden;
}
div#News div#Link ul li {}
div#News div#Link ul li + li { margin-top: 20px; }


/*------------Event------------------------------------------------------------------------*/
div#Event {
	width: 96%;
	margin: 50px auto 0;
	overflow: hidden;
}
div#Event div {
	position: relative;
	width: 100%;
	height: 100% !important;
	padding-top: 100%;
}
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;
}
.time>p{
	color: #fff;
	background: #397e49;
	font-size: 1.2em;
	padding: 5px;
	text-align: center;
}
.time>a{
	display: inline-block;
	margin:10px auto;
}
/*------------Blog------------------------------------------------------------------------*/
div#Blog {
	width: 96%;
	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; }

@media screen and (min-width: 650px){
	
div#TopAnima div#Anima01 {
	background-image: url(../../img/top/anima_p01.jpg);
	background-position: center center;
}
div#TopAnima div#Anima03 {
	background-image: url(../../img/top/anima_p03.jpg);
	background-position: center center;
}
div#TopAnima div#Anima04 {
	background-image: url(../../img/top/anima_p04.jpg);
	background-position: center center;
}
div#TopAnima div#Anima05 {
	background-image: url(../../img/top/anima_p05.jpg);
	background-position: center center;
}

}