@charset "utf-8";
/*
Theme Name: 2024TEG_Theme
Author: Sakura Kuzuoka
Description: 2024TEG_Theme Original Theme
Version： 3.0.0
*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,section,
summary,time,mark,audio,video {
  font-size: 100%;
  margin: 0;
	padding: 0;
	vertical-align: baseline;
  border: 0;
  outline: 0;
  background: transparent;
}
 
body {
  line-height: 1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display: block;
}
 
nav ul {
  list-style: none;
}
 
blockquote,
q {
  quotes: none;
}
 
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
 
a {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}
 
ins {
  text-decoration: none;
  color: #000;
  background-color: #ff9;
}
 
mark {
  font-weight: bold;
  font-style: italic;
  color: #000;
  background-color: #ff9;
}
 
del {
  text-decoration: line-through;
}
 
abbr[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}
 
table {
  border-spacing: 0;
  border-collapse: collapse;
}
 
hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}

html {
  font-size: 16px;
	margin-top:0 !important;
}
@media screen and (max-width: 782px){
	html{
		margin-top:0 !important;
	}
}
 
body {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.4; 
  margin: 0;
  padding: 0;
  color: #333;
}
 
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #000;
}
 
img {
  max-width: 100%;
  height: auto;
}

/* ==============================
 * SP改行
 * ============================== */

.sp-br{
	display:none;
}
@media(max-width : 599px) {
	.sp-br{display:block;
	}
}

/* サイトトップ */

body{
	max-width:1920px;
	position: relative;
	top:0;
	left:0;
}

@media(max-width:744px){
#header{
	display: flex;
    flex-flow: column;
    align-items: baseline;
    gap: 4rem;
}
	.header-inner{
		display: flex;
    flex-flow: column;
    gap: 4rem;
		margin-bottom:4rem;
	}
}

.header-inner h1{
	position: fixed;
	top:2rem;
	left:-1.5rem;
    display: block;
    text-align: right;
    width: 100%;
}
@media(max-width:744px){
	.header-inner h1{
        text-align: left;
        top: 8rem;
        left: 0.5rem;
		position:static;
	}
}

.topBnr-txt{
	position: fixed;
	text-align: right;
	color: #fff;
	width: 100%;
	top: 8rem;
	right: 2rem;
	font-size:0.8rem;
}
@media(max-width:744px){
	.topBnr-txt{
		text-align:left;
		top:13rem;
		left:1rem;
		position:static;
	}
}

h2.top-copy{
    color: #FFFFFF;
    opacity: 0.9;
    font-size: 7.5vmax;
	text-align:center;
}

.ft-wrapper h2.top-copy{
	font-size:3vmax;
}
.ft-wrapper h2.top-copy-jp{
	font-size:1.8vmax !important;
}

@media(max-width:744px){
	h2.top-copy{
		text-align:left;
		opacity:1;
	}
}

.top-contentsBox{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: baseline;
    min-height: 100vh;
}

.top-subBox{
	padding: 0 2rem;
    color: #fff;
    text-align: left;
    margin-top: 2rem;
}

@media(max-width:744px){
.top-subBox{
	background:#000;
	opacity:0.7;
	margin-top:0;
	padding:0 1.5rem;
	}
}

.top-sub_jp{
	font-size:1.8rem;
	margin-bottom:1rem;
	font-weight:300;
}
.ft-wrapper .top-sub_jp{
	font-size:1rem;
}

@media(max-width:744px){
	.top-sub_jp{
		font-size:1.1rem;
		font-weight:400;
		line-height:2;
	}
}

.top-sub_en{
	font-size:0.9rem;
}
.ft-wrapper .top-sub_en{
	font-size:1.3rem;
}

@media(max-width:744px){
	.top-sub_en{
		font-size:0.75rem;
	}
}

.sp-only{
	display:none;
}
@media(max-width:744px){
	.pc-only{
		display:none;
	}
	.sp-only{
		min-width: 100vh;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: baseline;
        padding: 1rem;
	}
}

.sp-Content{
	display:none;
}
@media(max-width:744px){
	.sp-Content{
		display:inline-block;
	}
	.pc-Content{
		display:none;
	}
}

.top_newsBox{
	position: fixed;
    bottom: 0;
    width: 100%;
    color: #fff;
    text-align: left;
    left: 72%;
    border-left: 4px solid #fff;
    margin-bottom: 1rem;
    padding-left: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
@media(max-width:744px){
	.top_newsBox{
		left:0;
		z-index:999;
		margin-left:2rem;
	}
}

.top_newsBox::before{
    content: "INFORMATION";
    transform: rotate(90deg);
    display: inline-block;
    font-size: 0.6rem;
    position: absolute;
    left: -66px;
    padding-left: 2rem;
}

.top_newsBox a{
	color:#fff;
	text-decoration:none;
}

/* ===========================================
 * footer
 * ===========================================*/

.footer{
	background: #000;
	padding: 2rem;
	display: flex;
	justify-content: flex-start;
	color:#fff;
	margin-bottom:-2rem;
	margin-top:8rem;
}
@media(max-width : 1024px){
	.footer{
		
	}
}
@media(max-width : 599px){
	.footer{
		align-items:center;
		flex-flow:column;
		margin-top:6rem;
	}
}
	
	.footer img{
		width:224px;
	}
	
	.footerItemLogo{
		display: flex;
		flex-flow: column;
		gap: 2rem;
	}
@media(max-width : 1024px){
	.footerItemLogo{
		
	}
}
@media(max-width : 599px){
	.footerItemLogo{
		gap:1rem;
		margin-bottom:1rem;
	}
	.footerItemLogo small{
		font-size:0.8rem;
		text-align:center;
	}
}

.footer-line{
    border-left: 0.5px solid #000;
    margin: 0 2rem;
}

.footerItemNav{
	display: flex;
	gap: 1rem;
	align-items: center;
}

.footerItemNav a{
	color:#fff;
	text-decoration:none;
	font-size:24px;
}
@media(max-width : 599px){
	.footerItemNav a{
		font-size:1rem;
	}
}

.footerNavBox{
	display: flex;
   flex-flow: column;
   align-items: baseline;
   justify-content: center;
   gap: 1rem;
}

.footerNavBox a{
	color:#fff;
	text-decoration:none;
}

.footerItemNav1,
.footerItemNav2{
	display:flex;
	gap:1rem;
}
@media(max-width : 599px){
	.footerItemNav1, .footerItemNav2{
		flex-flow:wrap;
	}
}

/* ===========================================
 * common
 * ===========================================*/

	.kv-sp,
	#js-black-bg,
	#js-hamburger{
		display:none;
	}
	@media(max-width : 599px){
		#js-black-bg,
		#js-hamburger{
			display:inline-block;
		}
		.kv-sp{
			display: block;
        margin: 0 auto;
        border-radius: 16px;
			width:100%;
		}
		.kv-pc{
			display:none;
		}
	}

h3.en{
	font-size:2rem;
	margin-bottom:2rem;
}
	
	.container{
		max-width:1920px;
		margin:0 auto;
		position:relative;
	}
	@media(max-width : 1024px){
		.container{
			max-width:1024px;
		}
	}
	@media(max-width : 599px){
		.container{
			padding:0;
			margin:0;
		}
	}
	
	.header{
		display:flex;
		align-items:center;
		justify-content:space-between;
		margin:1.5rem 0;
	}
	@media(max-width : 1024px){
		.header{
			
		}
	}
	@media(max-width:480px){
		.header{
			flex-flow:column;
		}
	}
	
	.header-logo{
		display:flex;
		align-items:center;
		gap:1rem;
	}
	
	h1 img{
		width:216px;
	}
	
	.header-text{
		font-size:12px;
	}

	
	nav li a{
		color:#000;
		padding:0;
		margin:0;
		display:inline-block;
		font-size:1.5rem;
		text-decoration:none;
	}
	
	.kv{
		position:relative;
	}
