@charset "shift-jis";
/* =========================================================
スマートフォン表示
========================================================= */

#top span {
    color: inherit;
}
#top h2 {
    margin: 0;
    padding: 0;
    border: none;
}
#top h3, #top h4 {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}
#top h3 {
    margin-bottom: 20px;
}
#top h4 {
    margin-bottom: 20px;
}
#top dl, #top ul, #top dl dd {
    margin: 0;
    padding: 0;
}
#top .top_bana a img {
    width: 100%;
}
#tyumokukizi{
	margin-bottom: 2em;
}
#PushBanner {
	/*display: none;*/
    margin-top: 0.0rem;
    margin-bottom: 2rem;
    padding: 20px 0px 15px 0px;
    border-width: 0px 0px 0px 0px;
    border-color: #e9e9e9;
    border-style: solid;
}
#PushBanner img{
	width: 100%;
	
}
#PushBanner img:hover{
	opacity: 0.8;
}
/*----------------------------------------------------------
 top_head
----------------------------------------------------------*/

#top #top_head {
    margin-top: 10px;
    margin-bottom: 0px;
}
/* slider ----------*/

#top #slider_box {
    width: 100%;
    height: auto;
}
#top #slider {
    margin-bottom: 0px;
}
#top #carousel ul li {
    margin-right: 5px;
}
#carousel li {
    margin-right: 5px;
}
#carousel img {
    display: block;
    opacity: .3;
    cursor: pointer;
}
#carousel img:hover {
    opacity: 1;
}
#top .flex-control-nav {
    display: none;
}
#carousel .flex-active-slide img {
    opacity: 1;
    cursor: default;
}
/* about_itfor ----------*/

#top #about_itfor {
	display: none;
}
#top #about_itfor a {
    display: none;
}
#top #about_itfor_sp {
	display: block;
	text-align: center;
	margin-bottom: 25px;
}
#top #about_itfor_sp a {
    display: block;
}
#top #about_itfor_sp a {
    display: block;
}
/*----------------------------------------------------------
 top_main
----------------------------------------------------------*/

#top #top_main {
}
/* 年末年始、災害などの挨拶文掲載バナー */
#top .topNotis_Full {
    border-color: #DBDBDB;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    text-align: center;
    margin: 0em 0px 2.5em 0px;
    padding: 1em 1em 1em 1em;
}
#top .topNotis_Half {
    border: #DBDBDB 1px solid;
    text-align: center;
    margin-bottom: 1em;
    padding: 0.5em;
    width: 50%;
    float: left;
}
/* solutions_item ----------*/

#top .solutions_item_box {
    /*background-color:#F6F6F6;*/
    padding: 10px 10px 0;
    margin-bottom: 20px;
}
#top .solutions_item_box h4 {
    font-size: 1rem;
    border-left: 0px solid #466ED1;
    padding-left: 5px;
    margin-bottom: 2px;
    background: url(../images/top_solution_arrow_right.png) no-repeat right;
    cursor: pointer;
}
#top .solutions_item_box h4.active {
    background: url(../images/top_solution_arrow_down.png) no-repeat right;
}
#top .solutions_item_box h4:before {
    content : url(../images/top_solution_menu.png);
    position : relative;
    bottom : -0.16em;
    margin-right : 0.3em;
}
#top h5 {
    border-color: #EDEDED;
    color: #888888;
}
#top .top_news h5 {
    font-size: 0.7rem;
}
#top .solutions_item_box dl {
    margin-bottom: 10px;
    padding: 10px 5px 0px 5px;
    border: 1px solid #ddd;
	border-radius: 6px;
	box-shadow: 0 1px 2px 0px #ddd;
}
#top .solutions_item_box dl dt {
    position: relative;
}
#top .solutions_item_box .more {
    display: none;
}
#top .solutions_item_box dl dd p {
    margin: 0;
    padding: 0;
    padding-left: 0.6em;
}
#top .solutions_item_box dl dd p span {
    color: #000;
    font-size: 12px;
}
#top .solutions_item_box dl dd:nth-child(2) {
    margin-top: 1rem;
}
#top .solutions_item_box dl dd ul {
    margin-left: 25px;
    margin-bottom: 5px;
}
#top .solutions_item_box dl dd ul li {
    list-style-type: none;
    color: #666;
    font-size: 1rem;
    margin-bottom: 1.2rem;
}
#top .solutions_item_box dl dd ul li a {
    text-decoration: none;
}
#top .solutions_item_box dl dd ul li a:hover {
    text-decoration: underline;
}
#top .solutions_item_box .solutions_item_message {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
/* solutions_item_box アコーディオン*/
#acMenu dd {
    display: none;
}
/* top_news ----------*/

