@charset "utf-8";
/*
Theme Name:   NTT AI-CIX 2026
Theme URI: https://aicix.jp/
Description: 
Author: scitech
Tags: 
Version: 0.1.0
*/
.disp640{display:none;}
.hide640{display:block;}
.disp768{display:none;}
.hide768{display:block;}
.disp480{display:none !important;}
.hide480{display:block !important;}

/*
.clear{
	clear:	both;
}
.clearfix:before,
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
*/
.mb80				{	margin-bottom:	80px !important;}
.mb70				{	margin-bottom:	70px !important;}
.mb60				{	margin-bottom:	60px !important;}
.mb50				{	margin-bottom:	50px !important;}
.mb30				{	margin-bottom:	30px !important;}
.mb20				{	margin-bottom:	20px !important;}
.mb15				{	margin-bottom:	15px !important;}
.mb10				{	margin-bottom:	10px !important;}
.mt30				{	margin-top:	30px !important;}
.posRelative{
	position:	relative;
}
.absCenter{
	position:		absolute !important;
	top:		50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
/*
	left:		50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
*/
	margin-left:	auto;
	margin-right:	auto;
	left:	0px;
	right:	0px;
	display:	block;
	text-align:	center;
}
.pSide{padding-left:	20px !important;padding-right:	20px !important;}
.pt0{padding-top:	0px !important;}
.pb0{padding-bottom:	0px !important;}
.pa50{padding:	50px !important;}
.pa30{padding:	30px !important;}
.alignLeft{	text-align:left !important;}
.alignRight{	text-align:right !important;}
.alignCenter{	text-align:center !important;}
.fSmall{
	font-size:		12px !important;
	color:			#555;
}

sup {
	vertical-align:	8px;
	font-size:		12px;
}
/* breadcrumb */
body.archive.category .breadcrumbs .column,		/* カテゴリー一覧 */
body.blog .breadcrumbs .column,					/* 記事一覧 */
body.single-post .breadcrumbs .column{			/* 投稿個別ページ */
	padding-top:	50px;
}
/*  */
.pageTop {
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: none;
	z-index: 100000;
}
a{
	text-decoration:	none;
	/* アニメーション */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition:all 0.5s ease;
}
a:hover{
	text-decoration:	none;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
}
.dispNone{
	display:	none;
}
.wp-contents-marker{
	position:	absolute;
	top:		180px;
	top:		0px;
	right:		20px;
	color:		#f00;
	font-size:	13px;
}
@media screen and (max-width: 767px) {
	.wp-contents-marker{
		top:		80px;
		top:		0px;
	}
}
.guide{
	border:		1px solid #f00;
	padding:	0px 5px;
	font-size:	14px;
	color:		#f00;
	width:		fit-content;
	margin:		10px auto;
}
/*--------------------------------------------------------------------*/
/* 差し色　ブルーグリーン　　var(--primary) #41a8af　　　 */
/*--------------------------------------------------------------------*/
/* ライブラリ */
	/* アスペクト比が異なる（大きさも異なる）画像を、大きさ同じにトリミングしながらレスポンシブ動作 */
	/* トップページ　先生方の声に利用 */