@media(max-width : 599px){
	.kv{
		margin-top:4rem;
		max-width:auto;
	}
}
	
	.kv-textBox{
		position:absolute;
		color:#fff;
		top:200px;
		left:32px;
	}
	@media(max-width : 1024px){
		.kv-textBox{
			
		}
	}
	@media(max-width : 599px){
		.kv-textBox{
			left:24px;
			top:208px;
		}
	}
	
	.kv-text{
		font-size:80px;
	}
	@media(max-width : 1024px){
	.kv-text{
		font-size:64px;
	}
}
	@media(max-width : 599px){
	.kv-text{
		font-size:40px;
		text-shadow: 1px 2px 2px #000;
	}
}
	
	.kv-subText{
		font-size:18px;
		margin-top:48px;
	}
	@media(max-width : 1024px){
		.kv-subText{
			text-shadow: 1px 2px 2px #000;
		}
	}
	@media(max-width : 599px){
		.kv-subText{
			text-shadow: 1px 2px 2px black;
		}
	}
	
	.infoBox{
		display:flex;
		gap:2rem;
	}
	@media(max-width : 1024px){
		
	}
	@media(max-width : 599px){
		.infoBox{
			flex-flow:column;
			gap:0;
		}
	}
	
	.infoBox,
	.newsBox{
		margin:4rem 0;
	}
	@media(max-width : 1024px){
		.infoBox,
		.newsBox{
			
		}
	}
	@media(max-width : 599px){
		.infoBox,
		.newsBox{
			margin-top:3rem;
		}
	}
	
	h2.info{
		font-size:80px;
		text-align:left;
	}
	@media(max-width : 1024px){
		h2.info{
			flex-flow:column;
		}
	}
	@media(max-width : 599px){
		h2.info{
			font-size:64px;
		}
	}
	
	.infoText{
		font-size: 24px;
		text-align: left;
		margin: 2rem 0 4rem 0;
	}
		@media(max-width : 1024px){
		.infoText{
			
		}
	}
	@media(max-width : 599px){
		.infoText{
			font-size: 19px;
			margin-top: 2rem;
		}
	}
	
	.infoMovie iframe{
		display:block;
		margin:0 auto;
	}
	@media(max-width : 1024px){
		.infoMovie iframe{
			
		}
	}
	@media(max-width:480px){
		.infoMovie iframe{
        width: 100%;
        height: 200px;
		}
	}
	
	h2.news{
		font-size: 64px;
		transform: rotate(90deg);
		position: absolute;
		font-weight: lighter;
		top: 88px;
		left: auto;
	}
	@media(max-width : 1024px){
		h2.news{
			left: 64px;
        top: 54px;
		}
	}
	@media(max-width:480px){
		h2.news{
			transform: none;
        font-size: 48px;
        position: static;
        text-align: center;
		}
	}	
	
	.newsBox{
		background:#F2F2F2;
		padding:4rem 10rem;
		color:#000;
		border-radius:1rem;
	}
	@media(max-width : 1024px){
		.newsBox{
        padding: 2rem 8rem;
		}
	}
	@media(max-width:480px){
		.newsBox{
			padding:1rem;
		}
	}
	@media(max-width : 1024px){
		.newsItem{
			width:auto;
		}
	}
	@media(max-width:480px){
		.newsItem{
			width:auto;
			padding:1rem;
		}
	}
	
	.top_news_list{
		display: flex;
		flex-flow: column;
		margin-bottom: 1rem;
		border-bottom: solid 1px #000;
		padding-bottom: 8px;
	}
	
	.top_news_title a{
		text-decoration:none;
		color:#000;
		font-size:18px;
	}
	
	.page-line{
		width: 320px;
		border: solid 1px #000;
		transform: rotate(90deg);
		position: absolute;
		top: 224px;
		left: 120px;
	}
	@media(max-width : 1024px){
		.page-line{
        left: 15px;
        top: 188px;
		}
	}
	@media(max-width : 599px){
		.page-line{
			display:none;
		}
	}
	
/* ================================
 * humberger
 * ================================ */
	
	@media only screen and (max-width: 1024px) {
  .nav2 {
    position: fixed;
    right: -320px; /* 右から出てくる */
    top: 0;
    width: 300px; /* スマホに収まるサイズ */
    height: 100vh;
    padding-top: 60px;
    background-color: #fff;
    transition: all .6s;
    z-index: 200;
    overflow-y: auto; /* メニューが多くなったらスクロールできるように */
  }
  .hamburger {
    position: absolute;
    right: 15px;
    top: 8px;
    width: 40px; /* クリックしやすい幅 */
    height: 40px; /* クリックしやすい高さ */
    cursor: pointer;
    z-index: 300;
  }
  .nav_list {
	  flex-flow: column;
    width: 80%;
    margin: 2rem auto;
    padding: 0;
    list-style: none;/
  }
  .nav_item {
    text-align: center;
    padding: 0 14px;
  }
  .nav_item a {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    color: #333;
  }
  .nav_item a:hover {
    background-color: #eee;
  }
  .hamburger_border {
    position: absolute;
    left: 0;
    width: 18px;
    height: 2px;
    background-color: #333;
    transition: all .6s;
  }
  .hamburger_border_top {
    top: 14px;
  }
  .hamburger_border_center {
    top: 20px;
  }
  .hamburger_border_bottom {
    top: 26px;
  }
  .black_bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background-color: #333;
    opacity: 0;
    visibility: hidden;
    transition: all .6s;
    cursor: pointer;
  }

  /* 表示された時用のCSS */
  .nav-open .nav2 {
    right: 0;
  }
  .nav-open .black_bg {
    opacity: .8;
    visibility: visible;
  }
  .nav-open .hamburger_border_top {
    transform: rotate(45deg);
    top: 20px;
  }
  .nav-open .hamburger_border_center {
    width: 0;
    left: 50%;
  }
  .nav-open .hamburger_border_bottom {
    transform: rotate(-45deg);
    top: 20px;
  }
}/* sp */



/* ==============================
 * コーポレート グロナビ
/* ============================== */

.navArea{
	position:relative;
	display:flex;
	justify-content:center;
}

.topNav{
    width: 100%;
	max-width:1280px;
    background: #fff;
    position: fixed;
    z-index: 5;
    top: 1.5rem;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
	font-family: "Gothic A1", sans-serif;
}
@media(max-width : 1024px){
	.topNav{
		max-width:880px;
		top:0;
		position:fixed;
	}
}
@media(max-width : 599px){
	.topNav{
		max-width:500px;
		top:0;
	}
}

ul.nav_list{
	display: flex;
	gap: 3rem;
}
@media(max-width : 1024px){
	ul.nav_list{
		gap:1rem;
	}
}

.nav2 a{
	text-decoration: none;
   color: #000;
   font-weight: 300;
   font-size: 1.2rem;
}
@media(max-width : 1024px){
	.nav2 a{
		font-size:1rem;
	}
}

/* ==============================
 * 各セクション
 /* ============================== */