#top .top_news {
    margin-bottom: 40px;
}
#top .top_news dl:after,#top .top_news dl:before {
	content: "";
	clear: both;
    display: block;
}
#top .top_news dl {
    margin-bottom: 15px;
}
#top .top_news dl dt {
    font-size: 12px;
}
#top .top_news dl dt span {
    margin-right: 10px;
    position: relative;
}
#top .top_news dl dd {
    font-size: 12px;
}
#top .top_news dl dd a{
	width: 85%;
	display: block;
    float:left;
}
#top .top_news dl dd div.imageNew{
	padding-right: 5px;
	width:10%;
	display: block;
    float:left;
}


#top .top_news .morelist, #top .newspaper .morelist {
    text-align: right;
    position: absolute;
    top: 6px;
    right: 6px;
    display: block;
    background: url(../images/top_arrow_white.gif) no-repeat right;
    padding: 3px 12px 2px 4px;
    font-size: 10px;
    color: #fff;
    background-color: #466ED1;
}
#top .top_news .NewsTestingSign {
    color: red;
}
/* top_seminar ----------*/

#top .top_seminar {
    margin-bottom: 40px;
}
#top .top_seminar h4 {
    border-left: 8px solid #456DD1;
    background-color: #E8EDF9;
    font-size: 16px;
    color: #333;
    padding: 5px 0 3px 8px;
    margin-bottom: 10px;
    position: relative;
}
#top .top_seminar dl {
    margin-bottom: 5px;
}
#top .top_seminar dl dt {
    font-size: 12px;
}
#top .top_seminar dl dt span {
    margin-right: 10px;
    position: relative;
    top: -2px;
}
#top .top_seminar dl dd {
    font-size: 12px;
}
#top .top_seminar dl dd span {
    font-size: 14px;
    font-weight: bold;
}
#top .top_seminar dl dd.addition {
    color: #333;
    font-size: 12px;
    border-top: 1px dotted #ddd;
    padding-top: 10px;
}
#top .top_seminar .morelist {
    text-align: right;
    position: absolute;
    top: 6px;
    right: 6px;
    display: block;
    background: url(../images/top_arrow_white.gif) no-repeat right;
    padding: 3px 12px 2px 4px;
    font-size: 10px;
    color: #fff;
    background-color: #466ED1;
}
#top .top_seminar .NewsTestingSign {
    color: red;
}
#top #top_side .bnr_list li {
    margin-bottom: 10px;
    text-align: center;
}
#top #top_side .bnr_list li img {
    width: 100%;
    height: auto;
}
#top #top_side .newspaper {
    background-color: #E8EDF9;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
