@charset "utf-8";
/* CSS Document */
.clearfix:after,.clearfix:before{
	content:" ";
	display:table;
}
.clearfix:after{
	clear:both;
}

/*
	km css reset
*/
#contentsArea.column article p,
#contentsArea.column article h2,
#contentsArea.column article h3,
#contentsArea.column article h4{
	font-size: initial;
	background: none;
	border:none;
	border-radius: 0;
    box-shadow: none;
	margin: 0;
	padding: 0;
	color: #3f4653;
    font-weight: normal;
}
#contentsArea article ul li {
    list-style: none;
    background: none;
    margin: 0;
    padding: 0;
	font-size: 14px;
}

#contentsArea.column figure{
	margin: 0;
	padding: 0;
	font-size: 0;
}

#contentsArea.column article p,
#contentsArea article ul li{
	font-size: 14px;
	line-height: 1.6;
}

#contentsArea a:hover img{
	opacity: 0.75;	
}

.hiraginoW0{
	font-family:"Hiragino Kaku Gothic W0 JIS2004","メイリオ","ヒラギノ角ゴ Pro W0",sans-serif!important;
}
.hiraginoW1{
	font-family:"Hiragino Kaku Gothic W1 JIS2004","メイリオ","ヒラギノ角ゴ Pro W1",sans-serif!important;
}
.hiraginoW2{
	font-family:"Hiragino Kaku Gothic W2 JIS2004","メイリオ","ヒラギノ角ゴ Pro W2",sans-serif!important;
}
.hiraginoW3{
	font-family:"Hiragino Kaku Gothic W3 JIS2004","メイリオ","ヒラギノ角ゴ Pro W3",sans-serif!important;
}
.hiraginoW6{
	font-family:"Hiragino Kaku Gothic W6 JIS2004","メイリオ","ヒラギノ角ゴ Pro W6",sans-serif!important;
}

/* 
	for pc
*/
#contentsArea .pc-only{
	display: inline;		
}
#contentsArea .sp-only{
	display: none;		
}

#contentsArea .main__visual{
	position: relative;
	min-height: 372px;
}
#contentsArea .main__visual [class^="catch_copy_"]{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;

    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
#contentsArea .main__visual .catch_copy_t{
    -webkit-justify-content: flex-start;
	   justify-content: flex-start;
}
#contentsArea .main__visual [class^="catch_copy_"] p{
    font-size: 44px;
    line-height: 1.2;
	color: #0066c7;
	/*
    text-shadow: 0 0 16px #000, 0 0 16px #000, 0 0 16px #000;
	*/
}
#contentsArea .main__visual [class^="catch_copy_"] p.topTitle{
    font-size: 54px;
    line-height: 1.3;
	margin-left: 110px;
	margin-bottom: 24px;
	color: #fff;
}
#contentsArea .main__visual [class^="catch_copy_"] p.subTitle{
	color: #fff;
	margin-left: 110px;
    font-size: 23px;
}
#contentsArea .main__visual .catch_copy_l p{
	margin-left: 52px;
}
#contentsArea .main__visual .catch_copy_r p{
	margin-left: 58%;
}
#contentsArea .main__visual .catch_copy_t p{
    font-size: 36px;
	margin-top: 40px;
	color: #3f4653;
	text-align: center;
}
#contentsArea .main__visual:first-of-type{
	margin-top: 14px;	
}
#contentsArea .main__visual img{
	width: 100%;
	height: auto;
}
#contentsArea .main__visual{
	margin-bottom: -3px;	
}

#contentsArea [class^="maintenance__row_"]{
	border-top: 1px solid #d9dce0;
	box-sizing: border-box;
}

#contentsArea.column article [class^="maintenance__row_"] h2.centerTitle{
	text-align: center;
	font-size: 34px;
	margin-top: 54px;
}
#contentsArea.column article [class^="maintenance__row_"] h2.blue{
	color: #006ac4;
}
#contentsArea.column article [class^="maintenance__row_"] h2{
	text-align: left;
	font-size: 26px;
	margin-top: 54px;
}
#contentsArea.column article [class^="maintenance__row_"] h3{
	text-align: left;
	font-size: 24px;
	margin-top: 0;
}

