@charset "UTF-8";
section#home-topic {
    min-width: 1100px;
}

#home-main {
    overflow: hidden;
    position: relative;
    /* padding-top: 84px; */
    background-image: url(../images/top/bg_20191211.jpg);
    /* background-attachment: fixed; */
    -webkit-background-size: contain;
    background-size: cover;
    background-position: right 0% bottom -50%;
    background-position: top 0px left 0px;
    background-repeat: no-repeat;
    color: #374271;
    font-weight: bold;
    width: 100%;
    height: 750px;
}

.home-main-inner {
    position: absolute;
    right: 30px;
    top: 150px;
    display: block;
    justify-content: space-between;
    margin: auto;
}

/*
#home-main-catch {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
*/

#home-main-catch h1 {
    padding: 20px 0 0;
    font-size: 70px;
    line-height: 1.19;
}

#home-main-catch .home-main-lead {
    margin: 0.8em 0 0 0.6em;
    font-size: 30px;
    letter-spacing: -1px;
}

#home-main-catch li {
	position: relative;
	font-size: 21px;
	margin-bottom: 1.0em;
	line-height: 1;
}


#home-main-catch .br-sp { display:none; }

p.lead-text {
    display: block;
    margin-top: 20px;
    font-size: 20px;
    line-height: 2;
}



/* 重要なお知らせ */

#home-sub {
    display: block;
    position: absolute;
    background-color: rgba(255,255,255,0.7);
    border: solid 3px #374271;
    width: 600px;
    bottom: 30px;
    right: 30px;
}

.home-sub-inner {
    padding: 30px;
}

.home-sub-heading {
    font-size: 20px;
    padding: 0 0 10px;
    margin-bottom: 30px;
    border-bottom: solid 1px #374271;
}

img.home-sub-img {
    display: inline-block;
    margin-right: 40px;
    margin-top: 10px;
    margin-top: px;
    margin: 15px;
    height: 40px;
}

img.home-sub-img:nth-of-type(2) {
    height: 70px;
    margin-top: 0px;
}

.home-sub-text {
    display: block;
    margin-top: 0px;
    font-size: 15px;
    font-weight: normal;
    text-align: justify;
    line-height: 1.75;
}

.home-sub-text-s {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    font-weight: normal;
    text-align: justify;
}


/* slider */

#home-main-slider {
	width: 450px;
	height: 520px;
	border-radius: 6px;
	background: #9b0012;
	color: #FFF;
	z-index: 1;
	text-align: center;
}

#home-main-slider li {
	height: 520px;
	display: flex;
	align-items: center;
}

#home-main-slider li dl { padding: 0 68px; }

#home-main-slider li .solution { margin: 0 0 10px; }

#home-main-slider li dt {
	background-image: url(../images/top/bg-line-arrow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 30px 0 35px;
}

#home-main-slider .slide02 .problem dd, #home-main-slider .slide03 .problem dd { margin-right: -2em; }

#home-main-slider li .problem dt {
	background-position: center top;
	padding: 0 0 25px;
}

#home-main-slider li dt span {
	display: inline-block;
	border: 1px solid rgba(255,255,255,0.8);
	background: #9a0012;
	height: 36px;
	line-height: 36px;
	padding: 0 12px;
}

#home-main-slider li dd {
	padding: 10px 0;
	background: #9a0012;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
}

#home-main-slider li p { margin-bottom: 0; }

/* button */