#top #top_side .newspaper h4 {
    margin-bottom: 0;
    border-left: 8px solid #456DD1;
    font-size: 16px;
    color: #333;
    padding: 5px 0 3px 8px;
}
#top #top_side .newspaper dl {
    padding: 10px 10px 0 10px;
}
#top #top_side .newspaper dl dt {
    font-weight: normal;
    font-size: 12px;
}
#top #top_side .newspaper dl dd {
    font-size: 12px;
}
#top #top_side .newspaper dl dd span {
    font-size: 14px;
    font-weight: bold;
}
#top #top_side .newspaper dl dd a {
    display: block;
    margin-bottom: 10px;
}
#top #top_side .newspaper dl dd a.more {
    text-align: right;
    background: url(../images/top_arrow_blue.gif) no-repeat right;
    padding-right: 15px;
    font-size: 14px;
}
#top .top_btn_facebook {
    display: block;
    background-color: #3B579D;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 0px;
    text-align: center;
}
#top .top_btn_twitter {
    display: block;
    background-color: #55ACEE;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 0px;
    text-align: center;
}
#top .top_btn_twitter img {
    height: 22px;
}
/*▼事例リスト用CSS*/
/*ページ内リンク*/
.zireiPLink {
    display: list-item;
    list-style-type: disc;
    list-style-position: inherit;
}
#topZireList {
    margin-bottom: 20px;
}
#topZireList h4 {
    font-size: 0.8rem;
    font-weight: normal;
    color: #767676;
    padding: 5px 10px;
    background-color: #F5F5F5;
    margin: 0px;
    border-color: #CDCDCD;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
}
#topZireList .seihin_Category {
    margin-bottom: 2rem;
}
#topZireList .ikkatu {
    text-align: center;
    color: #545454;
    font-size: 0.8rem;
    padding: 5px 0px;
    margin: 0px;
}
#topZireList .over7MoerOpen {
    font-size: 1rem;
    color: #545454;
    clear: both;
    border: #EDEDED 1px solid;
    padding: 8px;
    text-align: center;
    background-color: #F0F0F0;
    margin-bottom: 2rem;
}
#topZireList .over7MoerOpen:hover {
    background-color: #F7F7F7;
}
#topZireList .over7MoerOpen.active {
    font-size: 0rem;
}
#topZireList .over7MoerOpen.active:before {
    font-size: 1rem;
    content: "隠す▲";
}
#topZireList .download_link {
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
    line-height: normal;
}
#topZireList .download_link a {
    display: block;
    color: #444444;
    padding: 0.2rem 0px;
    text-align: center;
    border: #EDEDED 1px solid;
    background-color: #FFF9E7;
    border-radius: 5px;
    box-shadow: 0 2px 3px 0 #ddd;
}
#topZireList .download_link a:hover {
    background-color: #FFE290;
    box-shadow: none;
}
#topZireList .download_link_text {
}
#topZireList .kanrenLink {
    text-align: center;
    margin-bottom: 1.0rem;
    font-size: 0.8rem;
}
#topZireList .LVseihin {
    margin-bottom: 0rem;
}
#topZireList .zirei_Cbox {
    border-color: #CDCDCD;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    width: 100%;
    padding: 5px 10px 10px 10px;
    margin-bottom: 1rem;
    min-height: 15rem;
}
#topZireList .over7 {
    display: none;
}
#topZireList .zirei_Cbox h5 {
    border: none;
    padding: 10px;
    color: #4A4D53;
    text-align: center;
}
#topZireList .zirei_Cbox .summary {
    font-size: 0.8rem;
    line-height: 1.1rem;
    margin-bottom: 0.5rem;
    color: #666666;
}
#topZireList .zirei_Cbox .keyword {
    margin-bottom: 8px;
    padding-top: 0.5rem;
    font-size: 0.7rem;
    line-height: normal;
    border-top: #CDCDCD 1px solid;
    color: #7D7D7D;
}

.exseminarBT{
	text-align: center;
}

/*▲事例リスト用CSS*/

/* =========================================================
タブレット表示　min-width 641px
========================================================= */
@media print, screen and (min-width:40.063em) {
/*----------------------------------------------------------
 top_head
----------------------------------------------------------*/
#top #top_head {
    margin-top: 0px;
    margin-bottom: 0px;
}
/* slider ----------*/

#top #slider_box {
	/* アイティフォーはこんない会社ですバナーを表示する場合の設定
	製品バナーをいっぱいに広げた際に削除　2019年3月には削除OK　鶴見　20190201
    float: left;
    width: 79.5%;
	*/
    width: 100%;
    height: auto;
    margin-bottom: 0px
}
/* about_itfor ----------*/

#top #about_itfor {
	position:relative;
	display: block;
    float: right;
	width: 20.5%;
	height:100%;
	padding-bottom:28.0%;
}
#top #about_itfor a{
	position: absolute;
	display: block;
	background: url(../images/top_about_itfor_bg.jpg) no-repeat top left;
	background-size: contain;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}	
	
#top #about_itfor_sp {
	display: block;
}
#top .flex-control-nav {
    display: none;
}
/*----------------------------------------------------------
 top_main
----------------------------------------------------------*/

/* solutions_item ----------*/
#top .solutions_item_box dl dd ul li {
    font-size: 0.9rem;
    margin-bottom: 0.9rem;
}
#top .top_news .morelist:hover, #top .top_seminar .morelist:hover {
    background-color: #B8C8ED;
}
#top .top_news dl dd a{
	width: 90%;
	display: block;
    float:left;
}
#top .top_news dl dd div.imageNew{
	padding-right: 5px;
	width:5%;
	display: block;
    float:left;
}
#top .bnr_list li.bnr_l {
    float: left;
}
#top .bnr_list li.bnr_r {
    float: right;
}
#top .bnr_list li {
    width: 48%;
}

