@charset "utf-8";
/* ====================================
	common
===================================== */
	/* マウスオーバー：フェード */
.hover-fade a, a.hover-fade {
    transition: 0.5s ease 0s;
    -webkit-transition: 0.5s ease 0s;
    -moz-transition: 0.5s ease 0s;
    -ms-transition: 0.5s ease 0s;
}
.hover-fade a.hovering, a.hover-fade.hovering {
	opacity: 0.6;
}
/* マウスオーバー：テキストアンダーライン＆フェード */
a.hover-parent {
	display: block;
	pointer-events: none;
	text-decoration: none;
}
a.hover-parent .hover-trigger {
	pointer-events: auto;
}
a.hover-parent span.hover-trigger {
	display: inline-block; /* IE, Edge 対応 */
}
a.hover-parent.hovering .hover-trigger {
	text-decoration: underline;
}

a.hover-parent.hovering h4.hover-trigger span{
	text-decoration: none!important;
    display:inline-block;
}
a.hover-parent.hovering .hover-trigger.fade {
	transition: 0.5s ease 0s;
	-webkit-transition: 0.5s ease 0s;
	-moz-transition: 0.5s ease 0s;
	-ms-transition: 0.5s ease 0s;
}
a.hover-parent.hovering .hover-trigger.fade {
	opacity: 0.6;
}


#contents__business{
	width: 100%;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff;
}
#contents__business--top{
	width: 100%;
}
#contents__main--wrap{
	margin: 0 auto;
	padding-top: 1.5em;
/*	padding-bottom: 3em;*/
}
.downA{
	margin-right: 1em;
}

/*::::::::::::: Line Up :::::::::::::*/


.closeBtnL{
    z-index: 999;
    background: #b3b2a4;
    position: fixed;
    bottom: 0;
    display: none;
    opacity: 0.9;
}
.closeBtnL a{
    display: block;
    font-size: 1.3rem;
    color: #fff;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
}
.closeBtnL:hover{
    opacity: 1;
}
.closeBtnL a:hover{
    color: #fff;
}

.lineupWrap h3.ttlBar{
	width: 100%;
	background-color: #dedede;
	color: #000;
    text-align: center;
	font-size: 1.2em;
	font-weight: 500;
	line-height: 36px;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.actCate{
    background: #b3b2a4!important;
    color: #FFF!important;
    font-weight: 600!important;
}

#lineupArea .itemLayer{
/*    position: relative;*/
}
#lineupArea .topItems{
}

#lineupArea .newItems{
}
#lineupArea .lineupItem a,
#lineupArea .lineupItemL a{
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
}
#lineupArea .lineupItem div.luImg img{
    max-width: 185px;
    width: 100%;
}
#lineupArea .lineupItemL div.luImg img{
/*    max-width: 655px;*/
    width: auto;
}
div.luSpec h4.luName{
    font-size: 1.4rem;
    line-height: 1.8;
    font-weight: 700;
    padding-left: 0.5rem;
}
/*div.luSpec h4.luName span.names{
    color: #000!important;
}*/
div.luSpec h4.luName span{
    color: #FF0000;
    font-size: 1rem;
    padding-left: 0.5rem;
/*    text-decoration: none!important;*/
}

div.luSpec div.luMaisu{
    padding-left: 1rem;
    padding-top: 0.8rem;
    border-top: 1px solid #CCC;
    margin-bottom: 0.8rem;
}

div.luSpec div.luMaisu span.luColor{
    line-height: 20px;
    background:url("/business/print/images/top/lineup/lu_color_icn.png") no-repeat 0;
    font-weight: 700;
}
div.luSpec div.luMaisu span.luMono{
    line-height: 20px;
    background:url("/business/print/images/top/lineup/lu_mono_icn.png") no-repeat 0;
    font-weight: 700;
}
div.luSpec div.luMaisu span.luMim{
    line-height: 20px;
    font-weight: 500;
    margin-right: 0.5rem;
}
div.luSpec div.luMaisu img{
    width: auto;
    margin: 5px 0;
}
div.luSpec div.luCatch{
    padding: 5px 0 2px 1rem;
    border-top: 1px solid #ccc;
    font-size: 1rem;
    line-height: 1.4;
    margin: 5px 0;
	font-weight: 500;
}

div.luSpec div.luPriceBlock{
    padding-left: 1rem;
    padding-top: 5px;
    border-top: 1px solid #CCC;
}