.btn-more-detail i:before {
	content: '';
	display: inline-block;
	margin-right: 12px;
	vertical-align: middle;
	background-image: url(../images/ic_blank.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

.btn-more-detail {
	display: inline-block;
	border-radius: 100px;
	height: 50px;
	line-height: 50px;
	padding: 0 2em;
	background: rgba(255,121,0,1);
	color: #FFF;
	text-align: center;
	transition: ease 0.3s;
}

.btn-more-detail, .btn-more-detail:hover { text-decoration: none; }

.btn-more-detail:hover { background: rgba(255,121,0,0.65); }



/* service */

.svbox-list {
    display: block;
    position: relative;
    justify-content: flex-start;
    width: 100%;
    font-size: 0;
}

.home-service-lineup p:not(:last-child) { margin-right: 6px; }

.home-service-lineup dl {
    width: 50%;
    display: inline-block;
    background: #fff;
    text-align: center;
}

.home-service-lineup dl a:hover { text-decoration: none; }

.home-service-lineup dl .sol_read_text {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 600px;
    /* top: 25px; */
    /* padding: 130px 0 370px; */
    font-size: 16px;
    line-height: 1.2;
    color: #FFF;
    font-weight: bold;
    overflow: hidden;
}


.home-service-lineup dl .sol_read_text::before {
	background-color: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	transition: ease 0.3s;
	z-index: 1;
}

.home-service-lineup dl a:hover .sol_read_text::before { background-color: rgba(0,0,0,0); }

.home-service-lineup dl .sol_read_text .sol_read_textlink {
    z-index: 3;
    width: 90%;
    display: block;
    top: 5%;
	left: 0;
    right: 0;
	margin: auto;
    position: absolute;
    line-height: 2;
    font-size: 18px;
    font-weight: 300;
}

.home-service-lineup dl .sol_read_text .sol_read_textlink span {
	display: inline-block;
    font-size: 45px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 10px;
}

/*
.home-service-lineup dl .sol_read_text .sol_read_textlink span:before {	
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url(../images/top/bg-smb-i.jpg) no-repeat;
	background-size:contain;
}*/

.sol_read_textlink > img {
    display: inline-block;
    margin: 0 20px 0 0;
    height: 120px;
    /* line-height: 15px; */
}


.home-service-lineup .sol_read_text {
	height: 34px;
	line-height: 34px;
	font-size: 11px;
}

.svbox .sol_read_text:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
	background-repeat: no-repeat;
}

.svbox .sol_read_text:after {
	background-size: cover;
	transition: all .3s ease-out;
}

.svbox a:hover .sol_read_text:after {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.svbox.enterprise .sol_read_text:after { background-image: url(../images/top/enterprise.jpg); }
.svbox.smb .sol_read_text:after { background-image: url(../images/top/smb.jpg); }


/*-------------------------------------------*/
/*	店舗ロゴ表示 2019/191213追記
/*-------------------------------------------*/
.logo_box {
    background-color: #fff;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 5%;
    max-width: 1040px;
    box-sizing: border-box;
    padding: 30px;
    margin: 20px auto;
    z-index: 3;
    text-align: center;
}

.logo_box img{
}


ul.logo_box_inner {
    margin: auto;
}

ul.logo_box_inner li {
    display: inline-block;
}

ul.logo_box_inner li img {
    width: 80%;
}


/*-------------------------------------------*/
/*	ニュース一覧 2018/1218追記
/*-------------------------------------------*/

/*タブ*/

ul.tabmenu {
    display: flex;
    /* height: 100px; */
    position: relative;
    margin: 30px 30px 0;
    /* height: 30px; */
}

ul.tabmenu li {
    display: inline-block;
    width: 150px;
    background: #374271;
    border-radius: 10px 10px 0px 0px;
    /* border: solid 1px #374271; */
    /* height: 80px; */
    /* position: absolute; */
    /* bottom: 0px; */
    margin-right: 10px;
    text-align: center;
    font-size: 30px;
    font-family: futura-pt,sans-serif;
    font-weight: 400;
    font-style: italic;
    /* color: #fff; */
    /* margin: 30px; */
}

ul.tabmenu li > a {
    /* border: solid 1px; */
    display: block;
    background: #9ba0b8;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;
    /* text-decoration: none; */
}

/*
ul.tabmenu li > a:active {
	background: #374271;
}
*/

ul.tabmenu li > a:hover,
ul.tabmenu li.active > a{
	background: #374271;
	text-decoration: none;
}


div#tab1 {
    border: solid 3px #374271;
    box-sizing: border-box;
}

div#tab2 {
    border: solid 3px #374271;
    box-sizing: border-box;
}









.news-container {
    margin: 0 auto 40px;
    width: 1040px;
}

.news-box:first-child{
	width: 100%;
}


.news-box:first-child li div {
	font-size:105%;
}