.wrapFlex{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap : wrap; /*for IE10*/
	-webkit-flex-wrap : wrap; /*for old webkit browser*/
	flex-wrap : wrap;

/*	justify-content: space-between;	/*最初と最後の子要素を両端に配置し、残りの要素は均等に間隔をあけて配置*/
}
.wrapFlexSplit{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-wrap : wrap; /*for IE10*/
	-webkit-flex-wrap : wrap; /*for old webkit browser*/
	flex-wrap : wrap;

	justify-content: space-between;	/*最初と最後の子要素を両端に配置し、残りの要素は均等に間隔をあけて配置*/
}
.flexRevers{
	flex-direction: row-reverse;
}
.align-center{
  align-items: center;
}
.boxTow{
	width:	50%;
}
.boxThree{
	width:	33.3333333%;
	width:	30%;
}
.boxFour{
	width:	23%;
}
.widthAll{
	width:	100%;
/*	min-width:		1600px;	/*  */
	margin-left:	auto;
	margin-right:	auto;
}
img.all,
.widthAll img{
	max-width:		none;	/* 制限なし */
	width:			100%;
}
.widthFull{
	width:	100%;
	max-width:		1600px;
	margin-left:	auto;
	margin-right:	auto;
}
.widthLimit1400{
	width:	100%;
	max-width:		1440px;
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
.widthLimit1300{
	width:	100%;
	max-width:		1340px;
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
.widthLimit1290{
	width:	100%;
	max-width:		1330px;
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
.widthLimit{
	width:	100%;
	max-width:	1240px;			/* 下のpaddingの分を増やす */
	margin:		0px auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
.widthLimit960{
	width:	100%;
	max-width:	1000px;			/* 下のpaddingの分を増やす */
	margin:		0px auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
.widthLimit800{
	width:	100%;
	max-width:	800px;			/* 下のpaddingの分を増やす */
	margin:		0px auto;
	padding-left:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
	padding-right:	20px;		/* 一致させること　###sideSpaceAndFullOverMargin */
}
/*--------------------------------------------------------------------*/
/* ghostボタン */
.btnGhost{
	text-align:		center;
	height:			auto;
	padding:		1px;
}

.btnGhost a{
/*
  font-size: 18px;
  font-family: "Noto Sans JP";	
/*  */
	padding:		15px;
	width:			100%;
	max-width:		300px;
	color:			var(--primary) !important;
	border:			1px solid var(--primary);
	text-decoration:	none !important;
	display:	inline-block;	/* 上位要素の<div>の高さを、この要素の高さ文確保するため */
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
.btnGhost a:hover{
	background-color:	var(--primary);
	color:				#fff !important;
		/* フォアグランドは透過しない */
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	-khtml-opacity:1.00;
	opacity:1.00;
}
/*--------------------------------------------------------------------*/
/* メニュー */
li.item.current {
	text-decoration:	underline;	/*var(--primary);*/
}


/*--------------------------------------------------------------------*/
/* ぱんくず */
.breadcrumbs-wrap{
/*
	background-color:	#f2f2f2;
	padding-top:		7px;
	padding-bottom:		7px;
*/
/*	border-top:			1px solid #eee;	/*  */
/*	border-bottom:		1px solid #eee;	/*  */
	margin-top:			160px;
	margin-bottom:		50px;
	text-align:			right;
	font-size:			14px;		/* > の位置を<span>と同じ位置にする */
}
.breadcrumbs-wrap span,
.breadcrumbs-wrap a{
	font-size:		14px;
}
.breadcrumbs{
/*	max-width:		1140px;	/*  */
	padding-left:	20px;
	padding-right:	20px;
	margin-left:	auto;
	margin-right:	auto;
	font-size:		12px;
}
	/* imgとspanを上下中央に合わせる　vertical-align:	middle; */
.breadcrumbs img{
	vertical-align:	middle;
	margin-right:	5px;
}
.breadcrumbs span{
	vertical-align:	baseline;
}
/*--------------------------------------------------------------------*/
/* intersect Action の css */
    /*----- フェードイン -----*/
    .inviewfadeIn {
        opacity: 0;
        transition: .8s;
    }
    
    .fadeIn {
        opacity: 1.0 !important;
    }
 
    /*----- 上へスライド -----*/
    .inviewUp {
        transform: translate(0, 100px);
        -webkit-transform: translate(0, 100px);
        transition: .8s;
    }
    
 
    /*----- ズームイン -----*/
    .inviewzoomIn {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transition: .8s;
    }
    
    .zoomIn {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    } 
    
    /*----- フェードインしながら上へスライド -----*/
    .inviewfadeInUp {
        opacity: 0;
        transform: translate(0, 100px);
        -webkit-transform: translate(0, 100px);
        transition: .8s;
    }
    
    .fadeInUp {
        opacity: 1.0 !important;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    /*----- 左から右へスライド -----*/
    .inviewLeftToRight {
        transform: translate(-100px, 0px);
        -webkit-transform: translate(-100px, 0px);
        transition: .8s;
    }
    
    /*----- 右から左へスライド -----*/
    .inviewRightToLeft {
        transform: translate(100px, 0px);
        -webkit-transform: translate(100px, 0px);
        transition: .8s;
    }
    /*----- 通常位置 -----*/
    .Normal {
        transform: translate(0, 0) !important;
        -webkit-transform: translate(0, 0) !important;
    }
	/* intersectActionの遅延動作 */
.delay-2{
	transition-delay:0.5s !important;
}
.delay-3{
	transition-delay:1.0s !important;
}
.delay-4{
	transition-delay:1.5s !important;
}
.delay-5{
	transition-delay:2.0s !important;
}
.delay-6{
	transition-delay:2.5s !important;
}
/*-----------------------------------------------------------------*/
/* スライダー */
#a-billboard.a-billboard{
	position:	relative;
	height:		100%;
}
#a-billboard.a-billboard .b-plain,
#a-billboard.a-billboard .column-xx{
	height:		100%;
}

	/* Meta Slider 用 */
#a-billboard.a-billboard .metaslider,
#a-billboard.a-billboard .metaslider div,
#a-billboard.a-billboard .metaslider .nivoSlider img{
	height:		100%;
}
#a-billboard.a-billboard .metaslider .nivoSlider img{
	height:		calc(100% - 103px);	/* こうすると画像の最下部で動作不良起こる */
}
#a-billboard.a-billboard .metaslider .ribbon{
	height:		auto;
}

	/* Unite Gallery 用 */
#a-billboard.a-billboard .unite-gallery,
#a-billboard.a-billboard .unite-gallery .ug-slider-inner,
#a-billboard.a-billboard .unite-gallery .ug-slide-wrapper,
#a-billboard.a-billboard .unite-gallery .ug-item-wrapper,
#a-billboard.a-billboard .unite-gallery .ug-item-wrapper img{
	height:		100% !important;
}
	/* スライダーの画像をヘッダー高さ分差し引く */
#a-billboard.a-billboard .unite-gallery .ug-item-wrapper img{
	height:		calc(100% - 102px) !important;	/*  */
}

	/* この時テキストは absCenter の作用でスライダーの中心に配置されている */


	/* Swiper 追加不要 */

/*--------------------------------------------------------------------*/
/* 無限低速スライド */
	/* 背景画像を装備した要素　自身で画像サイズと同じ領域を確保 */
/*  */