#contentsArea .maintenance__row_01{
	background: #fafafa;
}
#contentsArea .maintenance__row_02{
	background: #fff;
}
#contentsArea .maintenance__row_03{
	border-top: none;
	background: #fff;
}

#contentsArea [class^="maintenance__block_"]{
	display: -webkit-flex;
	display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#contentsArea [class^="maintenance__block_"].reverse{
	flex-direction: -webkit-row-reverse;
	flex-direction: row-reverse;
}

#contentsArea [class^="maintenance__row_"] .colmn_normal,
#contentsArea [class^="maintenance__row_"] .colmn_service{
	padding: 50px;
	box-sizing: border-box;
}
#contentsArea [class^="maintenance__row_"] .colmn_service{
    display: flex;
	display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
}
#contentsArea [class^="maintenance__row_"] .colmn_service *{
	width: 100%;
}
#contentsArea [class^="maintenance__row_"] .colmn_image{
	padding: 0px;
	box-sizing: border-box;
}
#contentsArea [class^="maintenance__row_"] .colmn_image img{
	width: 100%;
	height: auto;
}

#contentsArea .maintenance__block_01 [class^="colmn_"]{
	width: 50%;
}
#contentsArea .maintenance__block_02 [class^="colmn_"]{
	width: 33%;
}
#contentsArea.column article [class^="maintenance__row_"] [class^="colmn_"] h2{
	margin-top: 0;
}

#contentsArea .maintenance__block_01.remote{
	position: relative;
	background: url("/business/support/maintenance/img/pict_remote_02.png") no-repeat center 40%;
	padding-bottom: 60px;
    display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}
#contentsArea .maintenance__block_01.remote [class^="colmn_"]{
	width: 220px;
	margin-left: 50px;
	margin-right: 50px;
	padding: 0;
}
#contentsArea .maintenance__block_01.remote [class^="colmn_"] figure {
	text-align: center;
}
#contentsArea .maintenance__block_01.remote [class^="colmn_"] p{
	padding: 0;
}
#contentsArea .maintenance__block_01.remote [class^="colmn_"]:nth-child(1){
	position: absolute;
	left: 0;
	right: 0;
	top: 600px;
	margin: auto;
}
#contentsArea .maintenance__block_01.remote [class^="colmn_"]:nth-child(2){
	margin-left: 50px;
	margin-right: 200px;
	margin-top: 45px;
}
#contentsArea .maintenance__block_01.remote [class^="colmn_"]:nth-child(3){
	margin-right: 50px;
	margin-left: 220px;
	margin-top: 45px;
}
#contentsArea .maintenance__block_01.remote [class^="colmn_"]:nth-child(4){
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 80px;
}
#contentsArea .maintenance__block_01.remote [class^="colmn_"]:nth-child(5){
	margin-left: 100px;
	margin-right: 50px;
	margin-top: 80px;
}
#contentsArea .maintenance__block_01.remote [class^="colmn_"] p.aLeft{
	text-align: left;
}
#contentsArea .maintenance__block_01.remote [class^="colmn_"] p.aRight{
	text-align: right;
}
#contentsArea .maintenance__block_01.remote [class^="colmn_"] p.aCenter{
	text-align: center;
}

/*
	foot-link
*/
#contentsArea article ul.foot_link{
	margin-top: 36px;
}
#contentsArea article ul.foot_link li{
	color: #006ac4;
	background: none;
	list-style: none;
}
#contentsArea article ul.foot_link li:after{
	content: ">";
	display: inline-block;
	margin-left: 2px;
}
#contentsArea article ul.foot_link li a{
	color: #006ac4;
	text-decoration: none;
}
#contentsArea article ul.foot_link li a:hover{
	text-decoration: underline;
}

/* 
	page_direction_nav
*/
#contentsArea .page_direction_navi{
    display: flex;
	display: -webkit-flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	width: 100%;
}