.tegSection-w{
    background: #fff;
    text-align: center;
    padding: 1rem;
    height: 16vw;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.tegSection-g{
	background: #f2f2f2;
	padding:1rem;
}

.en{
	font-family: "Lato", sans-serif;
	font-weight:300;
}

.jp{
	font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
}

h2,h3{
	font-size:3rem;
	text-align:center;
	margin-bottom:1rem;
}
@media(max-width : 1024px){
	h2,h3{
		font-size:2.4rem;
	}
}
@media(max-width : 599px){
	h2,h3{
		margin-bottom:1rem;
	}
}
		
/* ==============================
 * VIZION
/* ============================== */

.vision{
	margin:3rem 0;
}
@media(max-width : 1024px){
	.vision{
		margin:4rem 0;
	}
}
@media(max-width : 599px){
	.vision{
		height:auto;
	}
}

.vision h3{
    margin-bottom: 8px;
    font-size: 1.8rem;
    font-weight: 500;
}
@media(max-width : 599px){
	.vision h3{
		font-size: 1.6rem;
		margin-bottom: 16px;
	}
}

.vision h3 span{
    font-size: 1.1rem;
    display: block;
    margin-top: 8px;
}
@media(max-width : 599px){
	.vision h3 span{
		font-size:1rem;
	}
}

.vision p{
	    font-size: 1.1rem;
    margin-top: 1rem;
}
@media(max-width : 599px){
	.vision p{
		font-size:1rem;
	}
}

/* ==============================
 * SERVICES 事業内容
 /* ============================== */


h3 span{
	font-size:1.1rem;
	display:block;
}

.box{
	display:flex;
	gap:5rem;
	padding:0 8rem;
	justify-content: space-between;
}
@media(max-width : 599px){
	.box{
		flex-flow:column;
		padding:0;
		gap:0;
	}
}

.businessB{
	flex-flow:row-reverse;
}
@media(max-width : 599px){
	.businessB{
		flex-flow:column;
	}
}

.serviceBox{
	max-width:1920px;
}
@media(max-width : 599px){
	.serviceBox{
		padding:0;
	}
}

.serviceImage,
.serviceText{
    width: 48%;
    display: flex;
    flex-flow: column;
    justify-content: space-around;
}

.serviceText{
	padding:1rem 0;
}
@media(max-width : 599px){
	.serviceText{
	width:100%;
	}
}


@media(max-width : 599px){
	.serviceImage{
		width:100%;
	}
}

.serviceText a,
.moreBtn a{
    display: block;
    border: solid 1px;
    width: 240px;
    background: #fff;
    padding: 1rem;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
    position: relative;
    border: solid 1px #000;
    color: #000;
	transition:.3s;
}

.serviceText a:after,
.moreBtn a:after{
	content:">";
	color:#000;
	position:absolute;
	right:1rem;
	transition:.3s;
}

.serviceText a:hover,
.moreBtn a:hover{
	background:#000;
	color:#fff;
	transition:.3s;
}

.serviceText a:hover:after,
.moreBtn a:hover:after{
	color:#fff;
	transition:.3s;
}

h3.serviceMainTitle{
	max-width: 1000px;
    margin: 0 auto;
    border-bottom: 1px solid;
    padding-bottom: 1rem;
    font-size: 1.6rem;
}


/* ==============================
 * PICK UP ピックアップ
 /* ============================== */

.pickupCont{
    height: auto;
    margin: 6rem 0 0;
}
@media(max-width : 599px){
	.pickupCont{
		padding:0;
	}
}

.top_pickup{
    text-align: justify;
    height: 18rem;
    display: flex;
    gap: 2rem;
}

.pickupItem{
/* 	display:flex; */
	gap:1rem;
}


.top_pickup_list a{
	text-decoration:none;
	color:#000;
    display: flex;
    flex-flow: column;
    gap: 4px;
	align-items:center;
}

.top_pickup_list a img{
    width: 300px;
    object-fit: cover;
    height: 180px;
}
@media(max-width : 1024px){
	.top_pickup_list a img{
		width: 270px;
    object-fit: cover;
    height: 176px;
	}
}
@media(max-width : 599px){
	.top_pickup_list a img{
        width: 350px;
        height: 220px;
	}	
}

.event-list .top_pickup_list a img {
    width: 400px;
    object-fit: cover;
	    height:auto;
}
@media(max-width : 1024px){
.event-list .top_pickup_list a img{
		width: 270px;
    object-fit: cover;
    height:auto;
	}
}
@media(max-width : 599px){
.event-list .top_pickup_list a img{
        width: 350px;
	    height:auto;
	}	
}



.top_pickupDay{
    font-size: 0.8rem;
    margin-top: 4px;
    width: 100%;
    text-align: left;
    margin-left: 1rem;
}
@media(max-width : 599px){
	.top_pickupDay{
		margin-left:3rem;
	}
}

.top_pickupDay:before{
	content:"ー ";
	color:#000;
}

.top_pickupTitle{
    font-size: 0.8rem;
    width: 88%;
    padding-right: 0rem;
    text-align: justify;
    margin-bottom: 2rem;
}

.top_news_category{
    background: #F2F2F2;
    font-size: 0.8rem;
    text-align: center;
    margin-right: auto;
    padding: 2px 1rem;
	margin-left:10px;
}
@media(max-width : 599px){
	.top_news_category{
		margin-left:24px;
	}
}

.listF .top_news_category{
	width:160px;
	margin-bottom:1rem;
}
@media(max-width : 599px){
	.listF .top_news_category{
		margin-left:0;
	}
}

/* ==============================
 * IP EVENT イベント
 /* ============================== */

.eventCont{
	height:auto;
	background: #f2f2f2;
   padding: 4rem;
   margin: 6rem auto;
	max-width:1280px;
}
@media(max-width : 599px){
	.eventCont{
		padding:2rem 0;
	}
}

.top_event{
   text-align: justify;
   display: flex;
   gap: 2rem;
	margin-bottom:3rem;
}
@media(max-width : 599px){
	.top_event{
		gap: 1rem;
		flex-flow: wrap;
		justify-content:center;
	}
}

.top_event_list{
	width:24%;
}
@media(max-width : 599px){
	.top_event_list{
		width:40%;
	}
}

.top_event_title{
	overflow:hidden;
}

.top_event_list a{
	text-decoration:none;
	color:#000;
    display: flex;
    flex-flow: column;
    gap: 4px;
}
@media(max-width : 599px){
	.top_event_list a{
		margin-bottom:1rem;
	}
}

.top_eventDay{
	font-size:0.7rem;
	margin-top:4px;
}

.top_eventDay:before{
	content:"ー ";
	color:#000;
}

.top_eventTitle{
	font-size:0.9rem;
}
@media(max-width : 599px){
	.top_eventTitle{
        font-size: 0.7rem;
        text-align: left;
	}
}


/* ==============================
 * BUSINESS 法人利用
 /* ============================== */

.businessBox{
	flex-flow:row-reverse;
	justify-content: space-between;
}

.businessD,
.serviceD{
	font-size:0.9rem;
	margin-bottom:2rem;
}
@media(max-width : 599px){
	.businessD,
	.serviceD{
    text-align: justify;
    padding: 0 2rem;
	}
}

/* ==============================
 * COMPANY 会社情報
 /* ============================== */

.companyBox{
   height: auto;
   border: solid 1px #000;
   width: 100%;
	max-width:920px;
   margin: 8rem auto;
	padding:2rem 0;
}
@media(max-width : 599px){
	.companyBox{
		max-width:400px;
	}
}

@media(max-width : 599px){
	.companyBox table tr{
		display:flex;
		flex-flow:column;
		margin-bottom:1rem;
	}
}

.companyBox table th{
	background:#000;
	color:#fff;
	padding:0.5rem 1.5rem;
	border:solid 1rem #fff;
	font-weight:normal;
	font-size:0.9rem;
	text-align:center;
}
@media(max-width : 599px){
	.companyBox table th{
		border:none;
		padding: 8px 4rem;
	}
}

.companyBox table th span{
	font-size:0.8rem;
}

.companyBox table td{
	text-align:left;
	font-size:0.9rem;
}
@media(max-width : 599px){
	.companyBox table td{
		text-align:center;
		margin-top:8px;
	}
}

.companyBox table td a{
	text-decoration:none;
	color:#000;
}

@media(max-width : 599px){
.spNone{
	display:none;
	}
}

/* ==============================
 * SERVICES  ページ
 /* ============================== */

.positionBox{
	position:relative;
}
@media(max-width : 599px){
	.positionBox{
		margin-top:4rem;
	}
}

.serviceCont h2{
    position: absolute;
    color: #fff;
    z-index: 1;
	bottom:1rem;
    left: 64px;
    display: flex;
    gap: 1rem;
    align-items: center;
}
@media(max-width : 599px){
	.serviceCont h2{
        bottom: 0;
        left: 16px;
        gap: 0px;
        flex-flow: column-reverse;
        align-items: baseline;
	}
}

.serviceCont h2 span{
	font-size:1.3rem;
	display:block;
	padding-top:8px;
}
@media(max-width : 599px){
	.serviceCont h2 span{
		font-size: 0.9rem;
		display: block;
		padding-top: 4px;
	}
}

.serviceCont .serviceD{
	text-align: center;
   margin: 4rem 0 6rem;
   font-size: 1.1rem;
   font-weight: 500;
}
@media(max-width : 599px){
	.serviceCont .serviceD{
		margin: 2rem 0;
    font-size: 0.9rem;
    text-align: center;
	}
}

.serviceBoxArea{
	padding:0 2rem;
	margin: 2rem 2rem 6rem 2rem;
}
@media(max-width : 599px){
	.serviceBoxArea{
		padding:0;
		margin-bottom:0;
	}
}

.serviceBoxArea h3{
	font-size:2.4rem;
}
@media(max-width : 599px){
	.serviceBoxArea h3{
		font-size:2.1rem;
	}
}

.serviceItem{
	display: flex;
    justify-content: space-between;
    max-width: 1000px;
    margin: 2rem auto;
	    align-items: center;
}
@media(max-width : 1024px){
	.serviceItem{
		flex-flow:column;
	}
}

.serviceTextBox{
   width: 48%;
   display: flex;
   flex-flow: column;
   justify-content: space-between;
}
@media(max-width : 1024px){
	.serviceTextBox{
		width:auto;
	}
}
@media(max-width : 599px){
	.serviceTextBox{
		width:100%;
	}
}

.serviceItem img{
	width:48%;
}
@media(max-width : 1024px){
	.serviceItem img{
		object-fit: cover;
		width:auto;
	}
}
@media(max-width : 599px){
	.serviceItem img{
		margin-bottom:8px;
	}
}

.serviceItem .serviceText{
	width:100%;
	font-size:0.9rem;
	margin-bottom:8px;
}
@media(max-width : 599px){
	.serviceItem .serviceText{
		margin-bottom:1rem;
		text-align:justify;
		padding-top:0;
		font-size:0.8rem;
	}
}

/* ==============================
 * BUSINESS  ページ
 /* ============================== */

.businessBoxArea .serviceItem{
	flex-flow:row-reverse;
}
@media(max-width : 599px){
	.businessBoxArea .serviceItem{
		flex-flow:column;
	}
}

/* ============================== 
 * CONTACT ページ 
 /* ============================== */

.form_box {
    width: 40%;
    max-width: 1000px;
	margin: 4rem auto;
}
@media(max-width : 599px){
	.form_box{
		max-width:400px;
		width:auto;
		padding:0 2rem;
	}
}

.wpcf7-form-control-wrap {
    position: relative;
}

.wpcf7-radio {
    display: flex;
	flex-direction: column;
}

.wpcf7-list-item {
    display: inline-block;
	margin: 0 0 0 1em;
}

label {
    margin: 0.5em 1em;
	display: block;
    position: relative;
    padding-left: 40px;
    cursor: pointer;
}
@media(max-width : 599px){
	label{
		font-size:0.9rem;
	}
}

dt {
    font-weight: 700;
    font-size: 1.2em;
    margin: 40px 0 6px;
}

.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"] {
    width: 100%;
    border: 1px solid #cccccc;
    box-shadow: none;
    height: 50px;
    padding: 0 15px;
    color: #797979;
    margin-bottom: 0;
}
@media(max-width : 599px){
	.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"] {
		width:88%;
	}
}