/*	background:url(./assets/images/top/top_logoline.png) repeat-x;				/*  */
/*	background-size:1120px 200px;
	width:300vw;
	height:200px;
/*  */
.itemBackLogo {
	animation:background_Right_Left_Horizontal_scroll 120s linear infinite;		/* 右から左 */
/*	animation:background_Left_Right_Horizontal_scroll 40s linear infinite;		/* 左から右　うまくいかない */
	background:url(/asset/top_logoline.webp) repeat-x;
	background-size:8694px 300px;
	width:		2810vw;		/* スマホ320pxの場合は画像幅8694px＋画面幅320px分の仮想画像が生成されるように、(8694+320)/320=28.1画面分が必要 */
	height:		300px;
	overflow:	hidden;		/* はみ出たら非表示 */
}
	/* .itemBackLogoを1つ分左に移動する 背景画像の幅分だけ移動*/
	@-webkit-keyframes background_Right_Left_Horizontal_scroll {
	  0% {
	    transform:translateX(0);		/* ブラウザ左端から */
	  }
	  100% {
	    transform:translateX(-8694px);	/* 左側に１画像分移動する */
	  }
	}
	@keyframes background_Right_Left_Horizontal_scroll {
	  0% {
	    transform:translateX(0);		/* ブラウザ左端から */
	  }
	  100% {
	    transform:translateX(-8694px);	/* 左側に１画像分移動する */
	  }
	}

	@-webkit-keyframes background_Left_Right_Horizontal_scroll {
	  0% {
	    transform:translateX(100vw);	/* ブラウザ右端から */
	  }
	  100% {
	    transform:translateX(calc(100vw + 2674px));	/* 右側に１画像分移動する */
	  }
	}
	@keyframes background_Left_Right_Horizontal_scroll {
	  0% {
	    transform:translateX(100vw);	/* ブラウザ右端から */
	  }
	  100% {
	    transform:translateX(calc(100vw + 2674px));	/* left to right */
	  }
	}
.itemBackLogo_test {
	animation:background_Right_Left_Horizontal_scroll_test 15s linear infinite;			/*  */

/*	background:url(./assets/images/top/top_logoline.webp) repeat-x;				/*  */
/*	background-size:2674px 120px;
	width:200vw;
	height:120px;
/*  */

	background:url(./assets/images/top/front_blog_banner.jpg) repeat-x;				/*  */
	background-size:600px 130px;
	width:300vw;
	height:130px;
}
	/* .itemBackLogoを1つ分左に移動する */
	@-webkit-keyframes background_Right_Left_Horizontal_scroll_test {
	  0% {
	    transform:translateX(0)
	  }
	  100% {
/*	    transform:translateX(-100%)		/* 要素の幅分移動　これでは連続性がダメ */
/*	    transform:translateX(-2674px)	/* 背景画像の幅分だけ移動 */
	    transform:translateX(-600px)	/* 背景画像の幅分だけ移動 */
	  }
	}
	@keyframes background_Right_Left_Horizontal_scroll_test {
	  0% {
	    transform:translateX(0)
	  }
	  100% {
/*	    transform:translateX(-100%)		/*  */
/*	    transform:translateX(-2674px)	/* 背景画像の幅分だけ移動 */
	    transform:translateX(-600px)	/* 背景画像の幅分だけ移動 */
	  }
	}


	/* フッター背景画像を無限低速スライド */
.bd-webp #bk19841-xx {
	animation:footer_background_Right_Left_Horizontal_scroll 40s linear infinite;		/* 右から左 */
	background:url(/_src/23423/futter.webp) repeat-x;		/* 1080x522 */
	background-size:1080px 522px;
	width:		930vw;		/* スマホ320pxの場合は画像幅2674px＋画面幅320px分の仮想画像が生成されるように、(2674+320)/320=9.3画面分が必要 */
	overflow:	hidden;		/* はみ出たら非表示 */
	height:		522px;

}
	@-webkit-keyframes footer_background_Right_Left_Horizontal_scroll {
	  0% {
	    transform:translateX(0);		/* ブラウザ左端から */
	  }
	  100% {
	    transform:translateX(-522px);	/* 左側に１画像分移動する */
	  }
	}
	@keyframes footer_background_Right_Left_Horizontal_scroll {
	  0% {
	    transform:translateX(0);		/* ブラウザ左端から */
	  }
	  100% {
	    transform:translateX(-522px);	/* 左側に１画像分移動する */
	  }
	}
/*--------------------------------------------------------------------*/
/* 個別ページ基本構造 */
.wrapPageHeader{
	position:	relative;
	margin-bottom:		50px;
/*
	padding:		20px 0px;
	border-top:		1px solid var(--primary);
	border-bottom:		1px solid var(--primary);
/*  */
}
.wrapPageHeader .page_title{
	font-size:		2em;
	font-weight:	bold;
	text-align:		center;
/*	color:			var(--primary);		/*  */
}
.contentBody{
	line-height:	1.8em;
	margin-bottom:	50px;
}
.contentBody p{
	margin-bottom:	20px;
}
/*--------------------------------------------------------------------*/
	/* 袋文字 */
.shadowGray{
	color:	#fff !important;
	text-shadow:
		0 0 3px #888,
		0 0 3px #888,
		0 0 3px #888,
		0 0 3px #888,
		0 0 3px #888,
		0 0 3px #888,
		0 0 3px #888,
		0 0 3px #888,
		0 0 3px #888,
		0 0 3px #888,
		0 0 3px #888,
		0 0 3px #888,
		0 0 3px #888,
		0 0 3px #888,
		0 0 3px #888,
		0 0 3px #888;
}
.shadowGold{
	color:	#fff !important;
	text-shadow:
		0 0 3px var(--primary),
		0 0 3px var(--primary),
		0 0 3px var(--primary),
		0 0 3px var(--primary),
		0 0 3px var(--primary),
		0 0 3px var(--primary),
		0 0 3px var(--primary),
		0 0 3px var(--primary),
		0 0 3px var(--primary),
		0 0 3px var(--primary),
		0 0 3px var(--primary),
		0 0 3px var(--primary),
		0 0 3px var(--primary),
		0 0 3px var(--primary),
		0 0 3px var(--primary),
		0 0 3px var(--primary);
}