#contentsArea .page_direction_navi li{
    width: 30%;
    height: 64px;
    margin: 1%;
    box-sizing: border-box;
    border: 1px solid #d9dce0;
}
#contentsArea .page_direction_navi li a{
    display: inline-flex;
    display: -webkit-inline-flex;
  -webkit-align-items: center; /* Safari */
  align-items:         center;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	text-decoration: none;
	color: #3f4653;
}
#contentsArea .page_direction_navi li a:hover{
	text-decoration: underline;
	background-color: #efefef;
}
#contentsArea .page_direction_navi li a img{
    width: auto;
    height: 100%;
}
#contentsArea .page_direction_navi li span{
	display: inline;
	padding: 8px;
	box-sizing: border-box;
}



/* 
	marginT
*/
.marginT_10 {
    margin-top: 10px !important;
}
.marginT_15 {
    margin-top: 15px !important;
}
.marginT_20 {
    margin-top: 20px !important;
}
.marginT_25 {
    margin-top: 25px !important;
}
.marginT_30 {
    margin-top: 30px !important;
}
.marginT_35 {
    margin-top: 35px !important;
}
.marginT_40 {
    margin-top: 40px !important;
}
.marginT_50 {
    margin-top: 50px !important;
}
.marginT_60 {
    margin-top: 60px !important;
}
.marginT_70 {
    margin-top: 70px !important;
}

/* 
	marginB
*/
.marginB_10 {
    margin-bottom: 10px !important;
}
.marginB_15 {
    margin-bottom: 15px !important;
}
.marginB_20 {
    margin-bottom: 20px !important;
}
.marginB_25 {
    margin-bottom: 25px !important;
}
.marginB_30 {
    margin-bottom: 30px !important;
}
.marginB_35 {
    margin-bottom: 35px !important;
}
.marginB_40 {
    margin-bottom: 40px !important;
}
.marginB_50 {
    margin-bottom: 50px !important;
}
.marginB_60 {
    margin-bottom: 60px !important;
}
.marginB_70 {
    margin-bottom: 70px !important;
}

/* 
	marginL
*/
.marginL_120 {
    margin-left: 120px !important;
}

/* ==========================================
/*	for smp
------------------------------------------ */
/*
	km css reset
*/
@media only screen and (max-width: 599px){
#contentsArea .pc-only{
	display: none;		
}
#contentsArea .sp-only{
	display: inline;		
}
#contentsArea{
    width: auto;
    padding: 0;
}
	
#contentsArea article p,
#contentsArea article h2,
#contentsArea article h3,
#contentsArea article h4{
	font-size: initial;
	background: none;
	border:none;
	border-radius: 0;
    box-shadow: none;
	margin: 0;
	padding: 0;
	color: #3f4653;

}
#contentsArea article ul li {
    list-style: none;
    background: none;
    margin: 0;
    padding: 0;
}
	
/*
	smp pacth
*/
#contentsArea .main__visual	{
	min-height: 5em;
}
#contentsArea .main__visual [class^="catch_copy_"] p,
#contentsArea .main__visual [class^="catch_copy_"] p.topTitle {
    font-size: 30px;
	margin-bottom: 0.4em;
}

#contentsArea .main__visual [class^="catch_copy_"] p.subTitle{
    font-size: 14px;
}
#contentsArea .main__visual [class^="catch_copy_"] p.topTitle,
#contentsArea .main__visual [class^="catch_copy_"] p.subTitle,
#contentsArea .main__visual .catch_copy_l p{
	margin-left: 20px;
}
#contentsArea .main__visual .catch_copy_t p{
	margin-top: 16px;
}

#contentsArea.column article [class^="maintenance__row_"] h2.centerTitle,
#contentsArea.column article [class^="maintenance__row_"] h2{
	font-size: 24px;
	margin-top: calc(54px/2);
}
#contentsArea.column article [class^="maintenance__row_"] h3{
	font-size: 20px;
}
	
