@charset "utf-8";
/* CSS Document */

/*----------------------------------------------
Set
----------------------------------------------*/

* {
    margin: 0px;
    padding: 0px;
}
.sentence.home-sentence .leftmenu .abouttechno {
	margin-bottom: 15px;

}

.gaiyou-program, .gappon-program, .interview-program, .order-program, .past-program, .program-program, .sitemap-program, .sentence .program, .kouenkigyo {
    width: 73%;
    clear: none;
    float: right;
	margin-bottom: 2em;
}

html, body { height:100%; }

body {
    width: 100%;
    font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    /* [disabled]font-size: 14px; */
}

img {
	border: none;
	vertical-align: middle;
}

.ccc {
	position: relative;
	float: left;
	height: 0px;
}
.top h1 table {
    max-width: 1240px;
    max-height: 450px;
    width: 100%;
}
@media print {

}



* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.clea {
	clear: both;
}


/*----------------------------------------------
 basic class（全体共通の枠組み）
----------------------------------------------*/
.wrapper {
	margin: auto;
	width: 910px;
	height: auto;
	clear: both;
}

.top {
    text-align: center;
    margin: auto;
    background-repeat: repeat-x;
    background-position: center center;
    background-image: url(../image2023/top-backimage.png?20230620-1601);
}
/* サイト名 */
.top:after {
	content: "";
	display: block;
	clear: both;
}

.top h1 {
	margin: auto;
	line-height: 100%;

}
.top img {
	border: none;
	height: auto;
	max-width: 100%;
	margin: auto;
	vertical-align: bottom;
}


.sentence {
    margin: auto;
    padding: 3% 2%;
    clear: both;
    max-width: 1000px;
/*    display: flex;*/
}
.sentence:after {
	content: "";
	display: block;
	clear: both
}


.end-sp {
	clear: both;
	margin: 0;
	padding: 0;
	height: 15px;
	font-size: 1px;
	line-height: 1px;
}
/*  */
.contents {
	margin: auto;
}

.contents-motor {
    margin: auto;
    max-width: 1000px;
}

/*----------------------------------------------
 footer
----------------------------------------------*/
.footer {
	color: #FFFFFF;
	font-size: 12px;
	padding: 20px 0 30px 0;
	background-color: #191D2B;
	margin: 0;
	width: 100%;
	/* [disabled]min-width: 910px; */
	text-align: center;
	clear: both;
}

.footer .footer-navi {
	/* [disabled]height: 30px; */
	margin: 0 auto 25px auto;
	padding: 0 5px 20px 5px;
	font-size: 12px;
	border-bottom: 1px solid #6E7590;
}
.footer-navi ul {
	display: inline-table;
	font-size: 0;
}
.footer-navi li {
	display: inline-block;
	font-size: 13px;
	list-style-type: disc !important;
	padding: 0 15px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-right: 1px solid #FFFFFF;
}
.footer-navi li:last-child {
	border-right: 0px none #FFFFFF;
}
.footer .footer-con {
	padding: 0 5px;
	/* [disabled]width: 910px; */
}

.copyright {
	margin-top: 10px;
}

/* footerリンク */
.footer a{
	color: #FFFFFF !important;
	text-decoration: underline;
	}
	
.footer a:hover {
	color: #CCCCCC !important;
	text-decoration: none;
	}

.footer a:visited {
	color: #FFFFFF !important;
	text-decoration: underline;
	}

/*----------------------------------------------
 .ttl （タイトル設定）
----------------------------------------------*/
/* ページタイトル */
.ttl {
    color: #FFFFFF;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 20px;
    text-align: left;
    padding-left: 15px;
    margin-top: 3px;
    padding-top: 1%;
    font-weight: bold;
    margin-bottom: 10px;
    background-color: #19377c;
    border-radius: 5px;
    padding-bottom: 1%;
    /* [disabled]border: 1px solid #e09e23; */
    width: auto;
}

/* 各項目タイトル（開催概要） */
.ttl-gaiyou-sub {
    color: #000000;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bolder;
    font-size: 1.1em;
    padding: 10px 10px 0px 10px;
    text-align: center;
    clear: both;
    border-bottom: 1px dashed #1e2c59;
    margin-bottom: 8px;
    margin-top: 30px;
}