/*-----------------------------------------------------------------*/
/* 画像　採用情報の「採用情報」を画像にオーバーラップさせたところ */
.fitImage img{
	object-fit:	cover;
	width:		100% !important;
}
/*-----------------------------------------------------------------*/
/* 共通 */
/* .breadcrumbs-wrap + main.subPage{	/* パンくずありの場合 */
body.search main.subPage,
body.blog main.subPage,
body.archive main.subPage,
body.single main.subPage{
	padding-top:	0px;
}
	/* 取り組み事例下層の６ページに付けたヘッダーとのスペースを取るためのクラス */
.wrapStdPage{
	margin-top:		6em;
	padding-top:	50px;
}
	/* 【重要 2026.2.14】元々あったよくわからないmargin-topを無効化 */
.DomainPage_headTitleWrap__OgLv0 .DomainPage_titleWrap__jXdVX {
	margin-top: 0px;	/*	3rem;	*/
}
	/* 【重要 2026.2.14】新しい固定ページコンテンツのラッパー */
.wrapContent{
	margin-top:		6em;
	padding-top:	50px;
	padding-bottom:	8em;
}
body.single-cpt_teams .wrapContent,
body.single-cpt_jobs .wrapContent{
	padding-bottom:	0px;
}

	/* カスタム投稿のコンテンツのラッパー 　パンくずの直下に配置される場合 */
.breadcrumbs-wrap + .wrapContent{
	margin-top:		0px;
	padding-top:	0px;
}


	/* グローバルナビゲーション */
header .flex-pc > li ul{
	visibility:		hidden;
}
header .flex-pc > li:hover ul{
	visibility: 	visible;
}
	/* 取り組み事例 */
	/* カラム */
.Home_domain__imSbn .Home_contents__ClndS {
/*	opacity: 1;		/*  */
}
	/* 404　検索ボックス */
.searchform input{
	border:		1px solid #ccc;
}
/*-----------------------------------------------------------------*/
/* セクション色付け */
/* #fff8e5 オリジナルの黄色 */
.sectionBlock{
	padding:	100px 0px;
}
.Mincho{
	font-family: "Yu Mincho", "YuMincho", "游明朝体", "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	/* 詳細ページページ送り */
#bk-NextPrev-list{
/*	background-color:	#fff8e5;   /* オリジナルの黄色 */
}

#bk-Caution{
	background-color:	#ccc;   /* グレー */

}
body.home #bk-Campaign-image-row-1,
body.home #bk-Campaign{
	background-color:	#EAF1F2;  /* 水色 　スライダーの背景色と合わせること*/
}
#Shop{
/*	background-color:	#E6EAF2;　　/* 青 　スライダーの背景色と合わせること */
}
#News{
	background-color:	#F7F7F7;   /* グレー */
}
#Instagram{
	background-color:		#F4EEE9;  /* オレンジ　茶 */
}
#Message{
	background-color:	#E5EDE9;  /* 緑 */
}
#Menu,
#Menu2{
	background-color:	#FCF9EF;  /* 黄 */
}
#OnlineShop{
	background-color:		#F8F2F7;  /* 赤紫 */
}
#NetShop{
	background-color:	#F4EEE9;  /* オレンジ　茶 */
}
/*-----------------------------------------------------------------*/
/* 固定ページ */
	/* トップページ　通販リンクボタン */
a.yumpan {
	display: inline-block !important;
	background: #274e13 !important;
	color: #fff !important;
	border: 2px solid #fff !important;
	border-radius: 8px !important;
	box-shadow: 0 0 0 1px #fff inset !important;
	width: 300px !important;
	max-width: 100% !important;
	font-size: 100% !important;
	line-height: 1.9 !important;
	text-align: center !important;
	text-decoration: none !important;
	cursor: pointer !important;
	padding: .8em !important;
	transition: all .6s !important;
}
	/* 店舗紹介 */
#SmoothContact iframe{
	width:	80%;
}
#bk-shop-description > div{
	margin: 0 auto;
	max-width: 950px;
}
body.single-cpt_store .boxTow{
	width:	50%;
	padding:	10px;
}
body.single-cpt_store .boxTow.image{
	text-align:		center;
}
body.single-cpt_store .boxTow.content .description{
	margin-bottom:		30px;
}
	/* 取り組み事例　　４列を３列に変更 */
.Home_domain__imSbn .wrapFlexSplit .Home_contents__ClndS {
	width: 31%;
	margin-right: 0px !important;
}
@media screen and (max-width: 767px) {
  .Home_domain__imSbn .wrapFlexSplit .Home_contents__ClndS {
    width: 48%;
  }
}
	/* 主な技術　モーダル起動リンクボタンのクリック有効範囲を最大化する */
