@charset "UTF-8";

/* home */
#HOME #TOP-CLM {
	padding-bottom: 21px;
	text-align: center;
}
#HOME .top-img p {
	text-align: center;
	background-color: #fafafa;
}
#HOME .bg-clm {
	width: auto;
}
#HOME .top-bnr-clm {
	position: relative;
	overflow: hidden;
	width: 918px;
	margin: 0 auto;
}
#HOME .top-bnr-clm ul {
	position: relative;
	left: 50%;
	float: left;
}
#HOME .top-bnr-clm li {
	position: relative;
	left: -50%;
	float: left;
	margin: 0 11px 14px;
}
#HOME .clm {
	margin: 0 auto;
	width: 896px;
	padding: 112px 0;
}
#HOME .clm h1 {
	padding-bottom: 35px;
}
#HOME .clm .tt_e img {
	padding-bottom: 18px;
}
#HOME .clm .btn {
	margin: 0 auto;
	width: 343px;
	text-align:center;
	color: #ffffff;
}
#HOME .clm .btn a {
	color: #ffffff;
	display: block;
	padding: 0.75em 0;
}

#HOME .tpc .clm {
	padding: 42px 0 112px;
}
#HOME .tpc .clm .tt_e img {
	width: 62px;
}
#HOME .tpc .clm .tt_j img {
	width: 82px;
}
#HOME .tpc .clm dl {
	margin-bottom: 4em;
}
#HOME .tpc .clm dt {
	width: 14.5em;
}
#HOME .tpc .clm dd {
	padding: 0 0 0 16em;
	float: left;
}
#HOME .tpc .clm .btn {
	background-color: #295faa;
}


#HOME .bg-clm.prd {
	background: url(../imgs/home/clm2_bg.jpg) center top ;
}
#HOME .prd .clm {
	width: 1008px;
}
#HOME .prd .clm .kogyo {
	overflow: hidden ;
	width: 896px;
	background: url(../imgs/home/clm2_line1.gif) bottom no-repeat;
	margin-bottom: 14px;
	padding: 0 56px 21px;
}
#HOME .prd .clm .kogyo .tt_e img {
	width: 101px;
}
#HOME .prd .clm .kogyo .tt_j img {
	width: 179px;
}
#HOME .prd .clm .kogyo li {
	float: left;
}
#HOME .prd .clm .kogyo .btn-list1  {
	margin-right: -23px ;
	overflow: hidden ;
	width: 919px ;
}
#HOME .prd .clm .btn-list1 li {
	width: 209px;
	padding-right: 20px;
	margin-bottom: 28px;
}
#HOME .prd .clm .btn-list2 li {
	float:left ;
	width: 265px;
	margin-bottom: 35px;
}
#HOME .prd .clm .parts {
	float: left;
	padding: 35px 56px 0 ;
}
#HOME .prd .clm .parts .tt_e img {
	width: 99px;
}
#HOME .prd .clm .parts .tt_j img {
	width: 230px;
}
#HOME .prd .clm .software {
	width: 600px;
	padding: 35px 0 92px 63px;
	float:right;
	background: url(../imgs/home/clm2_line2.gif) left top no-repeat;
}
#HOME .prd .clm .software .tt_e img {
	width: 79px;
}
#HOME .prd .clm .software .tt_j img {
	width: 195px;
}

#HOME .bg-clm.sprt {
	background: url(../imgs/home/clm3_bg.gif) repeat center top;
}
#HOME .sprt h1,
#HOME .sprt .text {
	display: inline-block;
}
#HOME .sprt .text {
	margin-left: 2em;
}
#HOME .sprt .clm .tt_e img {
	width: 87px;
}
#HOME .sprt .clm .tt_j img {
	width: 140px;
}
#HOME .sprt .clm ul {
	width: 896px;
	margin: 0 auto;
	text-align: center;
}
#HOME .sprt .clm li {
	display: inline-block;
	margin: 10px;
	width: 200px;
}

#HOME .cmp .clm .tt_e img {
	width: 105px;
}
#HOME .cmp .clm .tt_j img {
	width: 138px;
}
#HOME .cmp .clm ul {
	margin-bottom: 3em;
}
#HOME .cmp .clm li {
	float:left;
	width: 280px;
	text-align: center;
}
#HOME .cmp .clm li img {
	margin-bottom: 1.25em;
}
#HOME .cmp .clm .btn {
	background-color: #a5233c;
}