div.luSpec div.luPriceBlock p.luOpen{
    font-size: 1.2rem;
    line-height: 1.4;
	font-weight: 500;
}

div.luSpec div.luPriceBlock p.luPrice{
    font-size: 1.4rem;
    line-height: 1.4;
	font-weight: 500;
}

div.luSpec div.luPriceBlock span{
    font-size: 0.9rem;
}

/*::::::::::::: Contents Etc :::::::::::::*/

.contEtcArea{
    background-color: #eae9d8;
    margin: 5rem 0;
 }

.btnArea ul{
    display:flex;
    flex-wrap: wrap;
}


/*::::::::::::: NewsScroll :::::::::::::*/

.flexcroll{
    position: relative;
    overflow: auto;
}
.scrollgeneric {
    line-height:1px;
    font-size:1px;
    position:absolute;
    top:0;
    left:0;
}

.vscrollerbase {
    width:10px;
    background-color:#f9f9f9;
}
.vscrollerbar {
    width:8px;
    background-color:#b4b4b4;
    border-radius: 8px
}




/* ====================================
        PC style
===================================== */
@media print, screen and (min-width: 768px) {
	#contents__main--wrap{
		max-width: 1200px;
		min-width: 960px;
	}
/*::::::::::::: Line Up :::::::::::::*/
    .btnAll,.closeBtn{
        width: 100%;
        text-align: center;
        margin-top: 2rem;
        margin-bottom: 4rem;
    }
    .btnAll a,.closeBtn a{
        padding: 0.4em 1em;
        width: auto;
        margin: 10px auto;
    	cursor: pointer;
        border: 1px solid #CCC;
        border-radius: 3px;
        text-decoration: none;
    }
    .btnAll span,.closeBtn span,.closeBtnL span{
    	font-size: 1rem;
    	margin-right: 0.5em;
    }
    .btnAll i,.closeBtn i,.closeBtnL i{
    	font-size: 1.2rem;
    }
    .btnAll,.closeBtn{
    }
    .closeBtnL{
        width: 100%;
        max-width: 1200px;
        height: 50px;
    }
    .closeBtnL a{
        line-height: 50px;
    }
    .closeBtnL a i.ml5rem{
        margin-left: 5px!important;
    }
   
	#lineupArea h2{
        margin: 2rem auto 0;
		font-size: 1.8em;
        text-align: left;
	}
	#lineupArea .lineupWrap{
	}
	#lineupArea .topItems,
    #lineupArea .allItems{
        padding: 0 7rem;
	}
    #lineupArea .allItems{
		display: none;
	}
	#lineupArea .topItems,
    #lineupArea .allItems .lineupFlex{
		display: flex;
		flex-wrap: wrap;
	}
	#lineupArea .lineupItem{
		box-sizing: border-box;
		width: 49%;
		min-height: 210px;
        margin-bottom: 2rem;
        padding-left: 1rem;
        padding-top: 1rem;
	}
    #lineupArea .lineupItem:nth-child(odd){
        margin-right: 2%;
    }
    #lineupArea .lineupItem div.luSpec{
        max-width: 250px;
        width: 49%;
        padding-left: 0.5rem;
    }
	#lineupArea .lineupItemL{
		box-sizing: border-box;
		width: 100%;
        min-height: 210px;
        margin-bottom: 2rem;
        padding-left: 1rem;
        padding-top: 1rem;
	}
    #lineupArea .lineupItem div.luImg {
        width: 47%;
    }
    #lineupArea .lineupItemL div.luImg {
        width: 70%;
        text-align: center;
    }
    #lineupArea .lineupItemL div.luSpec{
        max-width: 250px;
        width: 25%;
        padding-left: 0.5rem;
    }
    div.luSpec p.luNameCap{
        display: block;
        padding-left: 1rem;
        font-size: 0.8rem;
    }
    div.luSpec div.luMaisu span.luColor{
        padding-left: 25px;
        font-size: 1.4rem;
    }
    div.luSpec div.luMaisu span.luMono{
        padding-left: 25px;
        font-size: 1.4rem;
    }
    div.luSpec div.luMaisu span.luMim{
        font-size: 1rem;
    }