/* 各項目タイトル（合本・申込み・セミナー案内） */
.ttl-sub02 {
	color: #12317B;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bolder;
	font-size: 17px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 5px;
	background-color: #E0E0E0;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-left: auto;
	border-bottom: 3px solid #BEBEBE;
	margin-right: auto;
	padding-left: 15px;
}

/*----------------------------------------------
Link
----------------------------------------------*/

a img {
border-style: none;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

h1 a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* リンク色(通常) */
a:link {
	color: #1D1D1D;
	text-decoration: underline;
}

/* リンク色(マウスオーバー時) */
a:hover {
	color: #565656;
	text-decoration: none;
}

/* リンク色(選択状態) */

a:active {
	color: #565656;
	text-decoration: underline;

	}

/* リンク色(訪問済) */
a:visited {
	color: #1D1D1D;
	text-decoration: underline;
}




/*----------------------------------------------
 text
----------------------------------------------*/
.txt-line {
	text-decoration: line-through;
}
.txt-s {
	font-size: 12px;
}
.txt-m {
	font-size: 11px;
}
.txt-70 {
	font-size: 70%;
}
.txt-80 {
	font-size: 80%;
}
.txt-90 {
	font-size: 90%;
}
.txt-tf {
	font-size: 91%;
}
.txt-ml {
	font-size: 110%;
}

.txt-l {
	font-size: 130%;
}
.text-red {
color:#FF0000;
	}
	
.text-red-bold {
	color: #FF0000;
	font-weight: bold;
	font-size: 13px;
	}	
.text-REDB {
	color: #FF0000;
	font-weight: bold;
	}	
	
.text-red-bold a:link {
color: #FF0000;
text-decoration: underline;
}
.text-red-bold a:visited {
color: #FF0000;
text-decoration: underline;
}
.text-red-bold a:hover {
color: #FF6D6D;
text-decoration: underline;
}
.text-red-bold a:active {
color:#FE69E4;
text-decoration: underline;
}
	
	

.text-small {
	font-size: 11px;
	font-weight: normal;
	}	
.text-bold {
	font-size: 14px;
	font-weight: bold;
	color: #002062;
}	

.text-bold2 {
	font-size: 17px;
	font-weight: bold;
	color: #000;
}	

.text-bold3 {
font-size: 14px;
font-weight: bold;
color:#042885;
}	

.text-bold4 {
font-size: 12px;
font-weight: bold;
color:#000;
}	

.text-under {
	text-decoration: underline;
	}
		
/*----------------------------------------------
 参加申込締め切り
----------------------------------------------*/

.text-moushi {
	font-size: 15px;
	line-height: 1.5;
	font-weight: bold;
	color: #F00;
	padding: 5px;
	text-align: center;
}

/*----------------------------------------------
 会場案内
----------------------------------------------*/
.kaijyoumei {
	font-size: 130%;
	font-weight: bolder;
}

.kaijyoubasyokakomi {
    margin-left: auto;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    max-width: 500px;
    margin-right: auto;
}
.mapbody {
    margin: auto;
    max-width: 950px;
}
.mapbody a img {
	width: 100%;
}


/*----------------------------------------------
 注意事項
----------------------------------------------*/
/*各プログラム*/
.program-tyuui {
	margin: 20px 0px 25px 0px;
	padding: 9px;
	border: 3px double #FF0004;
	/* [disabled]display: none; */
	color: #FF0004;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	background-color: #FCFFD1;
}


.scrt {
	display: none;
}

/*----------------------------------------------
 字下げ
----------------------------------------------*/
.subtxt {
	font-size: 70%;
}
/*----------------------------------------------
 字上げ
----------------------------------------------*/
.suptxt {
	font-size: 60%;
	/* [disabled]vertical-align: top; */
}
sup {
	font-size: 50%;
	vertical-align: super;
}

/*カスタム検索 横余白なし*/
.cse .gsc-control-cse, .gsc-control-cse {
    padding: 1em 0em !important}


/* 縦メニューセッションアイコン */
.menu-isp, .menu-ia, .menu-ibc, .menu-id, .menu-ie, .menu-if, .menu-ig, .menu-icar {margin-right: 5px;}
.menu-isp {	background-color: #cda008;}
.menu-ia {	background-color: #0f31a4;}
.menu-ibc {	background-color: #fd0000;}
.menu-id {	background-color: #ff6600;}
.menu-ie {	background-color: #5f5a9c;}
.menu-if {	background-color: #f10162;}
.menu-ig {
	background-color: #00815b;
}
.menu-icar {
	background-color: #3d9a27;
}

/* 新型コロナウイルス感染防止への対応について リンク */
.disconCorona a {
	font-size: 25px;
	text-align: center;
	/* [disabled]border: 5px solid #FFE8C8; */
	margin-bottom: 25px;
	padding: 12px;
	color: #FFFFFF;
	border-radius: 12px;
	background-color: #FF7600;
	display: block;
}
.disconCorona a:hover {
	background-color: #FF8823;
}
/* オンライン配信利用規約 小項目 */
.tl {
	color: #0035A2;
	font-size: 15px;
	font-weight: bold;
}

/* プログラム注意書きの網掛け（会場） */
.ami-kaijyo {
    background-color: #EFF7E0;
    color: #000000;
    padding: 0.3em 0.3em 0.1em 0.3em;
    font-weight: bold;
}
/* プログラム注意書きの網掛け（web Zoom） */
.ami-web {
    background-color: #DBF2FF;
    /* [disabled]color: #FFFFFF; */
    padding: 0.3em 0.3em 0.1em 0.3em;
    font-weight: bold;
}
a.old-motorlink {
    text-decoration: none;
}
a .old-motor {
    background-color: #6B6B6B;
    color: #FFFFFF;
    text-align: center;
    padding: 10px 10px;
    margin-bottom: 30px;
    font-size: large;
    font-weight: bold;
    border: 3px solid #ACACAC;
    text-decoration: none;
}
a .old-motor:hover {
    border: 3px solid #f6b398;
    background-color: #E50112;
}
.top-motor {
    text-align: center;
    margin: auto;
    background-position: center top;
    width: 100%;
    background-image: url(../motor-images/top-title-back.jpg);
    background-repeat: no-repeat;
}

/* ################
ナビゲーションメニュー
############### */

.navbar {
/*    background-color: #E50112;*/
    background-color: #EFEFEF;
    width: 100%;
	/*    display: flex;
    justify-content: space-between;*/
}

.navmenu {
    list-style-type: none;
}

.navmenu li {
    padding: 3px 10px;
    border: 1px solid #FFFFFF;
}

.navmenu li:last-child {
}

.navmenu li a {
}
.navmenu li a:hover {
}
.dropdown-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.dropdown .dropdown-content li {
    list-style-type: none;
    border: 0px solid #9B9B9B;
}
.dropdown .dropdown-content li a {
}
.dropdown .dropdown-content li a:hover {
}
.dropdown:hover .dropdown-content {
}
.dropdown .dropdown-content li ul li {
}
.dropdown .dropdown-content li ul li a {
}


.dropdown-sA {
    font-weight: bold;
    color: #0f3192;
    font-size: 14px;
}
.dropdown-sB {
    font-weight: bold;
    color: #fd0000;
    font-size: 14px;
}
.dropdown-sD {
    font-weight: bold;
    color: #ff6600;
    font-size: 14px;
}
.dropdown-sE {
    font-weight: bold;
    color: #5f5a9c;
    font-size: 14px;
}
.dropdown-sF {
    font-weight: bold;
    color: #f10162;
    font-size: 14px;
}
.dropdown-sG {
    font-weight: bold;
    color: #00815b;
    font-size: 14px;
}

/* ########### 359px以下 ########## */
@media (max-width: 359px) {

/* トグルボタン */
#menubtn {
	/* [disabled]top: 155px !important; */
}

/* サイト名 */
.site img {width: 225px;
height: auto;
}
/* ヘッダー画像にキャッチコピーを重ねる */
.catch {
	left: 2%;
	right:2%;
}
/* 連絡事項（HOME,お申込み） */
.notice {
	font-size: 20px;
}


}


/* ########### 767px以下 ########## */
@media (max-width: 767px) {

/* トグルボタン */
#menubtn {
	padding: 6px 12px;
	background-color: #001d2c;
	border: 1px solid #AAAAAA;
	cursor: pointer;
	width: 80px;
	font-size: 18px;
	color: #FFFFFF;
	display: block;
	position: fixed;
	top: 0px;
	right: 0px;
	font-family: "ＭＳ Ｐゴシック";
	z-index: auto;
}
#menubtn:hover {
	background-color: #546076;
}
#menubtn:focus {
	outline: none;
}
#menubtn i {
	color: #888888;
	font-size: 18px;
}
#menubtn span {
	font-size: 14px;
	vertical-align: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

/* ナビゲーションメニュー（縦並び） 
#menu {
	display: none;
	position: fixed;
	right: 0px;
	top: 31px;
}

.menu ul {
	margin: 0;
	list-style-type: none;
	padding: 0 0;
	background-color: #001d2c;
}
.menu ul:after {
	content: "";
	display: block;
	clear: both
}
.menu li a {
	display: table-cell;
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none;
	border: 1px dotted #006091;
	padding: 10px 7px 7px 7px !important;
	clear: both;
	height: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
}
.menu li a:hover {
	background-color: #546076;
}
	.menu ul li {
	display: table !important;
	width: 49% !important;
	height: auto;
	margin: 0 !important;
	padding: 0 !important;
	letter-spacing: 0.05em !important;
	float: left;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	border-collapse: collapse;
	}
	.menu ul li:nth-child(even) {
	width: 49% !important;
	}
.menu ul .sp:nth-last-child(-n+2) {
}*/
/* ナビゲーションメニュー（縦並び） */
#menu {
	display: none;
	position: fixed;
	right: 0px;
	top: 31px;
}


/* 縦メニューでの改行非表示 */
.spmenutxt {
	display: none;
}
.section {
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 25px;
	padding-bottom: 25px;
}
.header-nav {
	position: absolute;
}

/* トップページ以外のページの横幅設定 */
.gaiyou-program, .gappon-program, .interview-program, .order-program, .past-program, .program-program, .sitemap-program, .sentence .program, .kouenkigyo {
	float: none;
	width: 100%;
}

/* HOME以外の左メニュー幅設定 */
.gaiyou-sentence .leftmenu, .gappon-sentence .leftmenu, .interview-sentence .leftmenu, .order-sentence .leftmenu, .past-sentence .leftmenu, .program-sentence .leftmenu, .sitemap-sentence .leftmenu {
	width: 100%;
	padding-top: 0px;
	clear: both;
	border-top: 5px solid #000000;
}

.sessionnavi{
    clear: both;
    margin: 0 auto;
    padding: 1%;
    text-align: center;
    display: flex;


 
	flex-direction: row;
	flex-wrap: wrap;
	}

.leftmenu .sessionnavi a {
	margin-bottom: 1px;
	display: block;
	float: left;
	/* [disabled]width: 50%; */
	max-width: 210px;
	margin-right: 1px;
}
.sessionnavi span {
	text-indent: -99999px;

	font-size: 0%;
}

/* 携帯、タブレット版用にTECHNOFRONTIER展示会メニューの文字を100％に戻す */
.txt-tf {
	font-size: 100%;
}
}


/* ########### 861px以下 ########## */
@media (max-width: 861px) {
/* PC版三行の高さ調整 */
.menu-sangyo a {
	padding: 13px 0 10px 0;
	line-height: 100%;
	height: 20px;
}
/* PC版三行ボタンの高さ調整 */
.menu-sangyo a:hover {
	padding: 15px 0 8px 0;
}
}
/* ########### 599px以上 ########## */
@media (min-width: 599px) {

/* ################
ナビゲーションメニュー
############### */

.navbar {
    background-color: #E50112;
    display: flex;
    justify-content: space-between;
}

.navmenu {
    display: flex;
    width: 100%;
	max-width: 1240px;
	margin-right: auto;
	margin-left: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.navmenu li {
    margin-right: 0px;
    width: 14.28%;
    text-align: center;
    font-size: 13px;

    padding: 0px;
    border: 0px solid #9B9B9B;
}


.navmenu li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #FFFFFF;
    min-height: 65px;
}
.navmenu li a:hover {
    background-color: #012350;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #EFEFEF;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    width: 550px;
}

.dropdown .dropdown-content li {
    list-style-type: none;
    padding: 10px;
    width: 33.333%;
}
.dropdown .dropdown-content li a {
    min-height: 20px;
    color: #000000;
    text-decoration: underline;
}
.dropdown .dropdown-content li a:hover {
    color: #ffffff;
    text-decoration: none;
}
.dropdown:hover .dropdown-content {
    display: flex;
    /* [disabled]flex-direction: column; */
}
.dropdown .dropdown-content li ul li {
    padding: 2px 10px;
    list-style-type: none;
    width: 90%;
}
.dropdown .dropdown-content li ul li a {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
}
}
/* ########### 768px以上 ########## */
@media (min-width: 768px) {

/* トグルボタン */
#menubtn {	display: none;}

/* トグルボタン（セッションA-car、SP非表示） */
#menu ul .sp {	display: none;}

/* ナビゲーション（横並び） */
#menu {
	display: block !important;
}
.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
}
.menu ul li a p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); /* Safari用 */
    transform: translate(-50%, -50%);
    width: 99%;
}