.wpcf7 textarea {
    width: 100%;
    border: 1px solid #cccccc;
    box-shadow: inset 1px 1px 2px #ccc;
    height: 150px;
    color: #797979;
    margin-bottom: 25px;
    font: 12px arial;
    padding: 15px;
	    box-shadow: none;
}
@media(max-width : 599px){
	.wpcf7 textarea{
		width:88%;
	}
}

.contact_ja {
    font-size: .6em;
    display: inline-block;
	padding: 0 0 0 8px;
}

.req {
    color: #E1251B;
    font-size: .6em;
}

.form_box input[type="radio" i] {
    opacity: 1;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    border: 2px solid #CCCCCC;
    border-radius: 50%;
    box-sizing: border-box;
    background: #F3F3F3;
}

.contact_btn {
    margin: 24px 0 80px;
}

.wpcf7 input[type="submit"] {
    background-color: #000000;
    width: auto;
    border: none;
    cursor: pointer;
    font-size 18px;
    color: #ffffff;
    padding: 1rem 8rem;
    border-radius: 3px;
}

.contact_text{
	font-size:0.9rem;
}

.ppc label{
    padding: 0;
    margin: 1rem 0 0 -1rem;
}

h4.thanks{
	text-align:center;
	margin-top:4rem;
	font-size:2rem;
}
@media(max-width : 599px){
	h4.thanks{
		font-size:1.7rem;
	}
}

@media(max-width : 599px){
	.serviceCont  .contactD{
		font-size:0.9rem;
	}
}

/* ============================== 
 * PICKUP 一覧 ページ
 * ============================== */

.pickuplistBox{
	max-width:1000px;
	margin:4rem auto;
}
@media(max-width : 1024px){
	.pickuplistBox{
		max-width:880px;
	}
}
@media(max-width : 599px){
	.pickuplistBox{
		max-width:400px;
		margin:2rem auto 0;
	}
}

.pickuplistBox .top_pickup{
	display:inline-block;
	height:auto;
}

.pickuplistBox .top_picukup_title a figure{
	width:24%;
	overflow:hidden;
}
@media(max-width : 599px){
	.pickuplistBox .top_picukup_title a figure{
		display:none;
	}
}

.top_event_list figure,
.top_pickup_list figure{
	overflow:hidden;
}

.top_event_list a img,
.top_pickup_list a img{
	transition:.3s;
}

.top_event_list a:hover img,
.top_pickup_list a:hover img{
	transform: scale(1.1);
}

.pickuplistBox .top_pickup_list a {
	flex-flow:nowrap;
	padding:1rem;
	gap:2rem;
	align-items:center;
}
@media(max-width : 599px){
	.pickuplistBox .top_pickup_list a{
		display:block;
	}
}

.pickuplistBox .top_pickup_list a img{
	transition:.3s;
}

.pickuplistBox .top_pickup_list a:hover img{
	transform: scale(1.1);
}

.pickuplistBox .top_pickup_list{
	border-bottom:solid 1px #d3d3d3;
	margin-bottom:1rem;
	padding-bottom:1rem;
}

.pickuplistBox .top_pickupTitle{
	margin-left:1rem;
	font-size:0.9rem;
}

.pickuplistBox .top_pickupDay{
	font-size:0.8rem;
	margin-top:0;
	margin-bottom:4px;
}
@media(max-width : 599px){
	.pickuplistBox .top_pickupDay{
		margin-left:0;
	}
}

.listF{
	width:64%;
}
@media(max-width : 599px){
	.listF{
		width:auto;
	}
	.listF .top_pickupTitle{
		margin-bottom:0;
		margin-left:0;
		width:auto;
	}
}

/* ============================== 
 * 　privacy 個人情報保護方針
 *  ============================== */

.privacypolicy{
	display: block;
    margin: 4rem auto;
}

.PP{
	margin:0.5rem 0;
	font-size:0.9rem;
}

.privacypolicy h5{
	margin-top:2rem;
	border-bottom:solid 1px #a9a9a9;
	padding-bottom:0.5rem;
}

.lastP{
	margin-top:1rem;
}

/* ============================== */
/* 記事一覧 */
/* ============================== */

section.singleCont{
    max-width: 1000px;
    margin: 8rem auto;
}
@media(max-width : 1024px){
	section.singleCont{
		max-width:880px;
	}
}
@media(max-width : 599px){
		section.singleCont{
		max-width:400px;
			padding:0 1rem;
	}
}

.singleCont h2{
	text-align: left;
    font-weight: 400;
    font-size: 2rem;
    border-bottom: solid 1px #d3d3d3;
    padding-bottom: 1rem;
}
@media(max-width : 1024px){
	.singleCont h2{
		font-size:1.8rem;
	}
}
@media(max-width : 599px){
	.singleCont h2{
		font-size:1.2rem;
	}
}

.singleCont .news-cont{
	margin-bottom:8rem;
}

.singleCont .moreBtn a{
    margin: 0 0 0 auto;
}
@media(max-width : 599px){
	.singleCont .moreBtn a{
		margin:0 auto;
	}
}

/* tet */
.NpuArea{
	max-width:1280px;
	margin:0 auto;
}
@media(max-width : 1024px){
	.NpuArea{
		max-width:760px;
	}
}
@media(max-width : 599px){
	.NpuArea{
		max-width:360px;
	}
}

.NpuArea .slick-next:before, 
.NpuArea .slick-prev:before {
	color:#000;
}

ul,li{
	list-style:none;
}

@media(max-width : 599px){
	.serviceH{
		font-size:1.4rem;
	}
}

/* ============================== 
 * RECRUIT 採用
/* ============================== */

.recruitBox{
	display:flex;
	flex-flow:column;
	gap:2rem;
	margin-top:-2rem;
}
@media(max-width : 599px){
	.recruitBox{
		margin-top:4rem;
	}
}

.recruitBox .moreBtn a{
	width:480px;
}
@media(max-width : 599px){
	.recruitBox .moreBtn a{
		width:auto;
	}
}

/* ============================== */
/*  レンタルスペース */
 /* ============================== */

.RentalSpace .serviceItem{
    flex-flow: column;
    align-items: baseline;
}

h3.RentalTitle{
	font-size:1.6rem;
	margin-top:1rem;
	margin-bottom:0.5rem;
	text-align:left;
}
@media(max-width : 599px){
	h3.RentalTitle{
		font-size:1.2rem;
	}
}

.rentalF{
    display: flex;
    gap: 2rem;
    max-width: 1000px;
    margin: 0 auto;
}
@media(max-width : 599px){
	.rentalF{
		flex-flow:column;
		gap:8px;
	}
}

.rentalF .serviceItem{
	width:48%;
	justify-content:flex-start;
}
@media(max-width : 599px){
	.rentalF .serviceItem{
		width:auto;
		margin:0;
	}
}

.rentalF .serviceTextBox{
	height:auto;
}

.RentalSpace .serviceItem img,
.RentalSpace .serviceTextBox{
	width:auto;
}

.RentalSpace .serviceItem .serviceText{
	margin-bottom:0.5rem;
}

.RentalSpace .moreBtn a {
	margin-left: auto;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    width: 88px;
    padding: 8px;
    font-size: 0.8rem;
}

.RentalSpace .moreBtn a:after{
	right:0.5rem;
}

.back{
	max-width:1000px;
	margin:0 auto;
}

.back h3{
	font-size:1.8rem;
}
@media(max-width : 599px){
	.back h3{
		font-size:1.3rem !important;
		margin-top:1rem;
	}
}

.back .slick-prev{
    left: 8px;
    z-index: 999;
}

.back .slick-next {
    right: 40px;
	z-index: 999;
}

.back .slick-prev:before {
    content: '◀';
}

.back .slick-next:before{
	content:'▶';
}

.back .slick-next:before, 
.back .slick-prev:before{
	font-size:3rem;
}
@media(max-width : 599px){
	.back .slick-next:before, 
	.back .slick-prev:before{
		display:none;
	}
}

.waitingImage p{
	text-align:right;
	margin-top:1rem;
	margin-bottom:1rem;
}

p.rentalD{
	margin:4rem 0 0 0 !important;
}