#contentsArea [class^="maintenance__block_"]{
	display: block;		
}
#contentsArea [class^="maintenance__row_"] .colmn_image{
	padding: 0px;
}
#contentsArea [class^="maintenance__row_"] .image_responsive{
	width: 100%;		
}	
#contentsArea [class^="maintenance__row_"] .colmn_normal,
#contentsArea [class^="maintenance__row_"] .colmn_service,	
#contentsArea .maintenance__block_01:not(.remote) [class^="colmn_"],
#contentsArea .maintenance__block_02:not(.remote) [class^="colmn_"],
#contentsArea .maintenance__block_03:not(.remote) [class^="colmn_"]{
	display: block;
	width: 100%;
	padding: 10px 20px 10px 20px;
}
#contentsArea [class^="maintenance__row_"]:last-of-type .colmn_normal,
#contentsArea [class^="maintenance__row_"]:last-of-type .colmn_service,
#contentsArea .maintenance__block_01:last-of-type:not(.remote) [class^="colmn_"],
#contentsArea .maintenance__block_02:last-of-type:not(.remote) [class^="colmn_"],
#contentsArea .maintenance__block_03:last-of-type:not(.remote) [class^="colmn_"]{
	padding: 10px 20px 20px 20px;
}

#contentsArea .maintenance__block_01.remote{
	background: url("/business/support/maintenance/img/pict_remote_02.png") no-repeat center 2%;
	padding-top: 62%;
	background-size: 52%;

    display: flex;
	display: -webkit-flex;
}
#contentsArea .maintenance__block_01.remote [class^="colmn_"]:nth-child(2),
#contentsArea .maintenance__block_01.remote [class^="colmn_"]:nth-child(3),
#contentsArea .maintenance__block_01.remote [class^="colmn_"]:nth-child(4),
#contentsArea .maintenance__block_01.remote [class^="colmn_"]:nth-child(5){
	width: 50%;
	padding: 10px 20px 10px 20px;
	margin: auto;
}
#contentsArea .maintenance__block_01.remote [class^="colmn_"]:nth-child(1){
	position: static;
	width: 100%;
	padding: 10px 20px 10px 20px;
	margin: auto;
}
#contentsArea .maintenance__block_01.remote [class^="colmn_"] p.aLeft,
#contentsArea .maintenance__block_01.remote [class^="colmn_"] p.aRight,
#contentsArea .maintenance__block_01.remote [class^="colmn_"] p.aCenter{
	text-align: left;
}	
#contentsArea .page_direction_navi{
    display: block;
	width: 100%;
}

#contentsArea .page_direction_navi li{
	width: 100%;
}
	
/* 
	marginT
*/
.marginT_10 {
    margin-top: calc(10px/2) !important;
}
.marginT_15 {
    margin-top: calc(15px/2) !important;
}
.marginT_20 {
    margin-top: calc(20px/2) !important;
}
.marginT_25 {
    margin-top: calc(25px/2) !important;
}
.marginT_30 {
    margin-top: calc(30px/2) !important;
}
.marginT_35 {
    margin-top: calc(35px/2) !important;
}
.marginT_40 {
    margin-top: calc(40px/2) !important;
}
.marginT_50 {
    margin-top: calc(50px/2) !important;
}
.marginT_60 {
    margin-top: calc(60px/2) !important;
}
.marginT_70 {
    margin-top: calc(70px/2) !important;
}
	
/* 
	marginB
*/
.marginB_10 {
    margin-bottom: calc(10px/2) !important;
}
.marginB_15 {
    margin-bottom: calc(15px/2) !important;
}
.marginB_20 {
    margin-bottom: calc(20px/2) !important;
}
.marginB_25 {
    margin-bottom: calc(25px/2) !important;
}
.marginB_30 {
    margin-bottom: calc(30px/2) !important;
}
.marginB_35 {
    margin-bottom: calc(35px/2) !important;
}
.marginB_40 {
    margin-bottom: calc(40px/2) !important;
}
.marginB_50 {
    margin-bottom: calc(50px/2) !important;
}
.marginB_60 {
    margin-bottom: calc(60px/2) !important;
}
.marginB_70 {
    margin-bottom: calc(70px/2) !important;
}

/* 
	marginL
*/
.marginL_120 {
    margin-left: calc(120px/4) !important;
}
	
}