.UseCasePage_technology__nJ51O .UseCasePage_contents__eNMi7 {
	padding: 0px;
}
.UseCasePage_technology__nJ51O .UseCasePage_contents__eNMi7 .UseCasePage_button__94nF7 .modalInline {
	display:	block;
	padding: 0.7em 1em;
}
table.Buisness{
	width:		100%;
	border:		none;
	border-top:		1px dashed #ccc;
}
table.Buisness td{
	padding:			5px;
	border-bottom:		1px dashed #ccc;
}
body.home #Shop table.Buisness td,
body.post-type-archive-cpt_store table.Buisness td{
	font-size:		15px;
}
table.Buisness td.title{
	width:		110px;
}
body.home #Shop table.Buisness td.title,
body.post-type-archive-cpt_store table.Buisness td.title{
	width:		90px;
}
body.home #Shop .boxThree,
body.post-type-archive-cpt_store .boxThree{
	margin-bottom:	30px;
	padding:		10px;
	position:		relative;
	border:		1px solid #eee;
	padding-bottom:	90px;
}
body.home #Shop .boxThree .btnGhost,
body.post-type-archive-cpt_store .boxThree .btnGhost{
	position:		absolute;
	bottom:			15px;
	left:			0px;
	right:			0px;
}
	/* メニュー */
#RegularMenu .g-column{
	max-width:	900px;
}
	/* インスタグラム */
#Instagram .boxTow{
	width:	48%;
}

	/* 求人情報　Tablepress */
.tablepress-table-name{
	width:		100%;
	max-width:	800px;
	margin-left:	auto;
	margin-right:	auto;
	background-color:		#000;
	color:		#fff;
	text-align:	center;
}
table.tablepress{
	width:		100%;
	max-width:	800px;
	border:		2px solid #000;
}
table.tablepress thead th,
table.tablepress tbody td{
	background-color:	#fff;
	vertical-align:		middle;
	border:		1px solid #ddd;
}
table.tablepress thead th{
	text-align:	center;
}
table#tablepress-1.tablepress tbody .column-3,
table.tablepress tbody .column-2{
	text-align:		right;
}
table.tablepress tbody td{
	font-size:		16px;
}
/* モーダル */
.modaal-container{
	border-radius:	2em;
}
	/* 固定ページをモーダルで表示する場合　プライバシーポリシー */
.modaal-wrapper .subPage{
	padding-top:	0px;
}
.modaal-wrapper .mid_wrap{
	padding:	0px 3em;
}
/*-----------------------------------------------------------------*/
/* 採用情報 */
/*-----------------------------------------------------------------*/
body.recruit .sectionBlock:nth-child(2n+1),
body[class*="recruit"] .sectionBlock:nth-child(2n+1){
	background-color:	#e8f5ff;	/* 薄い青 */
}
	/* メインビジュアル */
	/* スローガンエリア */
.mainVisual .areaSlogan p{
	margin-bottom:	10px;
}
	/* 画像　採用情報の「採用情報」を画像にオーバーラップさせたところ　未使用 */
.fitImage img{
	object-fit:	cover;
	width:		100% !important;
}
	/* インデックス　現在未使用 */
.teamIndex{
	padding:	30px;
	background-color:	#555;
	color:		#fff;
}
.teamIndex p{
	margin-bottom:	20px;
}
.teamIndex li{
	border-bottom:		1px solid #000;
}
.teamIndex li a{
	display:	block;
}
	/* チーム一覧 */
.boxTeams{
/*	border:		1px solid #ccc;		/*  */
	border-radius:	20px;
	background-color:	#fff;
	margin-bottom:	30px;

	/* https://front-end-tools.com/generateBoxshadow/#google_vignette */
/*	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);		/*  */

	box-shadow: 0 5px 20px rgba(0,0,0,0.08);
	/* アニメーション */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	transition:all 0.3s ease;
}

