/******************************************************************************/
/* トップ・ページ  */
/******************************************************************************/
@charset 'UTF8';

button,button *,.tab_sel0,.tab_sel1,slide_subtitles,
.sel_menu_li_,.sel_menu_li_ sapn,.sel_menu_li,.sel_menu_li span{
	font-family:"Times New Roman","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
}

.header_title3{
	padding-left:10px; width:100%; line-height:2; font-size:60%; font-weight:bolder;
	color:var(--brun); background-color:var(--gold);
}

/******************************************************************************/
/* 検索枠 */
/******************************************************************************/
#search{
	margin:0; padding:0; width:100%; background-color:var(--brun); display:none;
}
#search_div{
	margin:0 auto; padding:.5ex; width:100%; max-width:800px;
}
#search_div input{
	margin:0; padding:0; height:1.5em; float:left;
	width:calc(100% - 2.5em); width:-webkit-calc(100% - 2.5em); 
	border:solid 2px black;
}
#search_button{
	margin:0; padding:0; width:2em; height:1.5em; border:none;
	border-radius:.5ex; -webkit-border-radius:.5ex;
	-moz-border-radius:.5ex; -o-border-radius:.5ex;
	background:url('images/search.png') no-repeat;
	background-size:auto 80%; background-position:center; 
	background-color:var(--gold); border:solid 2px black;
}
#search_button:hover{ background-color:var(--gold1); border-color:white; }
#search_button:active{ background-color:var(--gold3);  border-color:var(--brun);}