/*::::::::::::: LaterProduct :::::::::::::*/
    .laterProductArea{
		margin-top: 5rem;
        margin-bottom: 5rem;
    }
	.laterProductArea a{
		text-decoration: none;
	}
	.laterProductArea a:hover{
		text-decoration: underline;
	}
	
	.laterProductArea .laterProductLink{
        text-align: right;
    }

/*::::::::::::: Contents Etc :::::::::::::*/
    #contentsEtc h2{
        font-size: 1.8em;
        text-align: center;
    }
     .contEtcArea{
        padding: 3rem 7rem;
    }
   .contEtcArea .btnArea{
/*        width: 969px;*/
        margin: 3rem auto 1rem;
    }
    .btnArea ul li{
        width: 32%;
        margin-right: 2%;
        margin-bottom: 1rem;
    }
    .btnArea ul li img{
        max-width: 315px;
        margin: 0 auto;
    }
    .btnArea ul li:nth-child(3n){

        margin-right: 0;
    }
    .btnArea ul.spBtn{
        display: none;
    }


/*::::::::::::: News Buntton :::::::::::::*/
    .newsBtnArea{
        padding: 2rem 7rem;
    }
    #downloadBtn h2{
        font-size: 1.8em;
        text-align: center;
    }
    
/*::::::::::::: NewsArea :::::::::::::*/
   #newsTopic h2{
       font-size: 1.8em;
       text-align: left;
       line-height: 1.8;
       border-bottom: 1px solid #ccc;
       margin-bottom: 1em;
    }
    .newsTopicArea{
        margin-bottom: 5rem;
    }
	.newsTopicArea a{
		text-decoration: none;
	}
	.newsTopicArea a:hover{
		text-decoration: underline;
	}
    .newsTp{
        margin-bottom: 1rem;
        height: 350px;
        border-bottom: 1px solid #ccc;
    }
    .newsTp ul li{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 1rem;
        margin-left: 1rem;
    }
    .newsTp ul li div.newsDate{
        width: 11%;
    }
    .newsTp ul li div.newsText{
        box-sizing: border-box;
        width: 85%;
        padding-right: 2rem;
        padding-left: 110px;
    }
    .newsTp ul li div.newsText a{
        /* margin-left: 1rem; *** modified by nii [2020/11/13] */
    }
    .newsTp ul li .newsProd{
        background: url("/business/print/images/top/label_newproducts.png") no-repeat left top;
    }
    .newsTp ul li .newsSupport{
        background: url("/business/print/images/top/label_support.png") no-repeat left top;
    }
    .newsTp ul li .newsTopic{
        background: url("/business/print/images/top/label_newsTp.png") no-repeat left top;
    }
	.newsTp ul li .newsInform{
        background: url("/business/print/images/top/label_newsInform.png") no-repeat left top;
    }
	
	/* 追加 履歴用 */
	.newsTp_History{
        margin-bottom: 1rem;
        /* height: 350px; */
        /* border-bottom: 1px solid #ccc; */
    }
    .newsTp_History ul li{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 1rem;
        margin-left: 1rem;
    }
    .newsTp_History ul li div.newsDate{
        width: 11%;
    }
    .newsTp_History ul li div.newsText{
        box-sizing: border-box;
        width: 85%;
        padding-right: 2rem;
        padding-left: 110px;
    }
    .newsTp_History ul li div.newsText a{
        /* margin-left: 1rem; *** modified by nii [2020/11/13] */
    }
    .newsTp_History ul li .newsProd{
        background: url("/business/print/images/top/label_newproducts.png") no-repeat left top;
    }
    .newsTp_History ul li .newsSupport{
        background: url("/business/print/images/top/label_support.png") no-repeat left top;
    }
    .newsTp_History ul li .newsTopic{
        background: url("/business/print/images/top/label_newsTp.png") no-repeat left top;
    }
	.newsTp_History ul li .newsInform{
        background: url("/business/print/images/top/label_newsInform.png") no-repeat left top;
    }
	/* end of 履歴用 ---------------- */
	
	
	
    .newsTopicArea .newsPageLink{
        text-align: right;
    }
	
	
	
	
	/*[add 2021/08/27]*/
	
	#remoteoperation_privacy_wrap #privacyPolicy{
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 2rem;
		padding-bottom: 3rem;
	}

	
	#remoteoperation_privacy_wrap #privacyPolicy h2 {
    font-size: 2.8rem;
    font-weight: 200;
    color: #535353;
    margin-bottom: 1.5rem;
}