.boxTeams:hover {
	transform: translateY(-10px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
.boxTeams .inner img{
	border-radius: 20px 20px 0 0;
}
.boxTeams .wrapTeam{
	padding:	10px;
	padding-bottom:	45px;		/* 2026.2.25の修正 */
}
.boxTeams .teamTitle{
	text-align:		center;
	margin-bottom:	10px;
	color:			var(--primary);
	color:			#0066CC;
}
.boxTeams .teamEng{
	text-align:		center;
	font-size:		13px;
	color:			#888;
	margin-bottom:	10px;
}
.boxTeams .teamText{
	font-size:		14px;
	display:		none;		/* 2026.2.25の修正 */
}

	/* 応募ボタン：非表示 */
body.recruit .buttonRecruitApply{
	display:	none;
}
	/* 募集職種一覧 */
.boxJobs{
	display:	block;
	width:		100%;
	padding:	20px;
	border:		1px solid #eee;
	border-radius:	10px;
	margin-bottom:	30px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}
.boxJobs:hover{
	background-color:	#eee;
}
.boxJobs .jobTitle{
	font-size:		1.5em;
	font-size:		1.3em;		/* 2026.2.25の修正 */
	margin-bottom:	20px;
}
.boxJobs .jobEng,
.boxJobs .jobText{
	font-size:		0.8em;		/* 2026.2.25の修正 */
}
.boxJobs .jobEng{
	margin-bottom:	20px;
}
	/* 縦型 */
.boxJobs-vertical{
	padding:		30px;
	border-radius:	20px;
	background-color:	#fff;

	/* https://front-end-tools.com/generateBoxshadow/#google_vignette */
/*	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);		/*  */

	box-shadow: 0 5px 20px rgba(0,0,0,0.08);
	/* アニメーション */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	transition:all 0.3s ease;
}
.boxJobs-vertical:hover {
	transform: translateY(-10px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
.boxJobs-vertical.boxTow{
	width:	48%;
}
.boxJobs-vertical .jobTitle{
	color:			#0066CC;
}
/*-----------------------------------------------------------------*/
/* チーム個別ページ */
/*-----------------------------------------------------------------*/
body.single-cpt_teams .wrapContent .wp-block-list li,
body.single-cpt_teams .wrapContent .wp-block-group p,
body.single-cpt_teams .wrapContent .wp-block-group table{
	font-size:		0.8em;		/* 2026.2.25の修正 */
}
	/* チームの役割 */
.areaMisson{
	background-color:	#000;
	color:		#fff;
}
.areaMisson {
}
/*-----------------------------------------------------------------*/
/* 職種個別ページ */
/*-----------------------------------------------------------------*/
body.single-cpt_jobs .wrapContent .widthLimit{
/*	max-width:	960px;		/* 2026.2.25の修正 */
}
body.single-cpt_jobs .wrapContent .wp-block-list{
	padding-left:	30px;
}
body.single-cpt_jobs .wrapContent .wp-block-list li{
	list-style:		disc;
}
body.single-cpt_jobs .wrapContent .wp-block-group.borderShadow{
	padding:		30px;
	border-radius:	20px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.08);
	margin-bottom:	80px;
}
body.single-cpt_jobs .wrapContent .wp-block-group h3.wp-block-heading,
body.single-cpt_jobs .wrapContent .wp-block-group p{
	margin-bottom:	30px;
}
body.single-cpt_jobs .wrapContent .wp-block-group h3.wp-block-heading{
	font-size:		1.0em;		/* 2026.2.25の修正 */
}
body.single-cpt_jobs .wrapContent .wp-block-list li,
body.single-cpt_jobs .wrapContent .wp-block-group p,
body.single-cpt_jobs .wrapContent .wp-block-group table{
	font-size:		0.8em;		/* 2026.2.25の修正 */
}
	/* テーブル */
body.single-cpt_jobs .wrapContent .wp-block-group table td:first-child{
	background-color:		#f8fafc;	/* ホンの薄い青 */
	width:		150px;
}
	/* ボタン */
.wp-block-buttons .wp-block-button__link{
	padding:			20px 50px;
	border-radius:		10px;
	background-color:	var(--primary);
}
	/* 応募する */
.wp-block-buttons .buttonApply .wp-block-button__link{
	position:	fixed;
	top:		200px;
	right:		0px;
	padding:	0px;
	height:		200px;
	width:		70px;
	writing-mode: vertical-rl;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity:0.50;
	opacity:0.50;
}
.wp-block-buttons .buttonApply .wp-block-button__link:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	-khtml-opacity:1.00;
	opacity:1.00;
}
/*-----------------------------------------------------------------*/
/* 投稿個別ページ */
/*-----------------------------------------------------------------*/
	/* 投稿の幅を狭める */
.News_nar_wrap_news__ztYSk {
	width: 100%;			/* 60%; */
	max-width:	initial;
}
	/* Add to Any シェアボタン */
.addtoany_share_save_container{
	width:		100%;
	max-width:	1240px;
	margin:		50px auto;
	padding-left:	20px;
	padding-right:	20px;
}
.addtoany_share_save_container .addtoany_list{
	text-align:		right;
	display:		block;
}
/* 一覧へ戻るボタン */
.wrapButton{
	margin-bottom:	100px;
}
/* 個別ページ送り */
.wrapPager{
	margin-bottom:	100px;
}
.pages .boxTow{
	width:	48% !important;
	border:	1px solid var(--primary);
	padding:	10px !important;
}
.pages .boxTow a{
	display:	block;
}
.pages .boxTow.right{
	text-align:	right;
}


/*-----------------------------------------------------------------*/
/* アーカイブ */
#bk-archive-list{
}
.listRect{
	border-bottom: solid 1px var(--primary);
	padding:	15px 0px;
	line-height:	1.8em;
}
.listRect:first-child{
	border-top: solid 1px var(--primary);
}

.listRect .block-sp{
	width:	250px;
}
.listRect .title{
	flex:	1;
}
.listRect .date{
	color: var(--primary);
	margin-right:	20px;
}
.listRect .post-type{
}
.listRect .post-type a{
	padding:	0px 10px;
	background-color: var(--primary);
	color: 		#fff;
	font-size:	15px;
}
.listRect .title a{
}


.wrapBlog{
	margin-top:		10px;
	margin-bottom:	20px;
}
.boxBlog{
	padding:		10px;
	border-bottom:	1px solid #ccc;
	margin-bottom:	10px;
}
#content .boxBlog p{
	margin:		0px;
}
#content .boxBlog .meta{
	margin-bottom:	15px;
}
#content .boxBlog .title{
	margin:			5px 0px;
	font-size:		15px;
}

.items .icos a{
	color:	#fff;
}
.items .icos a:hover{
	color:	#ccc;
}
	/* 画像のアスペクト比を適正化 */
.txt_area img{
	height:		auto;
}
.boxThree.border{
	position:		relative;
}
.boxThree.border .image{
}
	/* ページ送り */
.pages{
	margin-top:		20px;
	margin-bottom:	20px;
}
.wp-pagenavi{
	text-align:	center;
}
.wp-pagenavi a,
.wp-pagenavi span{
	display:		inline-block;
	margin-bottom:	5px;
	line-height:	1.8em;
	padding:		0px 10px;
}
.wp-pagenavi span.current {
	color: 			#fff;
	border-color: 	#000;
	background-color: var(--primary);
}
.wp-pagenavi a:last-child,
.wp-pagenavi span:last-child{
	margin-right:	0px;
}