.businessTopBtn .moreBtn a{
	padding:1rem;
	margin:2rem auto -1rem;
	font-size:1.1rem;
}

.businessContactBtn .moreBtn a{
	width:400px;
	font-size:1rem;
}
@media(max-width : 599px){
	.businessContactBtn .moreBtn a{
		width:320px;
	}
}

.businessContactBtn p{
	text-align:center;
	font-size:1rem;
	margin:1rem 0;
}

.businessContactBtn p span{
	font-size:2rem;
	font-weight:400;
	display:inline-block;
	margin-bottom:4px;
}

/* ============================== */
/* SALES PROMOTION セールスプロモーション */
/* ============================== */

.salesTitle h3{
	font-size:2.2rem;
	font-weight:300;
	border-bottom: 1px solid #D3D3D3;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.salesTitle p{
	font-size:0.9rem;
	margin-bottom:1.5rem;
}

.promotionBtn{
	margin-bottom:8rem;
}

/* ============================== */
/* sky stadium */
/* ============================== */

.rentalSubBtn{
	margin-top:5rem;
}

.rentalSubD{
	font-weight: normal;
    width: 56%;
    margin: 0 auto;
    text-align: justify;
    margin-top: 1rem;
    font-size: 0.9rem;
}
@media(max-width : 599px){
	.rentalSubD{
		width:80%;
		font-size:0.8rem;
	}
}

.bs_case-box{
	display:flex;
	flex-flow:wrap;
	gap:1rem;
}
@media(max-width:744px){
	.bs_case-box{
		width:100%;
	}
	.bs_sptext{
		margin-top:0 !important;
	}
}

.bs_case{
	padding:1rem;
	width:46%;
	background:#F2F2F2;
}
@media(max-width:744px){
	.bs_case{
		width:100%;
	}
}

.bs_case h4{
    font-size: 1rem;
    font-weight: 600;
}
.bs_case p{
	margin:0 !important;
	font-size:0.8rem;
	line-height:1.6;
}

.rentalSubDes{
	display:inline-block;
}

.rentalSubDes div{
	margin:2rem 0
}

.rentalSubDes div h4{
	border-bottom: solid 1px #d3d3d3;
	padding-bottom:4px;
	margin-bottom:4px;
}

.rentalSpaceSubItem{
	align-items:center;
}

/* ============================== */
/* 各記事ページ */
/* ============================== */

.pTextArea{
	margin-top:1rem;
	line-height:1.6;
}

.pTextArea a{
	color:#e1251b;
}

.nTextArea h2,
.nTextArea h3{
    font-size: 1.6rem;
    background: #F2F2F2;
    margin-top: 4rem;
    padding: 1rem;
}
@media(max-width : 599px){
	.nTextArea h2,
	.nTextArea h3{
		font-size:1.1rem;
	}
}

.nTextArea p{
	margin:1rem 0;
	font-size:0.9rem;
}

/*  */


.flexBox-240508{
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
}
@media(max-width : 599px){
	.flexBox-240508{
		flex-flow:column;
	}
	.flexBox-240508 iframe{
		width:360px;
		height:360px;
	}
}

.flexItem-240508 table{
	font-size:0.9rem;
}

.flexItem-240508 table tr{
	border:solid 1px #F3F3F3;
}
@media(max-width : 599px){
	.flexItem-240508 table tr{
		display:flex;
		flex-flow:column;
		text-align:left;
	}
}


.flexItem-240508 table th{
	padding:1rem 2rem;
		border:solid 1px #F3F3F3;
}
.flexItem-240508 table td{
	padding:1rem 2rem;
		border:solid 1px #F3F3F3;
}

.c-btn07 a{
    border: solid 1px #e1251b;
    cursor: pointer;
    transition: .3s;
    display: block;
    width: 50%;
    text-align: center;
    margin: 0 auto;
}

.c-btn07 a:hover{
	background:#e1251b;
	transition:.3s;
	color:#fff;
}

/* ============================== */
/* 追従 */
/* ============================== */

.fixedBtnBox{
	position:relative;
}

.fixedBtn{
	position:fixed;
    bottom: 2rem;
    right: 3rem;
    border: solid 1px #000;
    padding: 1rem;
    background: #000;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border-radius: 9rem;
    width: 100px;
    height: 100px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
		transition:.3s;
	z-index:1;
}
@media(max-width : 599px){
	.fixedBtn{
		bottom: 1rem;
      right: 1rem;
      width: 72px;
      height: 72px;
      font-size: 0.9rem;
	}
}

.fixedBtn:hover{
	box-shadow: 0px 0px 8px 2px #C8C8C8;
	transition:.3s;
}

.fixedBtn span{
	font-size:0.6rem;
}

/* ============================== */
/* recaptcha　ロゴOFF */
/* ============================== */
.grecaptcha-badge{
	display:none;
}

/* ============================== */
/* USECASEスマホ */
/* ============================== */
@media(max-width : 599px){
	.usecaseTitle1{
		margin-top:12rem !important;
	}
	.usecaseTitle2{
		margin-top:9rem !important;
	}
}

/* ============================== */
/* ニュース */
/* ============================== */
.art-textframe{
	 font-weight:500; 
	 font-size:1.5rem;
	 text-align:center; 
	 margin:0 auto; 
	 padding:1rem; 
	 border:solid 1px #000;
}
@media(max-width : 599px){
.art-textframe{
	 font-size: 1.2rem;
    padding: 0.7rem;
    line-height: 1.5;
	}
}

 .art-textframe a{	
text-decoration:none!important;
color:#000;
 transition:0.3s;
}

.art-textframe a:hover{
	color:#a9a9a9;
}

	@media(max-width : 599px){
	.art-textframe a{
	 font-size:1.2rem;
	 white-space: nowrap;
	}
}

.ip-att-txt-item{
	font-size:0.8rem;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom:0.5rem;
}
@media(max-width:480px){
	.ip-att-txt-item{
		font-size:0.7rem;
		margin-bottom:8px;
	}}

/* ニュース追記 */
.migiyose{
    display: flex;
    justify-content: right;
	text-align:left;
	margin-bottom:1rem;
}

.ip-att-txt-item {
    font-size: 0.8rem;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 0.5rem;
}
@media (max-width: 480px) {
    .ip-att-txt-item {
        font-size: 0.7rem;
        margin-bottom: 8px;
    }
}

.race-01{
	display:flex;
	gap:1%;
}
@media (max-width: 480px) {
	.race-01{
	display:flex;
	flex-direction:column;
	}}

.race-02{
	display:flex;
	gap:1%;
}
@media (max-width: 480px) {
		.race-02{
	display:flex;
	flex-direction:column;
	}}

.race-02 div{
	width:49.5%;
}
@media (max-width: 480px) {
.race-02 div{
	width:100%!important;
	}}

.racetext-01{
	font-size:1.2rem;
}
@media (max-width: 480px) {
	.racetext-01{
		font-size:1rem;
	}}

.racetext-02

.racetext-03{
	font-size:1.4rem;
}
@media (max-width: 480px) {
	.racetext-03{
	font-size:1.1rem;
	}}

.race-copy{
	text-align:center; margin:0 auto; display:block;
}
@media (max-width: 480px) {
	.race-copy{
	padding-bottom:1rem;
	}}


.hover-gray{
	transition:0.3s;
}

.hover-gray:hover {
    color: #a9a9a9;
}



.yuchun-news .general_ttl{
	font-family: "Bebas-Neue";
}

.yuchun-top-image{
	    text-align: center;
    margin: 0 auto;
    display: block;
	width:60%;
}
@media(max-width:599px) {
	.yuchun-top-image{
	    text-align: center;
    margin: 0 auto;
    display: block;
	width:100%;
	}}

.yuchun-top-image2{
	    text-align: center;
    margin: 0 auto;
    display: block;
	width:70%;
}
@media(max-width:599px) {
	.yuchun-top-image2{
	    text-align: center;
    margin: 0 auto;
    display: block;
	width:100%;
	}}


.yuchun-news .race-copy {
    text-align: center;
    margin: 0 auto;
    display: block;
    padding-top: 1rem;
}
@media(max-width:599px) {
	.yuchun-news .race-copy {
    padding-top: 0rem;
	}}

.yuchun-news .race-01
{
	margin: 0;
}
@media(max-width:599px) {
.yuchun-news .race-01
{width:100%;
		gap:1rem;
	margin: 0;
	}}

.yuchun-3{
	width:calc(100%/3);
	
}

@media(max-width:599px) {
.yuchun-3{
	width:100%;
	}}

.yuchun-2{
	width:calc(100%/2);
	
}

@media(max-width:599px) {
.yuchun-2{
	width:100%;
	}}

.yuchun-3 img{
	width:100%;
}

.img-center{
margin:0 auto;
	width:80%;
}

.img-center img{
width:100%;
}

.memory-rogo{
	display:block;
	margin: 1rem auto;
	margin-top:5rem;
	width:40%;
}