.news-box{
	box-sizing: border-box;
	width: 100%;
	padding: 40px;
	background: #FFFFFF;
}

.news-box:first-child h3{
	font-size:27px;
}

.news-box h3{
	position:relative;
	letter-spacing:0.15em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1;
	font-size:20px;
	color: #474747;
	height:50px;
}

.news-box:not(:first-child) h3 {
	text-align:right;
}

.news-box:not(:first-child) h3:after{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	width:100%;
	height:1px;
	background:#474747;
}

.news-box h3 span{
	position:relative;
	display:inline-block;
	padding-left: 15px;
	background:#FFFFFF;
	z-index:1;
}

.news-box li {
    border-bottom: dotted 1px #374171;
    display: flex;
    align-items: center;
    padding: 10px 0 10px 0;
}

.news-box li:last-child {
	margin-bottom: 20px;
}


.meta {
    margin: 0 20px 0 0;
    display: block;
    width: 250px;
}

.news-box-p {
    display: block;
    font-weight: bold;
}

.news-box li p br {
	display: none;
}

.more-link { float: right; display: block; width: 4em; text-align: center; padding: 1em 1em; color: #FFF; line-height: 1; text-decoration: none; font-weight: bold; background: #374271; }
.more-link:hover { background: #9ba0b8; text-decoration: none;}


/*-------------------------------------------*/
/*	ソリューションボックス
/*-------------------------------------------*/
section.sol {
    min-width: 1100px;
    margin: auto;
    padding: 50px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
}

.sol-bg-ep {background: url(../images/top/bg-solution.jpg);}
.sol-bg-smb {background: url(../images/top/bg-smb.jpg);}


.sol-inner {
    max-width: 1100px;
    margin: auto;
    padding: 0px 30px;
    box-sizing: border-box;
    position: relative;
}

.eng-1:before {
    content: 'Enterprise';
    position: absolute;
    right: 2%;
    top: -3%;
    font-size: 150px;
    font-family: futura-pt,sans-serif;
    font-weight: 300;
    font-style: italic;
    color: rgba(55,66,111,0.25);
    letter-spacing: -0.05em;
}


.eng-2:before {
    content: 'Enterprise';
    position: absolute;
    right: 2%;
    top: -3%;
    font-size: 150px;
    font-family: futura-pt,sans-serif;
    font-weight: 300;
    font-style: italic;
    color: rgba(55,66,111,0.25);
    letter-spacing: -0.05em;
}


.eng-3:before {
    content: 'SMB';
    position: absolute;
    right: 2%;
    top: -3%;
    font-size: 150px;
    font-family: futura-pt,sans-serif;
    font-weight: 300;
    font-style: italic;
    color: rgba(145,135,75,0.5);
    letter-spacing: -0.05em;
}

.eng-4:before {
    content: 'SMB';
    position: absolute;
    right: 2%;
    top: -3%;
    font-size: 150px;
    font-family: futura-pt,sans-serif;
    font-weight: 300;
    font-style: italic;
    color: rgba(145,135,75,0.5);
    letter-spacing: -0.05em;
}

img.top-h2-i {
    float: left;
    display: inline-block;
    margin: -6px 30px 0 0;
}


.sol-inner h2 {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 0.05em;	
} 

.sol-inner-h2-ep {color: #374271;}
.sol-inner-h2-smb {color: #91874B;}

.sol-inner p {
    display: block;
    width: 50%;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 30px;
}


.sol-table {
    margin-top: 30px;
}

.sol-table tr {
    width: 100%;
}

.sol-table th {
    width: 100%;
    display: block;
	position: relative;
    box-sizing: border-box;
    text-align: left;
    padding: 15px 25px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}


img.c21 {
    position: absolute;
    height: 52px;
    top: 3px;
    border-radius: 5px;
    margin-left: 20px;
}

.sol-table-th-ep {background-color: rgba(55,66,113,0.4);}
.sol-table-th-smb {background-color: rgba(145,135,75,0.5);}



img.company-logo-sps {
    height: 30px;
    padding-bottom: 3px;
	margin-left: 20px;
}

img.company-logo {
    display: inline-block;
    height: 22px;
    margin: 2px 10px;
	margin-left: 20px;
}


.sol-table td {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 10px 25px;
    box-sizing: border-box;
    margin-bottom: 20px;
    font-size: 18px;
    text-align: justify;
}


/*詳細ボタン*/
.c-btn {
    display: block;
    font-size: 20px;
    line-height: 60px;
    font-weight: bold;
    text-align: center;
    margin: 10px auto 0;
    outline: none;
    text-decoration: none;
    letter-spacing: 2px;
}

.c-btn-eps {
    color: white;
    background: #374271;
    width: 260px;
}


.c-btn-eps:hover {
    background: #9ba0b8;
    text-decoration: none;
}

.c-btn-smb {
    color: white;
    background: #91874B;
    width: 230px;
}


.c-btn-smb:hover {
    background: #C3BE9E;
	text-decoration: none;}

.shadow {
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .25);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .25);
}

.corporate-c {
    display: block;
    position: relative;
    width: 450px;
    border-radius: 5px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin: 60px auto 10px;
    /* padding: 15px 0; */
}

.corporate-c-ep {
	color: #374271;
}

.corporate-c-smb {
	color: #91874B;
}



.top-tell {
    text-align: center;
    margin: auto;
    font-size: 20px;
    font-weight: bold;
    line-height: 80px;
}

.top-tell span {
    font-size: 35px;
    font-weight: bold;
}



 

/*-------------------------------------------*/
/*	ショーケースボックス
/*-------------------------------------------*/


section.case {
    min-width: 1100px;
	padding:50px 0px;
}

.case-inner {
    max-width: 1100px;
    margin: auto;
    padding: 0px 30px;
    box-sizing: border-box;
    position: relative;
}

.case-inner h2 {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 0.05em;	
} 

.case-inner-h2-ep {color: #374271;}
.case-inner-h2-smb {color: #91874B;}

.case-inner p {
    display: block;
    margin-top: 30px;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.4;
}

.case-inner-p-ep {color: #374271;}
.case-inner-p-smb {color: #91874B;}


.case-text {
    display: block;
    width: 65%;
    margin-top: 30px;
    font-size: 17px;
    line-height: 2;
    text-justify: inter-ideograph;
    text-align: justify;
}

table.case-table {
    width: 65%;
    margin-top: 30px;
}

.case-table tr {
	width:100%;
}

.case-table th {
    width: 70px;
    padding: 24px 0px;
    font-size: 20px;
    color: #fff;
    vertical-align: middle;
}

.point-ep {background-color: #374271;}
.point-smb {background-color: #91874B;}

.case-table td {
    margin-left: 10px;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: solid 1px #374271;
    vertical-align: middle;
    text-align: justify;
}

img.staff {
    display: block;
    position: absolute;
    right: 30px;
    top: 24%;
    width: 30%;
}


/*-------------------------------------------*/
/*	個別対応　1304px
/*-------------------------------------------*/

@media screen and (max-width:1310px){
p.lead-text {
    font-size: 18px;
}


/*-------------------------------------------*/
/*	タブレット用　768px
/*-------------------------------------------*/

@media screen and (max-width:1100px){

#home-main-catch h1 {
    padding: 20px 0 0;
    font-size: 66px;
    line-height: 1.19;
}
	
.home-service-lineup dl .sol_read_text {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 550px;
    /* top: 25px; */
    /* padding: 130px 0 370px; */
    font-size: 16px;
    line-height: 1.2;
    color: #FFF;
    font-weight: bold;
    overflow: hidden;
}
	
.sol_read_textlink > img {
    display: inline-block;
    margin: -20px 20px 0 0;
    height: 120px;
}

.home-service-lineup dl .sol_read_text .sol_read_textlink span {
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 10px;
}

	
p.lead-text {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    line-height: 2;
}
	
.home-main-inner {
    text-shadow: 0px 0px 0px #fff, 0px 0px 6px #fff;
}
	
#home-main-catch .home-main-lead {
    font-size: 29px;
}	
	
.logo_box {
    background-color: #fff;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 5%;
    max-width: 1040px;
    box-sizing: border-box;
    padding: 30px;
    margin: 20px auto;
    z-index: 3;
    text-align: center;
}	
}