#remoteoperation_privacy_wrap #privacyPolicy .aboutTxt {
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: left;
}

#remoteoperation_privacy_wrap #privacyPolicy h4 {
    padding-top: 1rem;
    font-size: 2rem;
    font-weight: 200;
    color: #535353;
    margin-bottom: 1rem;
}


#remoteoperation_privacy_wrap #privacyPolicy .itemTxt {
    margin-top: 30pt;
    margin-bottom: 30pt;
}
	
#remoteoperation_privacy_wrap #privacyPolicy .itemTxt li {
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: left;
    padding: 3px;
    margin: 3px 5px 3px 35px;
}

#remoteoperation_privacy_wrap #privacyPolicy .itemTxt ol {
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: left;
    padding: 10px;
    margin: 10px;
}




#remoteoperation_privacy_wrap #privacyPolicy table {
		border-collapse: collapse;
		margin: 1rem auto;
		width: 98%;
		text-align: left;
		line-height: 1;
		border: 1px solid #ccc;
	}

#remoteoperation_privacy_wrap #privacyPolicy th {
    padding: 10px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #eeeeee;
    text-align: center;
}

#remoteoperation_privacy_wrap #privacyPolicy td {
		padding: 6px;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		text-align: left;
	}

#remoteoperation_privacy_wrap #privacyPolicy .dateTxt{
		text-align: right;
		font-size: 1.1rem;
		line-height: 1.6;
	}
	
/* メインビジュアル下お知らせリンク：黒 */
	.info-link-bk {
		margin: 2rem 0;
		font-size: 1.4rem;
	}		

/* メインビジュアル下お知らせリンク：黒 */
.info-link-bk {
	padding: 0.5em;
	border: solid 1px #000;
	color: #000;
	text-align: center;
}

.info-link-bk a {
	color: inherit;
}
	
}


/* ====================================
        SP Style
===================================== */
@media only screen and (max-width: 767px) {
	#contents__main--wrap{
		width: 100%;
	}
    .spNavBdPlus{
        border-top: 2px solid #d9d9d9!important;
    }
    #global__tablinknavigation > li a > span{
        font-size: 0.9rem;
    }
/* Line Up */
    .btnAll,.closeBtn{
        width: 100%;
        text-align: center;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .btnAll a,.closeBtn a{
        padding: 0.8em 1.4em;
        width: auto;
        margin: 10px auto;
    	cursor: pointer;
        border: 1px solid #CCC;
        border-radius: 5px;
        text-decoration: none;
    }
    .btnAll span,.closeBtn span{
    	font-size: 1rem;
    	margin-right: 0.5em;
    }
    .btnAll i,.closeBtn i{
    	font-size: 1.2rem;
    }
    .closeBtnL{
        width: 100%;
        height: 70px;
    }
    .closeBtnL a{
        line-height: 70px;
    }
    .closeBtnL a i.ml5rem{
        margin-left: 0.5rem!important;
    }
    
	#lineupArea h2{
        width: 96%;
		font-size: 1.8em;
		text-align: center;
		margin: 2rem auto 1.5rem;
	}
	#lineupArea .lineupWrap{
		width: 100%;
		margin: 0 auto;
	}
	#lineupArea .topItems,
    #lineupArea .newItems,
    #lineupArea .allItems .lineupFlex{
        display: block;
	}
	#lineupArea .allItems{
		display: none;
	}
	#lineupArea .lineupItem{
		box-sizing: border-box;
        min-height: 210px;
		width: 100%;
        margin-bottom: 1.5rem;
        padding-left: 1rem;
        padding-top: 1rem;
	}
    #lineupArea .lineupItem div.luImg {
        width: 40%;
    }
    #lineupArea .lineupItemL div.luImg {
        width: 100%;
        text-align: center;
    }
    #lineupArea .lineupItem div.luSpec{
        width: 51%;
        padding-left: 0.5rem;
    }
/*    #lineupArea .lineupItemL div.luSpec{
        max-width: 250px;
        width: 51%;
        padding-left: 0.5rem;
        margin-left: 40%;
        margin-bottom: 1.2rem;
    }
    div.luSpec div.luMaisu span.luMim{
        font-size: 0.8rem;
    }*/
     #lineupArea .lineupItemL div.luSpec{
        width: 90%;
        padding-left: 0.5rem;
        margin: 1.2rem 5%;
    }
    div.luSpec p.luNameCap{
        display: block;
        padding-left: 1rem;
        font-size: 0.72rem;
    }
    div.luSpec div.luMaisu span.luColor{
        padding-left: 23px;
        font-size: 1.3rem;
    }
    div.luSpec div.luMaisu span.luMono{
        padding-left: 23px;
        font-size: 1.3rem;
    }
    div.luSpec div.luMaisu span.luMim{
        font-size: 0.8rem;
    }
    #lineupArea .lineupItemL div.luSpec div.luPriceBlock p.luPrice br{
        display: none;
    }