.xana-summit table,
.xana-summit th,
.xana-summit td{
	border:1px solid #000;
}

.xana-summit th{
	width:30%;
	vertical-align:middle;
}


@media(max-width:599px) {
.xana-summit tr {
        display: flex;
        flex-flow: column;
    }
 .xana-summit th {
              width: 100%;
        text-align: center;
        border: none;
        border: 1px solid;
    }
	
	.xana-summit table{
        border: none;
	}
}
	

.xana-summit td{
	padding:0.3rem 2rem;

}
@media(max-width:599px) {
.xana-summit td{
	padding:0.3rem 2rem;
	  text-align: center;
border:none!important;
	}}
.xana-summit .ip-att-txt-item{
	margin:0;
}
	
.flex{
display:flex;
}
@media(max-width:599px) {	
.flex{
display:block;
	}}	

.flex-bottom{
display:flex;
	align-items:end;
	justify-items:center;

}
@media(max-width:599px) {	
.flex-bottom{
display:block;
	}}	

.flex-bottom div{
	padding:0 1rem;
}
@media(max-width:599px) {	
.flex-bottom div{
	padding:0rem;
	}}

@media(max-width:599px) {	
.flex-bottom div img{
	margin:0 auto;
	width:100%;
	text-align:center;
	}}


.rescene .kakoi{
	border:dotted 1px #000;
	padding:1.5rem;
	line-height:1.7;
	text-align: center;
	padding-bottom:3rem;
	width:75%;
	margin:0 auto;
}
@media(max-width:599px) {	
	.rescene .kakoi{
		        padding: 2rem 1rem;
		    width:90%;
	}}

.rescene table{
    width: 80%;
}
@media(max-width:599px) {
	.rescene table{
    width: 100%;
	}}
@media(max-width:599px) {
.rescene td{
padding: 0.3rem 0.5rem;
	}}
	
	.rescene .ticket-ue{
	    margin-top: 4rem;
    margin-bottom: 1.5rem;
    text-align: center;
	}
	
@media(max-width:599px) {
.rescene .ticket-ue{
	    margin-top: 2rem;
    margin-bottom: 1.5rem;
    text-align: center;
	}}

.mlb-01 {
    display: flex;
    gap: 3%;
	margin:2rem 0 1rem;
}

.flex-38p{
	width:38%;
}
@media(max-width:599px) {
	.flex-38p{
	width:100%;
	}}

.ceg{
	width:200px;
}

.flex-kitaro{
	display:flex;	
}
@media(max-width:599px) {
	.flex-kitaro{
		flex-direction:column;
	}}
	

.kitaro-image{
	width:50%;
	padding:1.5rem 1rem;
		padding-bottom:0;
}
@media(max-width:599px) {
	.kitaro-image{
	width:100%;
		padding: 0rem 0 0rem;
	}}

.kitaro-text{
	width:50%;
	padding:1.5rem;
	padding-bottom:0;
}
@media(max-width:599px) {
	.kitaro-text{
	width:100%;
		padding: 0;
	}}


.kitaro-text2{
	width:90%;
	padding:0 1.5rem;
	padding-bottom:0;
}
@media(max-width:599px) {
	.kitaro-text2{
	width:100%;
		padding: 0;
	}}



.kitaro-goods-flex{
	display:flex;
	width:100%;
		padding:1.5rem 1rem;
		padding-bottom:0;
}
@media(max-width:599px) {
	.kitaro-goods-flex{
		flex-direction:column;
padding:0;
	}}


.fl-cl{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
@media(max-width:599px) {
.fl-cl{
	display:flex;
	flex-direction:column-reverse;
	justify-content:space-between;
	}}

.kitaro-image2{
	padding:1.5rem 1rem;
	padding-bottom:0;
}
@media(max-width:599px) {
	.kitaro-image2{
	padding:0;
	}}
	
.gegege-2-news a{
  word-wrap: break-word; /* URLが長くなった場合に適切に折り返す */
  word-break: break-all; /* 長い単語を適切に折り返す */
  overflow-wrap: break-word; /* 長い単語を適切に折り返す */
}


.pTextArea a{
  word-wrap: break-word; /* URLが長くなった場合に適切に折り返す */
  word-break: break-all; /* 長い単語を適切に折り返す */
  overflow-wrap: break-word; /* 長い単語を適切に折り返す */
}

.jcw .ip-att-txt-item {
	 margin-bottom: 0.2rem;
}



.jcw-image{
	    text-align: center;
    margin: 0 auto;
    display: block;
	width:70%;
}
@media(max-width:599px) {
.jcw-image{
	    text-align: center;
    margin: 0 auto;
    display: block;
	width:100%;
	}}


.pagination {
  display: flex;
  justify-content: center; /* 中央揃えにする */
  flex-wrap: wrap; /* 複数行に対応させる */
  gap: 10px;
  margin: 20px 0;
}

.pagination a,
.pagination span {
  padding: 8px 12px;
/*   border: 1px solid #ccc; */
  color: #333;
  text-decoration: none;
  border-radius: 4px;
}

.pagination a:hover {
  background-color: #f0f0f0;
}

.pagination .current {
      background-color: #f2f2f2;
    color: #000;
    border-color: #f2f2f2;
}

.cazul{
	margin:0 auto!important;
	margin-top:2rem!important;
	margin-bottom:2rem!important;
	display: flex;
	justify-content: center;
}
@media(max-width:744px) {
.cazul img{
width:100%;
	}}


@media(max-width : 599px){
	.ep-area{
		margin-top:5rem;
	}
}

.dot-kakoi{
border:dotted 1px #000;
padding:1.5rem;
font-size:0.85rem;
line-height:1.7;
  margin: 0 auto;
}
	
.game-con {
    display: flex;
    flex-direction: column;
    justify-content: left;
}
.game-con div {
    text-align: left;
    justify-content: left;
    margin: 0 auto;
}

.yuchun-001{
	font-size:1.2rem;
	text-align:center;
	display:block;
}

.yuchun-kakoi{
	width:80%;
	font-size:1.1rem;
	line-height: 1.7;
}
@media(max-width : 599px){
.yuchun-kakoi{
	width:85%;
	}
}

.mlb-250220 .uni{
	width:50%;
	margin:3rem auto 2rem;
	
}
@media(max-width : 599px){
	.mlb-250220 .uni{
	width:80%;
	margin:2rem auto 1rem;
	}}


.mlb-250220 .tw{
	width:60%;
	margin:3rem auto 2rem;
}
@media(max-width : 599px){
	.mlb-250220 .tw{
	width:100%;
	margin:2rem auto 2rem;
	}}


.news-20250228 .chuo-yose{
	margin:0 auto;
	text-align:center;
}

.news-20250228 .main-img{
		width:55%!important;
	margin:2rem auto 1rem;
}
@media(max-width : 599px){
	.news-20250228 .main-img{
	width:100%!important;
	margin:2rem auto 0;
	}}

.news-20250228 .flex-img{
	display:flex;
	justify-content:center;
	gap:0.5rem;
		width:100%;
}
@media(max-width : 599px){
	.news-20250228 .flex-img{
	flex-direction:column;
	width:100%;
		}}

.news-20250228 .flex-img div{
	width:28%;
}
@media(max-width : 599px){
	.news-20250228 .flex-img div{
	width:100%;
	}}

.news-20250228 .flex-img div img{
	width:100%;
}

.news-20250227-1 .ceg{
		font-size:1.1rem;
	}
@media(max-width : 599px){
	.news-20250227-1 .ceg{
		text-align:center;
		margin:0 auto;
		display:block;
		margin-bottom:0.3rem;
		font-size:0.9rem;
	}}

	.news-20250227-1 .ceg2{
	 width: 180px;
}
@media(max-width : 599px){
	.news-20250227-1 .ceg2{
				text-align:center;
		margin:0 auto;
		display:block;
		margin-bottom:0.3rem;
		font-size:0.86rem;
		margin-bottom:1.5rem;
		    width: 180px;
	}}

	.news-20250228 .ceg{
		font-size:1.1rem;
	}
@media(max-width : 599px){
	.news-20250228 .ceg{
		text-align:center;
		margin:0 auto;
		display:block;
		font-size:0.82rem;
	}}

.cos-news .flex-height{
	display:flex;
	justify-content:center;
	gap:20px;
	margin:1.5rem 0;
}
@media(max-width : 599px){
.cos-news .flex-height{
	flex-direction:column;
	gap: 5px;
	}}
@media (max-width: 599px) {
.cos-news .cos-ttl {
        font-size: 1rem!important;
    }
.cos-news .ceg {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
	}
	
.cos-news .ceg2 {
        margin: 0 auto;
	}
	
}


.exer-news .image01{
	width:100%;
	margin:1.5rem auto 0;
}


.exer-news .image01 img{
	width:100%;
}

.exer-news .sub-title{
	    font-size: 1.2rem;
    margin: 2rem auto 0;
}
.exer-news .sub-title:first-of-type{
		margin:1.5rem auto 0!important;
}

.exer-news .sub-title-text{
	margin-top:0.5rem!important;
	margin:0 auto;
	margin-bottom:1.5rem;
}

.exer-news .image02{
		margin-top:1.5rem!important;
	margin:0 auto;
	margin-bottom:1.5rem;
}
.exer-news .ceg{
line-height: 2rem;
}
	
@media (max-width: 599px) {
	.exer-news .image01{
	width:100%;
	margin:1rem auto 0;
}

.exer-news .sub-title{
	width:100%;
}

.exer-news .sub-title-text{
		width:100%;
	margin-bottom:1rem;
	}}

.news-20250304 .midashi{
	font-size:1.05rem;
	font-weight:500;
	margin-bottom:0.3rem;
}


.spring-img img{
	 display: block;
	margin:0 auto;
	margin-top:1.5rem;
		margin-bottom:2rem;
	width:100%;
}

.news-20250307 table{
	margin:2rem auto;
}


.news-20250307 img{
	margin:1rem auto;	
}

.news-20250307 .ceg{
	font-weight: 500;
    font-size: 1rem;
    margin-top: 1.5rem;	
    margin-bottom: 0.5rem;
	display:inline-block;
	width:100%;
}

.news-20250307 table {
            width: 100%;
            border-collapse: collapse;
        }
.news-20250307 th, 
.news-20250307 td {
            padding: 10px;
            border: 1px solid #ccc;
            text-align: left;
		font-size:0.9rem;
        }
.news-20250307 th {
            background: #f2f2f2;
        }

.news-20250307 .ceg2{
    width:180px;

        }

.news-20250307 .non-p p{
	margin:1rem;
}

.news-20250307 .ceg2 img{
   margin:0;
        }



  @media screen and (max-width: 599px) {
	.news-20250307 .ceg2{  
	  	margin:0 auto;
	  }
	  
	 	 .news-20250307 .ceg3{
	text-align:center;
			 display:block;
			
} 
	  
.news-20250307 table,
.news-20250307 thead,
.news-20250307 tbody,
.news-20250307 th,
.news-20250307 td,
.news-20250307 tr {
                display: block;
            }
.news-20250307 thead {
                display: none;
            }
.news-20250307 tr {
                margin-bottom: 15px;
                border: 1px solid #ddd;
                padding: 10px;
                background: #fff;
            }
.news-20250307 td {
                border: none;
                padding:3px;
                position: relative;
                display: flex;
                align-items: center;

            }
.news-20250307 td::before {
                content: attr(data-label);
                font-weight: bold;
                background: #f2f2f2;
                padding: 5px;
                width: 45%;
                min-width: 120px;
                text-align: center;
                margin-right: 10px;
                flex-shrink: 0;
            }
	  
.news-20250307 .ceg{
    font-size: 0.9rem;
        }
}

.news-20250320 .logo{
	width:40%;
	margin:2rem auto;
}
 @media screen and (max-width: 599px) {
	 .news-20250320 .logo{
	width:100%;
}}

.news-20250320 .guest{
	width:50%;
	margin:2rem auto;
}
 @media screen and (max-width: 599px) {
	 .news-20250320 .guest{
	width:100%;
}}

.news-20250320 .guest-name{
	font-size:1.05rem;
}
 @media screen and (max-width: 599px) {
	 .news-20250320 .guest-name{
	font-size:1rem;
}}

.midokoro-title{
	font-size:1rem;
	margin-top:1.8rem;
	font-weight:500;
	padding-left:10px;
	    border-left: 4px solid #ccc;
}
 @media screen and (max-width: 599px) {
	 .news-20250320 .midokoro-title{
	font-size:1rem;
}}
.news-250324-flex {
  display: flex;
  width: 100%;
  overflow: hidden;
  align-items: flex-start;
	  gap: 25px; 
	  margin: 2rem auto 0;
}
 @media screen and (max-width: 599px) {
	 .news-250324-flex {
		 	  gap: 15px; 
	 }}

.news-250324-flex div {
  min-width: 0;
	height:100%;
  display: flex; 
}



.news-250324-flex div img {
  display: block;
  width: 100%;
  height: 100%; 
}

.news-250324-flex-2 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 25px; 
  margin: 2rem auto 0;
  max-width: 100%;
}
 @media screen and (max-width: 599px) {
	 .news-250324-flex-2 {
		 	  gap: 15px; 
	 }}