#PushBanner {
   padding: 0px 0px 15px 0px;
 }

#PushBanner img{
	width: 100%;
	opacity: 1;
}

.exseminarBT{
	text-align: right;
	padding-right:3em;
}
	
}

/* =========================================================
PC表示　min-width 1024px
========================================================= */
@media print, screen and (min-width:64em) {
.top-bar {
    margin-bottom: 15px;
}
/*----------------------------------------------------------
 top_head
----------------------------------------------------------*/

/* slider ----------*/

#top #slider_box {
	/* アイティフォーはこんない会社ですバナーを表示する場合の設定
	製品バナーをいっぱいに広げた際に削除　2019年3月には削除OK　鶴見　20190201
	float: left;
    width: 770px;    
	*/

    width: 100%;
    height: auto;
    /*margin-bottom: 40px;*/
    margin-bottom: 0px;
}
/* about_itfor ----------*/

#top #about_itfor {
	display: block;
    float: right;
    background: url(../images/top_about_itfor_bg.jpg) no-repeat top left;
    background-size: contain;
    width: 193px;
    height: 273px;
}
#top #about_itfor_sp {
	display: none;
}
#top .flex-control-nav {
    display: block;
}
/*----------------------------------------------------------
 top_main
----------------------------------------------------------*/

#top #top_main {
/*　サイドバーをなくすために設定を消した　2017年2月27日　*/
	/*width:75%;*/
	/*float:left;*/
}
/* solutions_item ----------*/

#top .solutions_item_box dl dd ul li {
    margin-bottom: 0.8rem;
}
#top .top_news dl:before, #top .top_news dl:after {
    content: " ";
    display: table;
}
#top .top_news dl:after {
    clear: both;
}
#top .top_news dl {
    margin-bottom: 15px;
	*zoom: 1;
}
#top .top_news dl dt:before, #top .top_news dl dt:after {
    content: " ";
    display: table;
}
#top .top_news dl dt:after {
    clear: both;
}
#top .top_news dl dt {
 *zoom: 1;
}
#top .top_news dl dt {
    float: left;
    width: 32%;
}
#top .top_news dl dd {
    float: left;
    width: 68%;
}
#top .top_news dl dt span.icon {
    float: left;
    width: 32%;
}
#top .top_news dl dt span.date {
    float: right;
    width: 58%;
    position: relative;
    top: 2px;
}
#top .top_news dl dt span img {
    width: 100%;
    height: auto;
}
#top .top_seminar dl:before, #top .top_seminar dl:after {
    content: " ";
    display: table;
}
#top .top_seminar dl:after {
    clear: both;
}
#top .top_seminar dl {
 *zoom: 1;
}
#top .top_seminar dl dt:before, #top .top_seminar dl dt:after {
    content: " ";
    display: table;
}
#top .top_seminar dl dt:after {
    clear: both;
}
#top .top_seminar dl dt {
 *zoom: 1;
}
#top .top_seminar dl dt {
    float: left;
    width: 32%;
}
#top .top_seminar dl dd {
    float: left;
    width: 68%;
}
#top .top_seminar dl dt span.icon {
    float: left;
    width: 28%;
}
#top .top_seminar dl dt span.date {
    float: right;
    width: 58%;
    position: relative;
    top: 2px;
}
/*----------------------------------------------------------
 top_side
----------------------------------------------------------*/

#top #top_side {
    width: 24%;
    float: right;
    padding: 0;
}
#top #top_side .bnr_list li.bnr_l {
    float: none;
    margin-left: 0;
}
#top #top_side .bnr_list li.bnr_r {
    float: none;
    margin-right: 0;
}
#top #top_side .bnr_list li {
    width: 100%;
}
}

@media print {
#top #top_head {
    overflow: hidden;
    height: 220px;
}
#top #slider_box #slider {
    width: 480px;
    height: auto;
}
#top #slider_box #slider img {
    width: 480px;
    height: auto;
}
#top .solutions_item_box dl dt a.more {
    display: none;
}
#top .top_news dl dt, #top .top_seminar dl dt {
    width: 32%;
}
#top .top_news dl dd, #top .top_seminar dl dd {
    width: 66%;
}
#top .top_news dl dt span.icon, #top .top_seminar dl dt span.icon {
    float: left;
    width: 35%;
}
#top .top_news dl dt span.date, #top .top_seminar dl dt span.date {
    float: right;
    width: 48%;
    font-size: 10px;
}
}