#HOME .bg-clm.str {
	background: #fffcef;
	position: relative;
}
#HOME .str .clm .tt_e img {
	width: 194px;
}
#HOME .str .clm .tt_j img {
	width: 231px;
}
#HOME .str .ttl-clm {
	padding: 112px 0 0;
}
#HOME .str .btn-clm {
	padding: 0 0 112px;
}
#HOME .str .clm .text {
	padding-bottom: 3em;
}
#HOME .str .str-img {
	height: 299px;
	overflow: hidden;
	position: relative;
	padding: 0 0 3em;
}
#HOME .str .str-img img {
	left: 50%;
	margin-left: -689.5px;
	position: absolute;
	top: 0;
	max-width: 1379px;
}
#HOME .str .clm .btn {
	background-color: #ef7b14;
}


/* メインイメージスライド用 */
#HOME #TOP-CLM .control-clm {
	margin: 20px 0 0;
	text-align: center;
}
#HOME #TOP-CLM .control {
	display: inline-block;
}
#HOME #TOP-CLM .control-clm .bx-pager-item {
	display: inline-block;
	margin: 0 4.5px 0;
}
#HOME #TOP-CLM .bx-pager-item .bx-pager-link {
	background: #ffffff url("/zh/imgs/home/pager-icon2.gif") repeat scroll 0 -12px;
	display: block;
	height: 12px;
	text-indent: -9999px;
	width: 12px;
}
#HOME #TOP-CLM .bx-pager-item .active {
    background: #ffffff url("/zh/imgs/home/pager-icon1.gif") repeat scroll 0 -12px;
}
#HOME #TOP-CLM #IMG-SLIDER .slider-bg {
    width: 100%;
    min-width: 100%;
}
#HOME #TOP-CLM #IMG-SLIDER .slider-bg div {
	text-align: center;
/*	position: relative;
	margin-left: -750px;
	left: 50%; */
}
#HOME #TOP-CLM #IMG-SLIDER li {
	display: none;
}
#HOME #TOP-CLM #IMG-SLIDER .slider-bg img {
	text-align: center;
	height: 440px;
	max-width: 1500px;
}
#HOME #TOP-CLM #IMG-SLIDER .main-ph1-bg {
	background-color: #fafafa;
}
#HOME #TOP-CLM #IMG-SLIDER .main-ph2-bg {
	background-color: #ffffff;
}
#HOME #TOP-CLM #IMG-SLIDER .main-ph3-bg {
	background-color: #ffffff;
}
#HOME #TOP-CLM #IMG-SLIDER .main-ph4-bg {
	background-color: #fafafa;
}
/* メインイメージスライド用 */

/* home */

/* notfound */
.notfound .clm {
	padding-bottom: 350px;
}

/* MX, MXT バナー用 */
#HOME #TOP-CLM #IMG-SLIDER .banner_box{
	/* width: 1500px;*/
	width: 100%;
	min-width: 100%;
	/* height: 440px; */
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#HOME #TOP-CLM #IMG-SLIDER .mx_banner{
	width: 50%;
	height: 100%;
	margin-left: 50%;
	position: absolute;
}

#HOME #TOP-CLM #IMG-SLIDER .mxt_banner{
	width: 50%;
	height: 100%;
	position: absolute;
}

/* notfound */

.cookie-consent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 20px;
    color: #fff;
    background: rgba(0,0,0,.7);
    padding: 1.2em;
    box-sizing: border-box;
    visibility: hidden;
}
.cookie-consent.is-show {
    visibility: visible;
}
.cookie-consent a {
    color: #fff !important;
}
.cookie-agree {
    color: #fff;
    background: dodgerblue;
    padding: .5em 1.5em;
}
.cookie-agree:hover {
    cursor: pointer;
}
/* パッと消える */
.cc-hide1 {
    display: none;
}
@keyframes hide {
	from {
    	opacity: 1;
    }
    to {
    	opacity: 0;
    	visibility: hidden;
    }
}
/* メディアクエリ */
@media screen and (max-width: 600px) {
	.cookie-consent {
    	flex-direction: column;
    }
    .cookie-text {
		font-size: 16px;
    	margin-bottom: 1em;
    }
}