.news-250324-flex-2 .news-250324-flex-2-1 {
  width:43.9%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.news-250324-flex-2 .news-250324-flex-2-2 {
    width:53.5%;
  display: flex;
  justify-content: center;
  align-items: center;
}


.cloudf{
		background-color: rgba(255, 202, 202, 0.2);
	padding:2rem;
	line-height:1.7;
	font-size:0.9em;
}

.news-250411-flex {
  display: flex;
  width: 100%;
  overflow: hidden;
  align-items: flex-start;
	  gap: 25px; 
	  margin:2rem auto 0;
}
.aaapare-img{
display:flex;
	justify-content:center;
}
.news-250411 .aaapare img{
display:block;
}
.news-250411-flex div{
  height: 100%;
}

.news-250411-flex img{
  margin:0;
}

 @media screen and (max-width: 599px) {
.news-250411-flex {
  flex-direction:column;
}}

.pink-ttl{
	margin-top:1rem;
	padding:1% 2%;
	letter-spacing:0.05rem;
	 display:inline-block;
	 border-left: 4px solid #ffcaca;
	background-color: rgba(255, 202, 202, 0.2);
	 }


.news-20250414 .layer-box {
      background-color: #f5f5f5;
      border-left: 5px solid #555;
      padding: 20px;
      margin: 20px 0;
    }


    
.news-20250414 .layer-box span {
      margin-bottom: 5px;
	display:inline-block;
    }
@media screen and (max-width: 599px) {
	.news-20250414 .layer-box span {
      margin-bottom:10px;
	}}

.news-20250414 .layer-box p {
	margin:0!important;
    }
    
.news-20250414 .layer-box p:last-child {
      margin-bottom: 0;
    }
    
.news-20250414 .link-button {
      display: inline-block;
      background-color: #555;
      color: white;
      padding: 12px 20px;
      text-decoration: none;
      border-radius: 8px;

      transition: background-color 0.3s;
      font-size: 16px;
      font-weight: normal;
      text-align: center;
      width: 200px;
    }
@media screen and (max-width: 599px) {
	.news-20250414 .link-button {
		display:block;
	      margin: 0 auto;
	}
	.chuuo{
				display:block;
		 text-align: center;
			      margin: 0 auto;
	}


}


    
.news-20250414 .link-button:hover {
      background-color: #444;
    }

 @media screen and (max-width: 599px) {
.news-20250414 .layer-box {
        padding: 15px;
      }
      
      .link-button {
        width: 100%;
        max-width: 300px;
      }
    }



/* ============================== */
/* 2025/03/25〜 営業ページ 改修 */
/* ============================== */

@media(max-width : 599px){
	.rssWrap{
		padding:0 2rem;
	}
	.wrWrap{
		margin-top:6rem;
	}
}

.rssLogo{
	display:block;
	text-align:center;
	margin-top:2rem;
}
@media(max-width : 599px){
	.rssLogo{
		margin-bottom:1rem;
	}
}

.rssTitle{
	font-size:1.1rem;
	width:500px;
	margin:0 auto;
	font-weight:400;
}
@media(max-width : 599px){
	.rssTitle{
		width:auto;
	}
}

.rssTitle span{
    font-size: 0.8rem;
    display: block;
    border-top: 1px solid #e1251b;
    font-weight: 400;
}

.rssMain{
	font-size: 1.3rem;
    text-align: center;
    color: #e1251b;
	margin-top:2rem;
}
@media(max-width : 599px){
	.rssMain{
		font-size:0.9rem;
	}
}

.rssText{
    text-align: center;
    font-size: 0.9rem;
    margin: 2rem;
}
@media(max-width : 599px){
	.rssText {
    text-align: left;
    font-size: 0.75rem;
    margin: 1rem auto 2rem;
}
}

.businessContactBtn .rentalBtn a{
	width:160px;
	margin:0;
}

.rentalBtn{
	display: flex;
    max-width: 1000px;
    margin: 0 auto;
    justify-content: space-between;
}
@media(max-width : 599px){
	.rentalBtn{
		flex-flow: wrap;
		gap: 0.5rem;
	}
}

.rssMovie iframe{
	display:block;
	margin:2rem auto;
}

.rssTitleOnly{
    border-bottom: 2px solid #e1251b;
    margin-top: 8rem;
	position:relative;
    font-size: 1.2rem;
    font-weight: 600;
    padding-bottom: 1rem;
	letter-spacing:4px;
}
@media(max-width : 599px){
	.rssTitleOnly{
		font-size:1rem;
		padding-bottom:0.5rem;
		letter-spacing:2px;
		margin-top:4rem;
	}
}

.rssTitleOnly div.text{
	display:inline-block;
	letter-spacing:1px;
}

.rssTitleOnly span{
    font-size: 3rem;
    display: block;
    border: none;
    font-weight: 600;
    color: #c3c3c3;
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    z-index: -1;
    opacity: 0.3;
    display: flex;
    display: block;
    text-align: center;
    width: 100%;
	letter-spacing:0.5rem;
}
@media(max-width : 599px){
	.rssTitleOnly span{
		font-size:1.8rem;
	}
}

.rssCont{
	max-width: 1000px;
    margin: 2rem auto;
}

.spOnly{
	display:none;
}
@media(max-width : 599px){
	.pcOnly{
		display:none;
	}
	.spOnly{
		display:inline-block;
	}
}

.content__wrap{
	display:flex;
	flex-flow:wrap;
	gap:0.8rem;
}
@media(max-width : 599px){
	.content__wrap{
		gap:0.5rem;
		justify-content:space-between;
	}
}

.content__img{
	width:24%;
	overflow:hidden;
}
@media(max-width : 599px){
	.content__img{
		width:48%;
	}
}

.content__img img{
 transition:0.3s all;
}
.content__img img:hover{
  transform:scale(1.1,1.1);
  transition:0.3s all;
}

.rssSpec img{
	width:48%;
}
@media(max-width : 599px){
	.rssSpec img{
		width: 100%;
		margin-bottom: 1rem;
	}
}

.rssSpec{
    display: flex;
    justify-content: space-between;
	flex-flow:row-reverse;
}
@media(max-width : 599px){
	.rssSpec{
		flex-flow:column;
	}
}

.rssFirstBox{
	display: flex;
    flex-flow: wrap;
    max-width: 1000px;
    margin: 0 auto;
}
@media(max-width : 599px){
	.rssFirstBox{
		flex-flow:column;
	}
}

.rssFirst{
	width:48%;
}
@media(max-width : 599px){
	.rssFirst{
		width:100%;
		margin:1rem auto;
	}
}

.rssFirst p{
    font-size: 0.75rem;
    height: 80px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
@media(max-width : 599px){
	.rssFirst p{
		height:auto;
		font-size:0.7rem;
		margin-bottom:1rem;
	}
}

.rssFAQitem{
	background: #f5f5f5;
    padding: 2rem;
    margin: 1rem 0;
}
@media(max-width : 599px){
	.rssFAQitem{
		padding:1rem;
	}
}

.rssFAQitem h4{
	font-weight:600;
	margin-bottom:0.5rem;
	font-size:1rem;
}
@media(max-width : 599px){
	.rssFAQitem h4{
		font-size:0.75rem;
	}
}

.rssFAQitem p{
	font-size:0.8rem;
	padding:0 1rem;
}
@media(max-width : 599px){
	.rssFAQitem p{
		font-size:0.65rem;
	}
}

.rssContTitle{
	color:#e1251b;
	font-weight:600;
	font-size:1rem;
}
@media(max-width : 599px){
	.rssContTitle{
    font-size: 0.9rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
	}
}

.rssContTitle span{
	color: #810d09;
    font-size: 2.4rem;
    font-weight: 600;
    font-family: 'Zen Kaku Gothic New';
}
@media(max-width : 599px){
	.rssContTitle span{
		padding-bottom:0.5rem;
	}
}

.specText th{
    text-align: center;
    font-weight: 600;
    background: #E5E5E5;
    font-size: 0.75rem;
    padding: 0.5rem;
    display: flex;
    width: 8rem;
    justify-content: center;
}
@media(max-width : 599px){
	.specText th{
		width:6rem;
	}
}

.specText tr{
	border:solid 4px #fff;
}

.specText td{
	vertical-align: top;
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
}

.gryTitle{
	background: #E5E5E5;
    padding: 0.5rem;
    font-weight: 600;
    font-size: 0.8rem;
    margin-bottom: 0.8rem;
    text-align: center;
	margin-top:2rem;
}

.moreBtn .rssLink{
	padding: 1rem !important;
    width: 240px !important;
}
@media(max-width : 599px){
	.moreBtn .rssLink{
    font-size: 0.8rem !important;
    padding: 0.5rem !important;
		width:48% !important;
	}
}

.moreBtn .rssLink:after{
	content:"";
}

.rssCaseBox{
    display: flex;
    flex-flow: wrap;
    gap: 0.5rem;
    justify-content: space-between;
}

.rssCaseItem{
	width:49%;
	position:relative;
}
@media(max-width : 599px){
	.rssCaseItem{
		width:100%;
	}
}

.rssCaseText{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.rssCaseText h5{
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: 4px;
	margin-bottom:0.5rem;
}
@media(max-width : 599px){
	.rssCaseText h5{
		font-size:1rem;
		letter-spacing:2px;
	}
	.rssCaseText p{
		font-size:0.8rem;
	}
}

.rssWR{
	flex-flow:wrap;
	align-items:center;
}
@media(max-width : 599px){
	.rssWR{
		flex-flow:column;
	}
}

.wrBox_1{
	width:52%;
}
@media(max-width : 599px){
	.wrBox_1{
		width:100%;
	}
}

.wrBox_1 img{
	width:100%;
}

.wrBox_1 p{
	font-size: 0.8rem;
    margin-top: 1rem;
}
@media(max-width : 599px){
	.wrBox_1 p{
		font-size:0.7rem;
	}
}

.wrBox{
	width:40%;
}
@media(max-width : 599px){
	.wrBox{
		width:100%;
		margin-top:2rem;
	}
}

.wrBox .content__img{
	width:48%;
}

.specText .gryTitle{
	margin-top:0;
}

.specText img{
	width:100%;
}

.specText .content__wrap{
	margin-bottom:2rem;
}


/* ============================== */
/* サイネージ */
/* ============================== */

p.sig-att{
	font-size:0.8rem;
	text-align:center;
	margin-top:1rem;
}
@media(max-width : 599px){
	p.sig-att{
		font-size:0.7rem;
	}
}

.sig_cont-wrap .gryTitle{
	font-size:0.7rem;
}

.sig-map{
	display:flex;
	justify-content:space-between;
	margin:3rem 0 2rem;
}
@media(max-width : 599px){
	.sig-map{
		margin:1rem 0;
		flex-flow:column;
		gap:1rem;
	}
}

.sig-map img{
	width:48%;
}
@media(max-width : 599px){
	.sig-map img{
		width:100%;
	}
}

.rss-linkBnr{
	display:flex;
	gap:1rem;
	margin-top:8rem;
}
@media(max-width : 599px){
	.rss-linkBnr{
		margin-top: 3rem;
		flex-flow: column;
		gap:0.5rem;
	}
}


.rss-linkBnr a{
	transition:.3s;
}
.rss-linkBnr a:hover{
	cursor:pointer;
	opacity:0.5;
	transition:.3s;
}

@media(max-width : 599px){
	.sig_cont-wrap{
		flex-flow:column;
	}
	.sig_cont-wrap .content__img{
		width:100%;
	}
}

/* ============================== */
/* 資料DLページ */
/* ============================== */

span.pdflink{
	display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pdfPage a{
	display: inline-block;
    border: solid 1px gray;
    padding: 0.5rem 1rem;
    width: 32%;
}
@media(max-width : 599px){
	.pdfPage a{
		width:100%;
	}
}

.pdfPage h4{
    text-align: justify;
    border-left: 0.5rem solid;
    padding-left: 1rem;
	font-size:1rem;
	color:#000;
	margin-bottom:1rem;
}

.pdfSec{
	margin:4rem 0;
}

.pdfCont{
    display: flex;
    flex-flow: wrap;
    gap: 1rem;
    justify-content: flex-start;
}

.pdflink span{
    font-size: 0.85rem;
}

.rssLnkT{
	display: block;
    background: #000;
    color: #fff;
    padding: 2rem 1rem;
    position: fixed;
    right: 0;
    z-index: 1;
	bottom:1rem;
    writing-mode: vertical-rl;
	cursor:pointer;
}
@media(max-width : 599px){
	.rssLnkT{
		font-size:0.8rem;
		padding:1rem 0.5rem;
	}
}

.rssLnkT:hover{
	opacity:0.8;
	cursor:pointer;
}

.youtubeMovie{
    aspect-ratio: 16 / 9;
	max-width:1000px;
    width: 100%;
    height: auto;
}
@media(max-width : 599px){
	.rssMovieSp{
		position: relative;
		width: 100%;
		padding-top: 56.25%; /* 16:9のアスペクト比 */
		height: 0;
	}
	.youtubeMovie{
		margin:1rem auto !important;
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	}
}