/******************************************************************************/
/* TOP キャッチ画面  Business / Customer */
/******************************************************************************/
.top_div0,.top_div1{ padding:1ex; width:100%;}
.top_div0{ background-color:black; }
.top_div1{ background-color:#29304b; }

/* Sub タイトル */
.top_title{
	line-height:2; width:100%; text-align:center; font-weight:bold;
	font-size:100%; font-weight:bold; font-family:'A-OTF UD新ゴ Pro L';
	color:var(--gold);
}

/* キャッチコピー */
.top_catchcopy{
	width:100%; text-align:center; color:white; line-height:1.5;
	font-size:100%; font-weight:500; font-family:'A-OTF UD新ゴ Pro L';
}

/* キャッチ企業一覧 画像 */
.top_imglist{ margin:0 auto; width:100%; max-width:1280px; }
.top_imglist img{
	width:calc((100% - 2ex) / 3);
	width:-webkit-calc((100% - 2ex) / 3);
	height:calc(((100% - 2ex) / 3) * 0.7);
	height:-webkit-calc(((100% - 2ex) / 3) * 0.7);
	border:solid .5ex rgb(0,0,0,0); 
}

@media screen and (min-width:719px){
	.top_imglist img{
		width:calc((100% - 2ex) / 6);
		width:-webkit-calc((100% - 2ex) / 6);
		height:calc(((100% - 2ex) / 6) * 0.7);
		height:-webkit-calc(((100% - 2ex) / 6) * 0.7);
	}
}

/******************************************************************************/
/* 支援SELECT BOX  */
/******************************************************************************/
.tab_div{ width:100%; }
.tab_sel_div{ text-align:center; width:100%; font-size:90%; }
.tab_sel0,.tab_sel1{ margin:1ex auto; width:95%; max-width:360px; height:2.5em; cursor:pointer; }

/******************************************************************************/
/* 支援TAB BUTTON  */
/******************************************************************************/
.tab_button_div0,.tab_button_div1{ margin:0 auto; width:1180px; white-space:nowrap; }
.tab_button0,.tab_button1{
	margin:0 1px; padding:0 0 4px 0; width:128px; height:2.4em; 
	font-size:96%; font-family:'A-OTF UD新ゴ Pro L'; cursor:pointer;
	float:left; line-height:.96; display:block;
}
.tab_button0 span,.tab_button1 span{ font-size:70%;line-height:.7; }
.tab_button0 img,.tab_button1 img{ width:.6ex; height:1em; border:0; }


/******************************************************************************/
/* 支援一覧選択メニュー */
/******************************************************************************/
/* 支援一覧選択メニュー 背景 */
.sel_menu{ 
	top:-4px; left:-4px; width:0; height:0; position:fixed;
	overflow-x:hidden; overflow-y:auto;  z-index:1; 
	content:'';	display:block;
	background-color:rgba(0,0,0,0.75);
	opacity:0; transition:opacity .5s;
}
/* 支援一覧選択メニュー 開く */
.sel_menu.open{
	top:0; left:0; width:100vw; height:100vh; z-index:99999; 
	opacity:1; transition:opacity .5s;
}

/* 支援一覧選択メニュー 閉じる [x] 枠 */
.sel_menuX_div{ 
	margin:4em auto 0 auto; width:328px; height:2em; position:relative; 
}

/* 閉じる [×] */
.sel_menuX{
	right:1ex; width:1.6em; height:1.6em; position:absolute;
	display:inline-block; cursor:pointer; background-color:#999;
	border-radius:.4em; -webkit-border-radius:.4em;	-moz-border-radius:.4em;
	border:solid .1em #eee; font-size:110%;
}
.sel_menuX:hover{ background-color:#eee; }
.sel_menuX img{ width:1em; border:0; }

/* 支援一覧選択メニュー */
.sel_menu_ui{ 
	margin:4px auto; padding:4px; width:320px; overflow:hidden;
	text-align:center;
}
.sel_menu_li{
	margin:0 1px; padding:0 0 4px 0; width:100%; height:2.4em; 
	font-size:90%; font-family:'A-OTF UD新ゴ Pro L'; cursor:pointer;
	line-height:1em; font-weight:bold; color:var(--brun);
	border-left:solid 1ex var(--gold);/*左側の線*/
	background:rgb(243,243,228);/*背景色*/
	margin-bottom:5px;/*下のバーとの余白*/
	border-radius:0 15px 15px 0;/*右側の角だけ丸く*/
	list-style-type:none!important;	
}
.sel_menu_li:hover{
	border-left:solid 1ex var(--brun);/*左側の線*/
	background:var(--brun3);/*背景色*/
	color:var(--gold);
}
.sel_menu_li:active{
	border-left:solid 1ex var(--brun);/*左側の線*/
	background:var(--brun2);/*背景色*/
	color:var(--gold);
}
.sel_menu_li span,.sel_menu_li_ span{ font-size:60%; line-height:.7em; }

/* 未使用時の灰色 */
.sel_menu_li_{ 
	margin:0 1px; padding:0 0 4px 0; width:100%; height:2.4em; 
	font-size:90%; font-family:'A-OTF UD新ゴ Pro L'; cursor:pointer;
	line-height:1em; font-weight:bold; color:#777;
	border-left:solid 1ex #eee;/*左側の線*/
	background:#ddd;/*背景色*/
	margin-bottom:5px;/*下のバーとの余白*/
	border-radius:0 15px 15px 0;/*右側の角だけ丸く*/
	list-style-type:none!important;	
}

/******************************************************************************/
/* 登録企業一覧スライド  */
/******************************************************************************/
.slide{
	padding:0 1.5ex 1ex .5ex; width:100vw; 
	border-top:solid 1px var(--brun); 
}

.swiper-pagination-bullet{
	width:16px;	height:16px;
	background:#ffffff; opacity:0.5; color:#000000;
	font-size:12px;	line-height:16px;
}

/* 現在のスライドのスタイル */
.swiper-pagination-bullet-active{
	background-color:#000000; color:#ffffff;
}

/*----------------------------------------------------------------------*/
/* 企業内容外枠 */
/*----------------------------------------------------------------------*/
/* 企業内容先頭 支援カテゴリ */
.slide_categorys{ 
	width:100%;	height:2.5em; 
	font-weight:bolder;
	font-size:96%; font-family:'A-OTF UD新ゴ Pro L'; 
	text-align:center; vertical-align:middle;
}
.slide_categorys span{ 
	font-family:'A-OTF UD新ゴ Pro L'; font-size:70%;line-height:.7; 
}

/* 企業名(サブ・タイトル) */
.slide_items0,.slide_items1{ padding-top:1ex; }
.slide_items0.bgimg,.slide_items1.bgimg{
    background-position:top;
    background-image:url(/images/triangle5.png);
    background-repeat:no-repeat;
    background-size:1em 1ex;
}

.slide_subtitles{/* 企業名(サブ・タイトル) */
	width:100%; height:2em; line-height:2em;
	text-align:center; vertical-align:middle; font-size:120%; font-weight:bolder;
	border-bottom:solid 1px var(--brun);
}

/* 企業内容 */
.slide_subitems0,.slide_subitems1{
	width:100%;
	height:calc(((100vw - 5ex) * 0.7) + 5.25em); 
	height:-webkit-calc(((100vw - 5ex) * 0.7) + 5.25em);
	border:solid 1px var(--brun);
}
/*
.slide_subitems0.active,.slide_subitems1.active{ background-color:var(--gold); }
*/

/* 企業内容画像枠 */
.slide_image{
	width:100%; 
	height:calc((100vw - 5ex) * 0.7 - 2px); 
	height:-webkit-calc((100vw - 5ex) * 0.7 - 2px);
	background-size:contain; 
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
	transition:all .5s;
}

/* クリックしたとき表示する説明とボタン */
.slide_background0,.slide_background1{ /* 背景 */
	width:0;height:0;  position:relative; display:none;
	background-color:rgb(0,0,0,.8); color:var(--gold);
	vertical-align:middle; line-height:1;
	transition:all .5s;
}
.slide_background0.open,.slide_background1.open{
	width:100%; height:100%; display:block;
	transition:all .5s;
}
.slide_service{ font-weight:bold; }/* サービス紹介 */
.slide_text{
	transform:translateY(-50%);  top:50%; left:.5em; position:absolute;
	width:calc(100% - 1em);	width:-webkit-calc(100% - 1em);
}
@media screen and (max-width:512){
	.slide_text{ padding:1ex; position:relative; }
}

/* 企業一覧 下段ボタン  */
.slide_buttons{
	width:100%; height:2em; cursor:pointer; 
	border-top:solid 1px var(--brun); 
}
.slide_button1{
	width:50%; height:2em; line-height:2em;;
	text-align:center; vertical-align:middle;
	font-family:'Kokila'; font-size:140%; float:left;
}
.slide_button2{ 
	width:50%; height:2em; line-height:2em;;
	text-align:center; vertical-align:middle;
	font-family:'Kokila'; font-size:140%; float:left;
	border-left:solid 1px var(--brun); 
}

.slide_button1:hover,.slide_button2:hover{ background-color:var(--brun1); }
.slide_button1:active,.slide_button2:active{ background-color:var(--gold1); color:var(--broun); }
.slide_button1 img,.slide_button2 img{ height:1em; }

/******************************************************************************/
/* swiper */
/******************************************************************************/
@media screen and (min-width:512px){
	.slide_subitems0,.slide_subitems1{
		height:calc(((100vw - 5ex) * 0.7) / 2 + 5.25em); 
		height:-webkit-calc(((100vw - 5ex) * 0.7) / 2 + 5.25em);
	}
	.slide_image{
		height:calc((100vw - 5ex) / 2 * 0.7 - 2px); 
		height:-webkit-calc((100vw - 5ex) / 2 * 0.7 - 2px);
	}
}
@media screen and (min-width:1200px){
	.slide_subitems0,.slide_subitems1{
		height:calc(((100vw - 5ex) * 0.7) / 3 + 5.25em); 
		height:-webkit-calc(((100vw - 5ex) * 0.7) / 3 + 5.25em);
	}
	.slide_image{
		height:calc((100vw - 5ex) / 3 * 0.7 - 2px); 
		height:-webkit-calc((100vw - 5ex) / 3 * 0.7 - 2px);
	}
}
@media screen and (min-width:1600px){
	.slide_subitems0,.slide_subitems1{
		height:calc(((100vw - 5ex) * 0.7) / 4 + 5.25em); 
		height:-webkit-calc(((100vw - 5ex) * 0.7) / 4 + 5.25em);
	}
	.slide_image{
		height:calc((100vw - 5ex) / 4 * 0.7 - 2px); 
		height:-webkit-calc((100vw - 5ex) / 4 * 0.7 - 2px);
	}
}
@media screen and (min-width:2000px){
	.slide_subitems0,.slide_subitems1{
		height:calc(((100vw - 5ex) * 0.7) / 5 + 5.25em); 
		height:-webkit-calc(((100vw - 5ex) * 0.7) / 5 + 5.25em);
	}
	.slide_image{
		height:calc((100vw - 5ex) / 5 * 0.7 - 2px); 
		height:-webkit-calc((100vw - 5ex) / 5 * 0.7 - 2px);
	}
}
@media screen and (min-width:2400px){
	.slide_subitems0,.slide_subitems1{
		height:calc(((100vw - 5ex) * 0.7) / 6 + 5.25em); 
		height:-webkit-calc(((100vw - 5ex) * 0.7) / 6 + 5.25em);
	}
	.slide_image{
		height:calc((100vw - 5ex) / 6 * 0.7 - 2px); 
		height:-webkit-calc((100vw - 5ex) / 6 * 0.7 - 2px);
	}
}
@media screen and (min-width:2800px){
	.slide_subitems0,.slide_subitems1{
		height:calc(((100vw - 5ex) * 0.7) / 7 + 5.25em); 
		height:-webkit-calc(((100vw - 5ex) * 0.7) / 7 + 5.25em);
	}
	.slide_image{
		height:calc((100vw - 5ex) / 7 * 0.7 - 2px); 
		height:-webkit-calc((100vw - 5ex) / 7 * 0.7 - 2px);
	}
}
@media screen and (min-width:3200px){
	.slide_subitems0,.slide_subitems1{
		height:calc(((100vw - 5ex) * 0.7) / 8 + 5.25em); 
		height:-webkit-calc(((100vw - 5ex) * 0.7) / 8 + 5.25em);
	}
	.slide_image{
		height:calc((100vw - 5ex) / 8 * 0.7 - 2px); 
		height:-webkit-calc((100vw - 5ex) / 8 * 0.7 - 2px);
	}
}
@media screen and (min-width:3600px){
	.slide_subitems0,.slide_subitems1{
		height:calc(((100vw - 5ex) * 0.7) / 9 + 5.25em); 
		height:-webkit-calc(((100vw - 5ex) * 0.7) / 9 + 5.25em);
	}
	.slide_image{
		height:calc((100vw - 5ex) / 9 * 0.7 - 2px); 
		height:-webkit-calc((100vw - 5ex) / 9 * 0.7 - 2px);
	}
}

/*****************************************************************************
  SEOのための link
 */
.companys{
	position:absolute;
	top:0px;
	left:0px;
}
/******************************************************************************/