.menu li a {
    display: block;
    color: #FFFFFF;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    border-bottom: 6px solid #EF2938;
    position: relative;
    min-height: 65px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.menu li a:hover {
    background-color: #012350;
    border-bottom: 6px solid #0D356A;
}
ul .menu-spot a {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-color: #9E0000;
    display: none;
}
ul .menu-spot a:hover {
    background-repeat: no-repeat;
    /* [disabled]margin-top: 2px; */
    background-color: #B10000;
    border-bottom-color: #009eff;
}

.menu ul:after {
	content: "";
	display: block;
	clear: both
}
.menu > li {
    float: left;
    width: 12.5%;
}

.header-nav {
    float: none;
    width: 100%;
    background-color: #E50112;
}

.navbar ul li a p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); /* Safari用 */
    transform: translate(-50%, -50%);
    width: 99%;
}
.navmenu li > a {
    display: block;
    color: #FFFFFF;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    position: relative;
    min-height: 65px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* HOME以外の左メニュー幅設定 */
.gaiyou-sentence .leftmenu, .gappon-sentence .leftmenu, .interview-sentence .leftmenu, .order-sentence .leftmenu, .past-sentence .leftmenu, .program-sentence .leftmenu, .sitemap-sentence .leftmenu {
    clear: left;
    /*	width: 210px;*/
    width: 23%;
    padding-bottom: 10px;
    max-width: 260px;
    margin-right: 2%;
    float: left;
}

}
/* ########### 1000px以上 ########## */
@media (min-width: 1000px) {

.sentence-motor {
    padding: 0px;
    max-width: 950px;
    margin-right: auto;
    margin-left: auto;
}


/* 全体の横幅を固定 */
.contents-motor {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
}
/* ########### 1240px以上 ########## */
@media (min-width: 1240px) {

.sentence {
    padding: 20px 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}


/* 全体の横幅を固定 */
/*.contents {
    width: 1240px;
    margin-left: auto;
    margin-right: auto;
}*/
.footmenu {
	width: 1240px;
	margin-left: auto;
	margin-right: auto;
}
.top h1 {
    width: 1240px;
}
.menu {
    width: 1240px;
}

/* ヘッダー*/ 
.header {
	padding-top: 2%;
}
/*----------------------------------------------
  .menu （メインメニュー）Button
----------------------------------------------*/
.header-nav{
	margin: 0 auto;
	width: 100%;
}

/* 新型コロナウイルス感染防止への対応について */
.disconCorona {
	display: none;
}


}

/* ########### 599px以下 ########## */
@media (max-width: 599px) {

.leftmenu {
    width: 100% !important;
	}
/* ナビゲーション（横並び） */
.menu li a {
	padding: 10px 7px;
	font-size: 13px;
}
/*----------------------------------------------
 .ttl （タイトル設定）
----------------------------------------------*/
/* ページタイトル */
.ttl {
	font-size: 18px;
	margin-bottom: 10px;
}

}


/* ########### 490px以下 ########## */
@media (max-width: 490px) {
.menu ul li {
	height: 58px !important;
}

}