/*-----------------------------------------------------------------*/
/* WordPress */
	/* キャプション付きの画像 */
.wp-caption{
	width:	auto !important;
}
.wp-caption-text{
	text-align:	center !important;
}
/*-----------------------------------------------------------------*/
/* メールフォーム */
.form .formRow{
	padding-bottom:	10px;
  border-bottom: 1px solid #eee !important;
	margin-bottom:	30px;
}
.form .formRow title{
	margin-bottom:	10px;
}
.form .formRow .caution{
	font-size:	14px;
	margin-bottom:	10px;
}
.form p{
}
/*
input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]
*/
.form input[type="text"],
.form input[type="email"],
.form input[type="password"],
.form input[type="date"],
.form input[type="tel"],
.form select,
.form textarea{
  border: 1px solid #ccc !important;
  padding: 4px 16px !important;
  background-color: #fff !important;
  border-radius: 3px !important;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
	color:		#333 !important;
	font-weight:	300 !important;
	width:	100%;
	font-size:	0.9em;
	line-height:	normal;
}
.form textarea{
	width:	100%;
}
.form input[type="date"]{
	width:	auto;
}
	/* onePressの挙動をオーバーライド */
textarea:not(.editor-post-title__input):focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus {
/*
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	border-color: #EBEBEB;
	background: #e9e9e9;
*/
	border: 2px solid var(--primary) !important;
}
.form .checkVertical .wpcf7-list-item{
	display:	block;
	border:		1px solid #ccc;
  padding: 5px !important;
	margin-bottom:	10px;
	margin-left:	0px;
}
.form input[type="checkbox"]{
	vertical-align:	middle;
}
.form .inputHalf span{
	width:	48%;
	display:	inline-block;
}
.form .inputHalf > span:first-child{
	margin-right:	4%;
}
.form .memo{
	font-size:	12px;
}
.form .g_red{
	color:	#f00;
}
.form .reqied,
.form .optional{
	font-size:	14px;
	padding:	0px 10px;
	color:	#fff;
	vertical-align: bottom;
	border-radius:	20px;
	background-color:	#555;
	margin-right:	10px;
	vertical-align:	1px;
}
.form .reqied{
	background-color:	#00c4cc;
}
.form .memo{
	font-size:	12px;
}
.form .contact_read {
	width: 100%;
	max-width: 600px;
	margin: 0 auto 40px auto;
	padding: 20px;
	font-size: 0.88em;
	line-height: 1.68em;
	text-align: center;
	background-color: #feeed3 !important;
	border: #feeed3 1px solid !important;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	box-sizing: border-box;
}
.form .submit-button .wpcf7-submit{
	padding:	10px 40px;
	background-color:	var(--primary);
	color:		#fff;
	font-size:	22px;
	/* アニメーション */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition:all 0.5s ease;
}
.form .submit-button .wpcf7-submit:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
}

/*-----------------------------------------------------------------*/
/* サイド */
#sidebar{
}
/*-----------------------------------------------------------------*/
/* フッター */
#footer{
}
/*-------------------------------------------------------------------------*/
/* スマホ */
@media (max-width: 1500px) {
	.breadcrumbs-wrap{
		margin-top:			125px;
	}
}
@media (max-width: 1100px) {

	body.scroll-top #a-header .g-column > .-col8 .menu-parts > .menu-item > a{
		padding:	0.5em 0.6em;		/* 元通り */
	}
}
@media (max-width: 991px) {

	#SmoothContact iframe{
		width:	100%;
	}
}
@media (max-width: 768px) {
	.disp768{display:block;}
	.hide768{display:none;}


	.breadcrumbs-wrap{
		margin-top:			65px;
	}
	body.home #a-billboard {
		margin-top: 0px !important;
	}
	main {
		margin-top: 0px !important;
	}

	.wrapStdPage{
		margin-top:		4em !important;
	}
		/* ロゴ */
	.disp768.c-page_title{
		padding:	10px;
	}
	
	/* 高さ半分にする 幅半分になるので時間を半分にする でもちょっと速いので50 */
	.itemBackLogo {
		animation:background_Right_Left_Horizontal_scroll 80s linear infinite;		/* 右から左 */
		background-size:4347px 150px;
		width:		1450vw;		/* スマホ320pxの場合は画像幅4347px＋画面幅320px分の仮想画像が生成されるように、(4347+320)/320=14.5画面分が必要 */
		height:		150px;
		overflow:	hidden;		/* はみ出たら非表示 */
	}
		/* .itemBackLogoを1つ分左に移動する 背景画像の幅分だけ移動*/
		@-webkit-keyframes background_Right_Left_Horizontal_scroll {
		  0% {
		    transform:translateX(0);		/* ブラウザ左端から */
		  }
		  100% {
		    transform:translateX(-4347px);	/* 左側に１画像分移動する */
		  }
		}
		@keyframes background_Right_Left_Horizontal_scroll {
		  0% {
		    transform:translateX(0);		/* ブラウザ左端から */
		  }
		  100% {
		    transform:translateX(-4347px);	/* 左側に１画像分移動する */
		  }
		}

		/* 採用情報 */
		/* メインビジュアル */
		/* スローガンエリア */
		/* 最上段　大きな文字 */
	.mainVisual .areaSlogan .has-large-font-size{
		font-size:	25px !important;
	}

	.News_nar_wrap_news__ztYSk {
		padding: 0px;
	}

		/* ボタン縦並び */
	.wrapContent .wp-block-group .wp-block-buttons .wp-block-button{
		width:		80%;
	}
	.wrapContent .wp-block-group .wp-block-buttons .wp-block-button .wp-block-button__link{
		padding: 20px 10px;
	}

	.mw_wp_form table{
		margin-bottom:	20px;
		border:			2px solid #000;
	}
	.mw_wp_form .title{
		margin-bottom:	0px;
		padding-bottom:	0px;
	}
	.mw_wp_form tr,
	.mw_wp_form th,
	.mw_wp_form td{
		border:		none;
	}
	.mw_wp_form tr{
		border-bottom:	1px solid #333;
	}
}