/*::::::::::::: LaterProduct :::::::::::::*/
    .laterProductArea{
		margin:0 2% 1em;
    }
	.laterProductArea .laterProductLink{
        text-align: right;
        margin-bottom: 1.5rem;
    }
	.laterProductArea a{
		text-decoration: none;
	}
	.laterProductArea a:hover{
		text-decoration: underline;
	}
    
   
/*::::::::::::: Contents Etc :::::::::::::*/
    #contentsEtc h2,#downloadBtn h2{
        font-size: 1.4em;
        text-align: center;
    }
     .contEtcArea{
        padding: 2rem 1rem;
    }
    .contEtcArea .btnArea{
        width: 100%;
        margin: 2rem auto;
    }
    .btnArea ul li{
        width: 48%;
        margin: 0 1% 1rem;
    }
    .btnArea ul.pcBtn{
        display: none;
    }
     
/*::::::::::::: NewsArea :::::::::::::*/
    #newsTopic{
        margin:0 2% 1em;
    }

   #newsTopic h2{
       font-size: 1.8em;
       text-align: left;
       line-height: 1.8;
       border-bottom: 1px solid #ccc;
       margin-bottom: 1em;
    }
	
	.newsTp{
        margin-bottom: 1rem;
        height: 300px;
        border-bottom: 1px solid #ccc;
    }
    .newsTp ul li{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0.5rem;
        margin-left: 1rem;
    }
    .newsTp ul li div.newsDate{
        width: 25%;
        font-size: 0.8em;
    }
    .newsTp ul li div.newsText{
        box-sizing: border-box;
        font-size: 0.8em;
        width: 75%;
        padding-left: 55px;
        padding-right: 1em;
        padding-bottom: 1em;
    }
    .newsTp ul li div.newsText a{
        /* margin-left: 1rem; *** modified by nii [2020/11/13] */
    }
    .newsTp ul li .newsProd{
        background: url("/business/print/images/top/label_newproducts.png") no-repeat left top;
        background-size: 50px;
    }
    .newsTp ul li .newsSupport{
        background: url("/business/print/images/top/label_support.png") no-repeat left top;
        background-size: 50px;
    }
    .newsTp ul li .newsTopic{
        background: url("/business/print/images/top/label_newsTp.png") no-repeat left top;
        background-size: 50px;
    }
    .newsTp ul li .newsInform{
        background: url("/business/print/images/top/label_newsInform.png") no-repeat left top;
        background-size: 50px;
    }
	/* 追加 履歴用 ---------------- 2022/04/19 */
	.newsTp_History{
        margin-bottom: 1rem;
        /* height: 300px; */
        /* border-bottom: 1px solid #ccc; */
    }
    .newsTp_History ul li{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0.5rem;
        margin-left: 1rem;
    }
    .newsTp_History ul li div.newsDate{
        width: 25%;
        font-size: 0.8em;
    }
    .newsTp_History ul li div.newsText{
        box-sizing: border-box;
        font-size: 0.8em;
        width: 75%;
        padding-left: 55px;
        padding-right: 1em;
        padding-bottom: 1em;
    }
    .newsTp_History ul li div.newsText a{
        /* margin-left: 1rem; *** modified by nii [2020/11/13] */
    }
    .newsTp_History ul li .newsProd{
        background: url("/business/print/images/top/label_newproducts.png") no-repeat left top;
        background-size: 50px;
    }
    .newsTp_History ul li .newsSupport{
        background: url("/business/print/images/top/label_support.png") no-repeat left top;
        background-size: 50px;
    }
    .newsTp_History ul li .newsTopic{
        background: url("/business/print/images/top/label_newsTp.png") no-repeat left top;
        background-size: 50px;
    }
    .newsTp_History ul li .newsInform{
        background: url("/business/print/images/top/label_newsInform.png") no-repeat left top;
        background-size: 50px;
    }	
	/* end of 履歴用 ------------------ */
	
    .newsTopicArea .newsPageLink{
        text-align: right;
        margin-bottom: 1.5rem;
    }
    .newsBtnArea{
        padding: 2rem 1rem;
    }
	.newsTopicArea a{
		text-decoration: none;
	}
	.newsTopicArea a:hover{
		text-decoration: underline;
	}
	
	/*[add 2021/08/27]*/
	
	#remoteoperation_privacy_wrap #privacyPolicy{
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 2rem;
		padding-bottom: 3rem;
	}

	
	#remoteoperation_privacy_wrap #privacyPolicy h2 {
    font-size: 2rem;
    font-weight: 200;
    color: #535353;
    margin-bottom: 1.5rem;
}