@media (max-width: 641px) {  	/*  */
	/* スライダーのテキスト　焼き立てを、毎日届けたい。 */
	#bk19718 > div {
		padding-top: 30px;
	}
}
@media (max-width: 640px) {  	/* スマホブレークポイント SlickNav Menu での規定値 */
	.disp640{display:block;}
	.hide640{display:none;}

	#a-billboard.a-billboard{
		height:		420px;
	}
		/* 上下中央を解除 */
	#a-billboard.a-billboard #TextOnSlider.absCenter{
		top:	0px;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
		/* Messageのabsoluteをrelative */
	#a-billboard.a-billboard #TextOnSlider #bk19838.absCenter{
		position:		static !important;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
		/* 画像の高さ制限を解除 */
	#a-billboard.a-billboard .unite-gallery .ug-item-wrapper img {
		height: auto !important;
	}
		/* インスタグラム */
	#Instagram .boxTow{
		width:	100%;
	}
	#Instagram .boxTow:first-child{
		margin-bottom:	30px;
	}

	.listRect .block-sp{
		width:	100%;
		margin-bottom:	5px;
	}
	.boxFour{
		width:	48%;
		margin-bottom:	30px;
	}



	/* スクロールバーを出す */
	/* https://01earth.jp/web-create/coding/scroll-bar/ */
	.scroll-wrap table{
		width:	640px;
	}

	.scroll-wrap{
		width: 	100%;
		padding-bottom:	20px;
		overflow-x: auto;
	}
	.scroll-wrap::-webkit-scrollbar {
		height: 10px;
	}
	.scroll-wrap::-webkit-scrollbar-thumb{
		background: #999;
		border-radius: 5px;
	}
	.scroll-wrap::-webkit-scrollbar-track-piece {
		background: #efefef;
	}


	.scroll-wrap table font[size="5"]{
		font-size:		13px;
	}
}
@media (max-width: 480px) { 
.disp480{display:block !important;}
.hide480{display:none !important;}

	/* 店舗情報　ページタイトル */
	.shopContent .c-title {
		font-size: 1.3em;
	}

	.mw_wp_form .inputShort input{
		width:		100% !important;
	}
	.mw_wp_form .mwform-zip-field input{
		width:	100px !important;
	}

	/* ２列 */
	.boxThree{
/*		width:	50%;		/*  */
	}

		/* 採用情報 */
		/* メインビジュアル */
		/* スローガンエリア */
	.mainVisual .areaSlogan.absCenter{
		padding:		20px;
		background-color:	#333;

			/* オーバーラップ解除 */
		position:	relative !important;
		top:	0px;
		-webkit-transform: translateY(0);
  		-ms-transform: translateY(0);
  		transform: translateY(0);
	}
	.mainVisual .areaSlogan p{
		margin-bottom:	5px;
		line-height:	1.5em;
		text-align:		left;
		width:			100%;
	}
	.mainVisual .areaSlogan p.shadowGray{
		text-shadow:	none;
	}
		/* 最上段　大きな文字 */
	.mainVisual .areaSlogan .has-large-font-size{
		font-size:	20px !important;
	}


	body.single-cpt_jobs .wrapContent .wp-block-group table td:first-child{
		width:		80px;
	}

	/* 個別ページ送り */
	.pages .boxTow{
		width:	100%;
		border:	1px solid #ccc;
		padding:5px;
		margin-bottom:	20px;
	}
	.pages .boxTow.right{
		margin-bottom:	0px;
	}

	.listRect .title{
		display:	block;
	}

	/* スマホでスクロールバーを出す */
	.tablepress-table-name,
	.scroll-wrap-480 table{
		width:	450px;
	}
	.scroll-wrap-480{
		width: 100%;
/*		padding: 5%;	*/
		overflow-x: auto;
		padding-bottom:	20px;
		margin-bottom:	20px;	/* 下の要素との距離 */
	}
	.scroll-wrap-480::-webkit-scrollbar {
		height: 10px;
	}
	.scroll-wrap-480::-webkit-scrollbar-thumb{
		background: #999;
		border-radius: 5px;
	}
	.scroll-wrap-480::-webkit-scrollbar-track-piece {
		background: #efefef;
	}

}
@media (max-width: 420px) { 
	.mainVisual .areaSlogan p{
		font-size:	15px !important;
	}
		/* 最上段　大きな文字 */
	.mainVisual .areaSlogan .has-large-font-size{
		font-size:	17px !important;
	}
}
@media (max-width: 380px) { 
	#a-billboard.a-billboard{
		height:		480px;
	}
	.boxFour{
		width:	100%;
	}
	.boxJobs-vertical.boxTow{
		width:	100%;
		margin-bottom:	30px;
	}
	.wrapContent .wp-block-group .wp-block-buttons .wp-block-button{
		width:		100%;
	}
}
/*-------------------------------------------------------------------------*/
/* 印刷 */
@media print { 
}