#remoteoperation_privacy_wrap #privacyPolicy .aboutTxt {
    font-size: 1rem;
    line-height: 1.6;
    text-align: left;
}

#remoteoperation_privacy_wrap #privacyPolicy h4 {
    padding-top: 1rem;
    font-size: 1.6rem;
    font-weight: 200;
    color: #535353;
    margin-bottom: 1.5rem;
}

#remoteoperation_privacy_wrap #privacyPolicy .itemTxt {
    margin-top: 20pt;
    margin-bottom: 20pt;
}
	
#remoteoperation_privacy_wrap #privacyPolicy .itemTxt li {
    font-size: 1rem;
    line-height: 1.6;
    text-align: left;
    padding: 4px;
    margin: 4px;
}

#remoteoperation_privacy_wrap #privacyPolicy .itemTxt ol{
		font-size: 1rem;
		line-height: 1.6;
		text-align: left;
		padding: 4px; /* 0px; */
  		margin: 10 30 10 30;
	}

#remoteoperation_privacy_wrap #privacyPolicy table {
		border-collapse: collapse;
		margin: 1rem auto;
		width: 98%;
		text-align: left;
		line-height: 1;
		border: 1px solid #ccc;
	}

#remoteoperation_privacy_wrap #privacyPolicy th {
    padding: 10px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #eeeeee;
    text-align: center;
}

#remoteoperation_privacy_wrap #privacyPolicy td {
		padding: 6px;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		text-align: left;
	}	

#remoteoperation_privacy_wrap #privacyPolicy .dateTxt{
		text-align: right;
		font-size: 1rem;
		line-height: 1.6;
	} 

/* メインビジュアル下お知らせリンク：黒 */
	.info-link-bk {
		margin: 1rem 0 2rem;
		font-size: 1.2rem;
	}

/* メインビジュアル下お知らせリンク：黒 */
.info-link-bk {
	padding: 0.5em;
	border: solid 1px #000;
	color: #000;
	text-align: center;
}

.info-link-bk a {
	color: inherit;
}	
}


/* ------------------------------
2022.01 CR5 Add
--------------------------------*/
/* Movie */
#business__keyvisual--movie {
	margin-left: auto;
	margin-right: auto;
	max-width: 2128px;
	width: 100%;
}
#business__keyvisual--movie video {
	max-width: 100%;
}
/* ====================================
        SP Style
===================================== */
@media only screen and (max-width: 767px) {
.spDisNone {
	display: none !important;
}
#topBnrArea {
	padding-left: 1rem;
	padding-right: 1rem;
}
#topBnrArea .w100per,
#topBnrArea .col2 > li {
	margin-bottom: 1rem;
}
#topBnrArea .col2 > li:last-child {
	margin-bottom: 0;
}
}
/* ====================================
        PC style
===================================== */
@media print, screen and (min-width: 768px) {
.pcDisNone {
	display: none !important;
}
#topBnrArea .col2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#topBnrArea .col2 > li {
	width: 48.5%;
	margin-right: 3%;
	margin-top: 3%;
}
#topBnrArea .col2 > li:nth-child(even) {
	margin-right: 0;
}
#topBnrArea a {
	transition: .5s;
}
#topBnrArea a:hover {
	opacity: 0.6;
}
}

/* ------------------------------
240610 ドキュメント事業の軌跡 Add
--------------------------------*/
@media only screen and (max-width: 767px) {
#topBnrArea .col2 + .w100per {
	margin-top: 1rem;
}}
@media print, screen and (min-width: 768px) {
#topBnrArea .col2 + .w100per {
	margin-top: 3%;
}
}
/**/