/* **************************************************

Name: hse.css

Create: 2021.12.01

Copyright Hitachi Solutions East Japan, Ltd. 2021. All rights reserved.

***************************************************** */


/* ---------------------------------------------------------------------------------------

	ガイドライン Override

---------------------------------------------------------------------------------------- */

html.OptionRWD body {
	overflow-x: hidden;
}
#Contents {
	padding-bottom: 90px;
}

#PopUpContents {
	min-height: calc(100vh - 46px - 50px - 18px - 5px);
}

@media screen and (max-width: 767px) {
	#Footer {
		padding-bottom: 110px;
	}
}

#PageTopBottom{
	display: none;
}

a:link {
	text-decoration: none;
}

a:link:hover {
	text-decoration: underline;
}
a.PageTop {

	position: fixed;
/*	top:10px;*/
    float: right;
    right: calc((100% - 1275px) / 2);
    width: 70px;
    height: 70px;
    background-color: #929292;
    margin: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: end;
	align-items: flex-end;
	text-decoration: none;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s, visibility .5s;
}
a.PageTop span {
	color: #fff;
	width: 100%;
    text-align: center;
	font-weight: bold;
	bottom: 10px;
    left: 0;
	position: absolute;
}

a.PageTop::after {
    content: "";
    position: absolute;
    top: 23px;
    right: 22px;
    width: 26px;
    height: 26px;
    border: transparent;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    box-sizing: border-box;
}

a.PageTop.visible {
	opacity: 0.8;
	visibility: visible;

}

@media screen and (max-width: 1304px) {
	a.PageTop {
		right: 15px;
	}
}

@media screen and (max-width: 767px) {
	a.PageTop {
		right: 15px;
	}
}


/* ---------------------------------------------------------
	リンクボタン
--------------------------------------------------------- */


.ButtonStyle1 a,
.ButtonStyle2 a {
	min-height: 36px;
	box-sizing: border-box;
	min-width: 0;
	border: 1px solid #e60027!important;
}

.ButtonStyle1 a:hover,
.ButtonStyle2 a:hover,
.ButtonStyle1 a:active,
.ButtonStyle2 a:active {
    padding: 9px 22px 9px 15px!important;
	background-position: right -2px center;
	border: 1px solid #b1000e!important;
	text-decoration: none;
}


.ButtonStyle1 a strong,
.ButtonStyle2 a strong,
.ButtonStyle1 button strong,
.ButtonStyle2 button strong {
	font-weight: bold;
}


.LinkListStyle1,
.LinkListStyle2,
.LinkListStyle3,
.LinkListStyle4,
.LinkListStyle5,
.LinkListStyle6 {margin: 0 0 10px;}

.LinkListStyle1 li,
.LinkListStyle2 li,
.LinkListStyle3 li,
.LinkListStyle4 li,
.LinkListStyle5 li,
.LinkListStyle6 li,
.LinkListStyle1 dt,
.LinkListStyle2 dt,
.LinkListStyle1 dd,
.LinkListStyle2 dd {
	margin: 0;
	padding: 0 0 0 0;
	margin-bottom: 5px;
	line-height: 140%;
}



/* ---------------------------------------------------------
	FatMenu
--------------------------------------------------------- */

.FMGrid1 {
	width: 20%!important;
}
.FMTopColumnMenu1 {
	width: 96%!important;
}
/*
h2.FMTitleLinkStyle2 {
	border-bottom: 0;
	margin-bottom: 5px;
}
*/
h3.FMSubHeaderLink {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

/*
#SuperGlobalNaviProducts h2 {
	border: 0;
}

#SuperGlobalNaviCompany h2 {
	border: 0;
}
*/



/* ---------------------------------------------------------
	Table
--------------------------------------------------------- */
.DataTableStyle4 > caption {
	display: none;
}


@media screen and (max-width: 767px) {
    .JS .ResponsiveTableStyle1 th, .JS .ResponsiveTableStyle1 td {
        border-left: solid 1px #ddd;
        border-right: solid 1px #ddd;
    }

    .JS .ResponsiveTableStyle1>.DataTableStyle4 {
        border: 0!important;
        border-bottom: solid 1px #ddd!important;
    }
    .JS .ResponsiveTableStyle1>.DataTableStyle4>caption {
        display: block;
    }

	
	.DataTableStyle1 {
		width: 100%;
	}
}


/* ---------------------------------------------------------
	画像付きリンクリスト
--------------------------------------------------------- */
.ThumbW60SetStyle,
.ThumbW120SetStyle,
.ThumbW180SetStyle,
.ThumbW230SetStyle,
.ThumbW300SetStyle {
	border-bottom: 1px solid #E3E3E3;
	margin-bottom: 10px;
}

.ImgOnlyStyle img {
	max-width: 100%;
	height: auto;
}


@media screen and (max-width: 767px) {
	.ImgOnlyStyle {
		text-align: center;
	}
	/*
	.ImgOnlyStyle img {
		width: 100%;
	}
	*/
}

.ImgRightAdjust > .ImgOnlyStyle {
	margin-left: 20px;
	text-align: center;
}
.ImgLeftAdjust > .ImgOnlyStyle {
	margin-right: 20px;
	text-align: center;
}
/*
@media screen and (max-width: 767px) {
	.ImgLeftAdjust > .ImgOnlyStyle img {
		width: 100%;
	}
	.ImgRightAdjust > .ImgOnlyStyle img {
		width: 100%;
	}
	.ImgCenterAdjust > .ImgOnlyStyle img {
		width: 100%;
	}
}
*/
@media screen and (max-width: 767px) {
	.ImgRightAdjust > .ImgOnlyStyle {
		margin-left: 0px;
	}
	.ImgLeftAdjust > .ImgOnlyStyle {
		margin-right: 0px;
	}
}


/* ---------------------------------------------------------
	AnnotationsStyle
--------------------------------------------------------- */
ul.AnnotationsStyle1 li, ul.AnnotationsStyle2 li {
	font-weight: normal;
}




/* ---------------------------------------------------------------------------------------

	ガイドライン Extend

---------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------
	Heading
--------------------------------------------------------- */
.h2 {
    display: block;
    margin: 0 0 25px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ddd;
    background-image: none;
}

.h2 span:first-child {
    display: inline-block;
    padding: 0;
    font-weight: bold;
    color: #e60027;
    background-color: transparent;
    font-size: 24px;
	margin-right: 10px;
}

.h2 span+span {
	display: inline-block;
    font-size: 16px;
    color: #ccc;
	background-color: transparent;
    font-size: 1rem;
	padding: 0;
}

.h2 span:first-child a {
	color: #e60027;
	display: inline-block;
}

.h3 {
    border-bottom: 0;
	border-left: 3px solid #e60027;
	padding: 5px 6px 7px 10px;
	margin-bottom: 20px;
}

.h3 span {
    background-image: none;
    border: 0;
    font-size: 20px;
    color: #333;
}

.h4 {
    background-image: none;
    padding-left: 15px;
	margin-bottom: 20px;
}

.h4 span {
    position: relative;
    color: #333;
    font-size: 18px;
    border-bottom: 0;
}

.h4 span::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #e60027;
    top: 6px;
    left: -15px;
    border-radius: 50%;
}

.h5 {
    background-image: none;
    padding-left: 0;
    padding-bottom: 0;
	margin-bottom: 10px;
}


.h5 span {
    color: #666;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 0;
}

.h5 a:link {
    color: #666;
    padding-right: 20px;
    text-decoration: none;
    background-image: url(../image/jp/r1/icon/icon_link_right_xl_hd.gif);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
}
.h5 a:hover, h5 a:active {
    color: #b1000e;
    text-decoration: underline;
    background-image: url(../image/jp/r1/icon/icon_link_right_xl_hover_hd.gif);
}

.h6 {
    background-image: none;
    padding-left: 0;
	margin-bottom: 10px;
}

.h6 span {
    color: #999;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 0;
    background-image: none;
}

.h6 a:link {
    color: #999;
    padding-right: 20px;
    text-decoration: none;
    background-image: url(../image/jp/r1/icon/icon_link_right_xl_hd.gif);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;

}
.h6 a:hover, h6 a:active {
    color: #b1000e;
    text-decoration: underline;
    background-image: url(../image/jp/r1/icon/icon_link_right_xl_hover_hd.gif);
}
   
@media screen and (max-width: 767px) {
	.h2 {
    	margin-left: 0!important;
    	margin-right: 0!important;
	}
	.h2 span {
		display: block!important;
	}
}

.h2:not(:first-child)  {
	margin-top:72px;
}

.h3:not(:first-child) {
	margin-top:46px;
}

.h4:not(:first-child) {
	margin-top:24px;
}

.h5:not(:first-child) {
	margin-top:24px;
}

.h6:not(:first-child) {
	margin-top:24px;
}






.TextStyle10 {font-size: 100%;margin: 0 0 15px;}
.TextStyle11 {font-size: 110%;margin: 0 0 15px;}
.TextStyle12 {font-size: 120%;margin: 0 0 15px;}
.TextStyle13 {font-size: 130%;margin: 0 0 15px;}
.TextStyle14 {font-size: 140%;margin: 0 0 15px;}
.TextStyle15 {font-size: 150%;margin: 0 0 15px;}
.TextStyle16 {font-size: 160%;margin: 0 0 15px;}

/* ---------------------------------------------------------
	リンクアイコン
--------------------------------------------------------- */
a.Arrow {
    padding: 0 17px 0 0;
    background-repeat: no-repeat;
    background-position: right center;
    text-decoration: none;
    background-image: url(../image/jp/r1/icon/icon_link_right_hd.gif)!important;
    background-size: 16px 16px;
}

a.NewWin {background-image: url(../image/jp/r1/icon/icon_new_window_hd.gif)!important;
    padding: 0 17px 0 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
}
a.Mail {background-image: url(../image/jp/r1/icon/icon_mail_hd.gif)!important;
    padding: 0 17px 0 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
}
a.Inquiry {background-image: url(../image/jp/r1/icon/icon_inquiry_hd.gif)!important;
    padding: 0 17px 0 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
}
a.Pdf {background-image: url(../image/jp/r1/icon/icon_pdf_hd.gif)!important;
    padding: 0 17px 0 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
}
a.Download {background-image: url(../image/jp/r1/icon/icon_download_hd.gif)!important;
    padding: 0 17px 0 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
}
a.Sound {background-image: url(../image/jp/r1/icon/icon_sound_hd.gif)!important;
    padding: 0 17px 0 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
}
a.Movie {background-image: url(../image/jp/r1/icon/icon_movie_hd.gif)!important;
    padding: 0 17px 0 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
}
a.Important {background-image: url(../image/jp/r1/icon/icon_important_link_hd.gif)!important;
    padding: 0 17px 0 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
}
a.New {background-image: url(..//image/jp/r1/icon/icon_new.gif)!important;
    padding: 0 30px 0 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 28px 13px;
}

a.Bottom {background-image: url(../image/jp/r1/icon/icon_link_bottom_hd.gif)!important;
    padding: 0 17px 0 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
}
a.Top {background-image: url(../image/jp/r1/icon/icon_link_top_hd.gif)!important;
    padding: 0 17px 0 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
}


/* ---------------------------------------------------------
	リンクボタン
--------------------------------------------------------- */

.ButtonStyle1 a,
.ButtonStyle2 a {
	margin-bottom: 10px;
}

ul.ButtonStyle1.ButtonBlock > li > a,
ul.ButtonStyle1.ButtonBlock > li button {
	width: 100%;
}

@media screen and (max-width: 767px) {
	ul.ButtonStyle1.ButtonBlockSp > li > a,
	ul.ButtonStyle1.ButtonBlockSp > li button {
		width: 100%
	}
}

.Button > ul.ButtonStyle2 > li:last-child {
	margin-right: 0;
}
.Button.CenterAdjust > ul.ButtonStyle2 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	
}
.Button.RightAdjust > ul.ButtonStyle2 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: end ;
	justify-content: flex-end;
}


.ButtonStyle1.Black a,
.ButtonStyle2.Black a,
.ButtonW120SetStyle1.Black a,
.ButtonW180SetStyle1.Black a,
.ButtonW240SetStyle1.Black a,
.ButtonW120SetStyle2.Black a,
.ButtonW180SetStyle2.Black a,
.ButtonW240SetStyle2.Black a {
    background-image: url(/image/jp/r1/icon/icon_link_right_l_white.gif);

}

.ButtonStyle1.Black a:link,
.ButtonStyle1.Black a:visited,
.ButtonStyle2.Black a:link,
.ButtonStyle2.Black a:visited,
.ButtonW120SetStyle1.Black a:link,
.ButtonW120SetStyle1.Black a:visited,
.ButtonW180SetStyle1.Black a:link,
.ButtonW180SetStyle1.Black a:visited,
.ButtonW240SetStyle1.Black a:link,
.ButtonW240SetStyle1.Black a:visited,
.ButtonW120SetStyle2.Black a:link,
.ButtonW120SetStyle2.Black a:visited,
.ButtonW180SetStyle2.Black a:link,
.ButtonW180SetStyle2.Black a:visited,
.ButtonW240SetStyle2.Black a:link,
.ButtonW240SetStyle2.Black a:visited {
    background-color: #4B4B4B;
	border: 1px solid #4B4B4B!important;
}

.ButtonStyle1.Black a:hover,
.ButtonStyle1.Black a:active,
.ButtonStyle2.Black a:hover,
.ButtonStyle2.Black a:active,
.ButtonW120SetStyle1.Black a:hover,
.ButtonW120SetStyle1.Black a:active,
.ButtonW180SetStyle1.Black a:hover,
.ButtonW180SetStyle1.Black a:active,
.ButtonW240SetStyle1.Black a:hover,
.ButtonW240SetStyle1.Black a:active,
.ButtonW120SetStyle2.Black a:hover,
.ButtonW120SetStyle2.Black a:active,
.ButtonW180SetStyle2.Black a:hover,
.ButtonW180SetStyle2.Black a:active,
.ButtonW240SetStyle2.Black a:hover,
.ButtonW240SetStyle2.Black a:active {
    background-color: #333;
	border: 1px solid #333!important;
}


.ButtonStyle1.Gray a,
.ButtonStyle2.Gray a,
.ButtonW120SetStyle1.Gray a,
.ButtonW180SetStyle1.Gray a,
.ButtonW240SetStyle1.Gray a,
.ButtonW120SetStyle2.Gray a,
.ButtonW180SetStyle2.Gray a,
.ButtonW240SetStyle2.Gray a {
    background-image: url(/image/jp/r1/icon/icon_link_right_l_white.gif);
}


.ButtonStyle1.Gray a:link,
.ButtonStyle1.Gray a:visited,
.ButtonStyle2.Gray a:link,
.ButtonStyle2.Gray a:visited,
.ButtonW120SetStyle1.Gray a:link,
.ButtonW120SetStyle1.Gray a:visited,
.ButtonW180SetStyle1.Gray a:link,
.ButtonW180SetStyle1.Gray a:visited,
.ButtonW240SetStyle1.Gray a:link,
.ButtonW240SetStyle1.Gray a:visited,
.ButtonW120SetStyle2.Gray a:link,
.ButtonW120SetStyle2.Gray a:visited,
.ButtonW180SetStyle2.Gray a:link,
.ButtonW180SetStyle2.Gray a:visited,
.ButtonW240SetStyle2.Gray a:link,
.ButtonW240SetStyle2.Gray a:visited {
    background-color: #949491;
	border: 1px solid #949491!important;

}

.ButtonStyle1.Gray a:hover,
.ButtonStyle1.Gray a:active,
.ButtonStyle2.Gray a:hover,
.ButtonStyle2.Gray a:active,
.ButtonW120SetStyle1.Gray a:hover,
.ButtonW120SetStyle1.Gray a:active,
.ButtonW180SetStyle1.Gray a:hover,
.ButtonW180SetStyle1.Gray a:active,
.ButtonW240SetStyle1.Gray a:hover,
.ButtonW240SetStyle1.Gray a:active,
.ButtonW120SetStyle2.Gray a:hover,
.ButtonW120SetStyle2.Gray a:active,
.ButtonW180SetStyle2.Gray a:hover,
.ButtonW180SetStyle2.Gray a:active,
.ButtonW240SetStyle2.Gray a:hover,
.ButtonW240SetStyle2.Gray a:active {
    background-color: #717171;
	border: 1px solid #717171!important;

}


.ButtonStyle1.Invert a,
.ButtonStyle2.Invert a,
.ButtonW120SetStyle1.Invert a,
.ButtonW180SetStyle1.Invert a,
.ButtonW240SetStyle1.Invert a,
.ButtonW120SetStyle2.Invert a,
.ButtonW180SetStyle2.Invert a,
.ButtonW240SetStyle2.Invert a {
    background-image: url(/image/jp/r1/icon/icon_link_right_l.gif);
}

.ButtonStyle1.Invert a:link,
.ButtonStyle1.Invert a:visited,
.ButtonStyle2.Invert a:link,
.ButtonStyle2.Invert a:visited,
.ButtonW120SetStyle1.Invert a:link,
.ButtonW120SetStyle1.Invert a:visited,
.ButtonW180SetStyle1.Invert a:link,
.ButtonW180SetStyle1.Invert a:visited,
.ButtonW240SetStyle1.Invert a:link,
.ButtonW240SetStyle1.Invert a:visited,
.ButtonW120SetStyle2.Invert a:link,
.ButtonW120SetStyle2.Invert a:visited,
.ButtonW180SetStyle2.Invert a:link,
.ButtonW180SetStyle2.Invert a:visited,
.ButtonW240SetStyle2.Invert a:link,
.ButtonW240SetStyle2.Invert a:visited {
    border: 2px solid #e60027!important;
    background-color: transparent;
    color: #e60027;
	padding: 9px 21px 9px 14px;
}

.ButtonStyle1.Invert a:hover,
.ButtonStyle1.Invert a:active,
.ButtonStyle2.Invert a:hover,
.ButtonStyle2.Invert a:active,
.ButtonW120SetStyle1.Invert a:hover,
.ButtonW120SetStyle1.Invert a:active,
.ButtonW180SetStyle1.Invert a:hover,
.ButtonW180SetStyle1.Invert a:active,
.ButtonW240SetStyle1.Invert a:hover,
.ButtonW240SetStyle1.Invert a:active,
.ButtonW120SetStyle2.Invert a:hover,
.ButtonW120SetStyle2.Invert a:active,
.ButtonW180SetStyle2.Invert a:hover,
.ButtonW180SetStyle2.Invert a:active,
.ButtonW240SetStyle2.Invert a:hover,
.ButtonW240SetStyle2.Invert a:active {
    background-color: #e60027;
    color: #fff;
    background-image: url(/image/jp/r1/icon/icon_link_right_l_white.gif);
	padding: 9px 21px 9px 14px!important;
}


.ButtonStyle1.Invert a,
.ButtonStyle2.Invert a {
    min-width: 0;
}


.ButtonW120SetStyle1.Invert a,
.ButtonW120SetStyle2.Invert a  {
    box-sizing: border-box;
    min-width: 120px;
}
.ButtonW180SetStyle1.Invert a,
.ButtonW180SetStyle2.Invert a {
    box-sizing: border-box;
    min-width: 180px;
}

.ButtonW240SetStyle1.Invert a,
.ButtonW240SetStyle2.Invert a {
    box-sizing: border-box;
    min-width: 240px;
}






.ButtonStyle1.White a,
.ButtonStyle2.White a,
.ButtonW120SetStyle1.White a,
.ButtonW180SetStyle1.White a,
.ButtonW240SetStyle1.White a,
.ButtonW120SetStyle2.White a,
.ButtonW180SetStyle2.White a,
.ButtonW240SetStyle2.White a {
    background-image: url(/image/jp/r1/icon/icon_link_right_l_white.gif);
}

.ButtonStyle1.White a:link,
.ButtonStyle1.White a:visited,
.ButtonStyle2.White a:link,
.ButtonStyle2.White a:visited,
.ButtonW120SetStyle1.White a:link,
.ButtonW120SetStyle1.White a:visited,
.ButtonW180SetStyle1.White a:link,
.ButtonW180SetStyle1.White a:visited,
.ButtonW240SetStyle1.White a:link,
.ButtonW240SetStyle1.White a:visited,
.ButtonW120SetStyle2.White a:link,
.ButtonW120SetStyle2.White a:visited,
.ButtonW180SetStyle2.White a:link,
.ButtonW180SetStyle2.White a:visited,
.ButtonW240SetStyle2.White a:link,
.ButtonW240SetStyle2.White a:visited {
    border: 2px solid #ffffff!important;
    background-color: transparent;
    color: #ffffff;
}

.ButtonStyle1.White a:hover,
.ButtonStyle1.White a:active,
.ButtonStyle2.White a:hover,
.ButtonStyle2.White a:active,
.ButtonW120SetStyle1.White a:hover,
.ButtonW120SetStyle1.White a:active,
.ButtonW180SetStyle1.White a:hover,
.ButtonW180SetStyle1.White a:active,
.ButtonW240SetStyle1.White a:hover,
.ButtonW240SetStyle1.White a:active,
.ButtonW120SetStyle2.White a:hover,
.ButtonW120SetStyle2.White a:active,
.ButtonW180SetStyle2.White a:hover,
.ButtonW180SetStyle2.White a:active,
.ButtonW240SetStyle2.White a:hover,
.ButtonW240SetStyle2.White a:active {
    background-color: transparent;
    color: #fff;
    background-image: url(/image/jp/r1/icon/icon_link_right_l_white.gif);
}

.ButtonStyle1.White a,
.ButtonStyle2.White a {
    min-width: 0;
}

.ButtonW120SetStyle1.White a,
.ButtonW120SetStyle2.White a  {
    box-sizing: border-box;
    min-width: 120px;
}
.ButtonW180SetStyle1.White a,
.ButtonW180SetStyle2.White a {
    box-sizing: border-box;
    min-width: 180px;
}

.ButtonW240SetStyle1.White a,
.ButtonW240SetStyle2.White a {
    box-sizing: border-box;
    min-width: 240px;
}




.ButtonStyle1 button,
.ButtonStyle2 button {
	display: inline-block;
    min-width: 130px;
    min-height: 18px;
    margin: 0 0 15px;
    text-align: center;
    font-size: 83%;
    line-height: 130%;
    background-image: url(../image/jp/r1/icon/icon_link_right_l_white_hd.gif);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -ms-background-size: 16px 16px;
    word-break: break-all;
	padding: 9px 22px 9px 15px;
    background-color: #e60027;
    color: #fff;
    text-decoration: none;
	border: 0;
    border-right: solid 3px transparent;
	cursor: pointer;
}

.ButtonStyle1 button:hover,
.ButtonStyle1 button:active,
.ButtonStyle2 button:hover,
.ButtonStyle2 button:active {
    padding: 9px 24px 9px 15px;
    background-color: #b1000e;
    color: #fff;
    text-decoration: none;
    border-right: solid 1px transparent;
}

.ButtonStyle1.Black button,
.ButtonStyle2.Black button {
	background-color: #4B4B4B;
}
.ButtonStyle1.Black button:hover,
.ButtonStyle2.Black button:hover {
    background-color: #333;
}

.ButtonStyle1 button strong,
.ButtonStyle2 button strong {
	color: #fff;
}

.ButtonStyle1.Black button strong,
.ButtonStyle2.Black button strong {
	color: #fff;
}


@media screen and (max-width: 767px) {
	/*
	.ButtonStyle1 li {
		display: block;
		float: none;
		width: 100%;
		margin-right: 0;
    }
	.ButtonStyle1 a {
		display: block;
		width: calc(100% - 40px);
    }
    .ButtonStyle2 li {
		display: block;
		float: none;
		width: 100%;
		margin-right: 0;
    }
	.ButtonStyle2 a {
		display: block;
		width: calc(100% - 40px);
    }
	.ButtonStyle2 button {
		width: 100%;
	}
	*/
}

.ButtonStyle1.Large a,
.ButtonStyle2.Large a {
    min-height: 50px;
	font-size: 18px;
/*	line-height: 160%;*/
	padding-left: 22px;
	padding-right: 29px;
	padding-top: 13px;
	padding-bottom: 13px;
}

.ButtonStyle1.Large a:hover,
.ButtonStyle2.Large a:hover {
	padding-left: 22px!important;
    padding-right: 29px!important;
	padding-top: 13px!important;
	padding-bottom: 13px!important;

}

.ButtonStyle1.Large button,
.ButtonStyle2.Large button {
    min-height: 50px;
	font-size: 18px;
/*	line-height: 160%;*/
	padding-left: 22px;
	padding-right: 29px;
	padding-top: 13px;
	padding-bottom: 13px;
}


.ButtonStyle1.Large button:hover,
.ButtonStyle2.Large button:hover {
	padding-left: 22px!important;
    padding-right: 31px!important;
	padding-top: 13px!important;
	padding-bottom: 13px!important;

}


.ButtonStyle1 a.Download,
.ButtonStyle1 button.Download {
	background-image: url(../image/hse/icon/ic_download.png)!important;
	padding-right: 50px!important;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 26px 20px;
	border: 1px solid #b1000e!important;
}

.ButtonStyle1.Large a.Download,
.ButtonStyle1.Large button.Download {
	background-image: url(../image/hse/icon/ic_download.png)!important;
	padding-right: 60px!important;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 39px 30px;
}


.ButtonStyle1.MinWidth200 a,
.ButtonStyle2.MinWidth200 a,
.ButtonStyle1.MinWidth200 button,
.ButtonStyle2.MinWidth200 button {
	min-width: 200px;
}

.ButtonStyle1.MinWidth300 a,
.ButtonStyle2.MinWidth300 a,
.ButtonStyle1.MinWidth300 button,
.ButtonStyle2.MinWidth300 button {
	min-width: 300px;
}

@media screen and (min-width: 768px) {
	.ButtonStyle1.MaxWidth415Pc a,
	.ButtonStyle2.MaxWidth415Pc a,
	.ButtonStyle1.MaxWidth415Pc button,
	.ButtonStyle2.MaxWidth415Pc button {
		max-width: 415px;
	}
}


/* ---------------------------------------------------------
	リンクリスト
--------------------------------------------------------- */

.LinkListStyle1 a {
	word-break: break-all;

}

/* ---------------------------------------------------------
	ボックス
--------------------------------------------------------- */

.BoxPatternA,
.BoxPatternB {
	position: relative;
}

.BoxPatternA h4, .BoxPatternA h5, .BoxPatternA h6 {
	background-image: none;
}

.BoxPatternA h5, .BoxPatternA h6 {
    min-height: 20px;
    margin: -15px 0 15px;
    padding: 8px 15px;
    font-size: 96%;
    font-weight: normal;
    color: #fff;
    line-height: 130%;
    border: none;
    background-color: #737373;
}

.BoxPatternA h5 a, .BoxPatternA h6 a {
    display: block;
    min-height: 20px;
    margin: -8px -15px;
    background-image: none;
    background-image: url(../image/jp/r1/icon/icon_link_right_l_white_hd.gif) !important;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -ms-background-size: 16px 16px;
}

.BoxPatternA h5 a:link, .BoxPatternA h6 a:link, .BoxPatternA h5 a:visited, .BoxPatternA h6 a:visited {
    padding: 8px 22px 8px 15px;
    color: #fff;
    background-color: #e60027;
    text-decoration: none;
    border-right: solid 3px transparent;
}

.BoxPatternB h4, .BoxPatternB h5, .BoxPatternB h6 {
	background-image: none;
}

.BoxPatternB h5, .BoxPatternB h6 {
    margin: 0;
    padding: 0 15px 10px;
    font-size: 90%;
    font-weight: bold;
    color: #575757;
    border: none;
}

.BoxPatternB h5 a:link, .BoxPatternB h6 a:link, .BoxPatternB h5 a:visited, .BoxPatternB h6 a:visited {
    color: #575757;
    text-decoration: none;
    background-image: url(../image/jp/r1/icon/icon_link_right_xl_hd.gif);
}

.BoxPatternB h5 a, .BoxPatternB h6 a {
    padding: 0 20px 0 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -ms-background-size: 16px 16px;
}


@media screen and (min-width: 768px) {

    .BoxPatterns.ColumnSet {
        display: -ms-flexbox;
        display: flex;
    }
    
    .BoxPatterns.ColumnSet > * > .BoxPatternA,
    .BoxPatterns.ColumnSet > * > .BoxPatternB,
    .BoxPatterns.ColSet > * > .BoxPatternA,
    .BoxPatterns.ColSet > * > .BoxPatternB {
        height: calc(100% - 40px);
    }
    
}


.BoxPatternA > .badge-new,
.BoxPatternB > .badge-new {
	background-color: #e60027;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding: 2px 8px;
	font-size: 12px;
	font-weight: bold;
	z-index: 10;
}
.BoxPatternA > .badge-new + .Inner,
.BoxPatternB > .badge-new + .Inner {
	padding-top: 15px;
}	

.BoxPatternA > .badge-new + h2,
.BoxPatternA > .badge-new + h3,
.BoxPatternA > .badge-new + h4,
.BoxPatternA > .badge-new + h5,
.BoxPatternA > .badge-new + h6,
.BoxPatternB > .badge-new + h2,
.BoxPatternB > .badge-new + h3,
.BoxPatternB > .badge-new + h4,
.BoxPatternB > .badge-new + h5,
.BoxPatternB > .badge-new + h6 {
	padding-left: 55px;
}	

.BoxPatternA > .badge-new + h2 > a {
	margin-left: -55px;
	padding-left: 55px;
}


/* ---------------------------------------------------------
	パネル
--------------------------------------------------------- */

.ImgHeadingStyle > .Title > h3 {
    border: 0;
}

.ImgHeadingStyle > .Title > h5,
.ImgHeadingStyle > .Title > h6 {
    min-height: 20px;
    margin: 0;
    padding: 10px;
    font-weight: normal;
    font-size: 96%;
    color: #fff;
    line-height: 130%;
    background: url(../image/jp/r1/bg_image_heading.png);
}

.ImgHeadingStyle > .Title > h5 a,
.ImgHeadingStyle > .Title > h6 a {
    float: none;
    display: block;
    min-height: 20px;
    margin: -10px;
    background-image: url(../image/jp/r1/icon/icon_link_right_l_white_hd.gif) !important;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -ms-background-size: 16px 16px;
}

.ImgHeadingStyle > .Title > h5 a:link,
.ImgHeadingStyle > .Title > h6 a:link, 
.ImgHeadingStyle > .Title > h5 a:visited,
.ImgHeadingStyle > .Title > h6 a:visited {
    padding: 10px 22px 10px 10px;
    color: #fff;
    text-decoration: none;
    border-right: solid 3px transparent;
}


.ImgHeadingStyle > .Title > h5 a:hover, 
.ImgHeadingStyle > .Title > h6 a:hover, 
.ImgHeadingStyle > .Title > h5 a:active, 
.ImgHeadingStyle > .Title > h6 a:active {
    padding: 10px 24px 10px 10px;
    color: #fff;
    text-decoration: underline;
    border-right: solid 1px transparent;
}




.JS .ImgHeadingSet img {
    max-width: 100%;
}

@media screen and (max-width: 399px) {
    .JS .ImgHeadingStyle .Title h5,
    .JS .ImgHeadingStyle .Title h6 {
        margin: 0 0 10px 95px;
        padding: 0;
        font-size: 100%;
        font-weight: bold;
        background-image: none;
        color: #707070;
    }

    
    .JS .ImgHeadingStyle .Title h5 a:link,
    .JS .ImgHeadingStyle .Title h6 a:link,
    .JS .ImgHeadingStyle .Title h5 a:visited,
    .JS .ImgHeadingStyle .Title h6 a:visited {
        background-image: url(../image/jp/r1/icon/icon_link_right_l_hd.gif) !important;
        color: #707070;
    }

	.JS .Column1andHalf .ImgHeadingStyle ~ p,
    .JS .Column1 .ImgHeadingStyle ~ p {
        margin: 0 0 15px 95px;
    }
}





/* ---------------------------------------------------------
	Table
--------------------------------------------------------- */
.DataTableStyle50 {
	width: 50%;
}



@media screen and (max-width: 767px) {
	.ResponsiveTableStyleScroll {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.ResponsiveTableStyleScroll td {
		white-space: nowrap !important;
	}
	.DataTableStyle50 {
		width: 100%;
	}

}



/* ---------------------------------------------------------
	YouTubeBox
--------------------------------------------------------- */

.YouTubeBox .Inner h3,
.YouTubeBox .Inner h4,
.YouTubeBox .Inner h5,
.YouTubeBox .Inner h6 {
    margin: 0 10% 10px;
    padding: 0;
    font-size: 110%;
    font-style: normal;
    font-weight: bold;
    line-height: 140%;
    color: #fff;
    background-image: none;
    border:0;
}

@media screen and (max-width: 994px) {
    .OptionRWD.JS .YouTubeBox .Inner h5,
    .OptionRWD.JS .YouTubeBox .Inner h6 {
        font-size: 100%;
    }
}

@media screen and (max-width: 767px) {
    .OptionRWD.JS .YouTubeBox .Inner h5, 
    .OptionRWD.JS .YouTubeBox .Inner h6 {
        margin: 0 15px 10px;
    }
}

@media screen and (max-width: 579px) {
    .OptionRWD.JS .YouTubeBox .Inner h5,
    .OptionRWD.JS .YouTubeBox .Inner h6 {
        font-size: 90%;
    }
}




/* ---------------------------------------------------------
	日付リンクリスト1
--------------------------------------------------------- */

.DateListStyle2.News1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    margin-bottom: 40px;
	border-top:solid 1px #E3E3E3;
}

.DateListStyle2.News1 dt {
    margin-bottom: 0px;
    float: none;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
    width: 250px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}

.DateListStyle2.News1 dd {
    margin: 0;
    margin-bottom: 0;
    float: none;
    position: relative;
    -ms-flex: 0 0 calc(100% - 250px);
    flex: 0 0 calc(100% - 250px);
    width: calc(100% - 250px);
    box-sizing: border-box;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.DateListStyle2.News1 dd::before {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 20px);
    top: 10px;
    left: 0;
    border-left: solid 1px #E3E3E3;
    box-sizing: border-box;
}

.DateListStyle2.News1 dd::after {
    content: "";
    position: absolute;
    width: calc(100% + 250px);
    height: 1px;
    bottom: 0;
    left: -250px;
    /* margin-left: -50vw; */
    /* z-index: -1; */
    border-bottom: solid 1px #E3E3E3;
    box-sizing: border-box;
}

.DateListStyle2 dd p:last-child {
	margin-bottom: 0;
}

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

	.DateListStyle2.News1 dt {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-bottom: 5px;
	}

	.DateListStyle2.News1 dd {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0;
		padding-top: 0;
	}
	.DateListStyle2.News1 dd::before {
	display: none;
	}

	.DateListStyle2.News1 dd::after {
		left: 0;
		width: 100%;
	}
}



/* ---------------------------------------------------------
	日付リンクリスト2
--------------------------------------------------------- */

.DateListStyle2.News2 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    margin-bottom: 40px;
	border-top:solid 1px #E3E3E3;
}

.DateListStyle2.News2 dt {
    margin-bottom: 0px;
    float: none;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    max-width: 140px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}

.DateListStyle2.News2 dd {
    margin: 0;
    margin-bottom: 0;
    float: none;
    position: relative;
    -ms-flex: 0 0 calc(100% - 140px);
    flex: 0 0 calc(100% - 140px);
    width: calc(100% - 140px);
    box-sizing: border-box;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.DateListStyle2.News2 dd::before {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 20px);
    top: 10px;
    left: 0;
    border-left: solid 1px #E3E3E3;
    box-sizing: border-box;
}

.DateListStyle2.News2 dd::after {
    content: "";
    position: absolute;
    width: calc(100% + 140px);
    height: 1px;
    bottom: 0;
    left: -140px;
    /* margin-left: -50vw; */
    /* z-index: -1; */
    border-bottom: solid 1px #E3E3E3;
    box-sizing: border-box;
}

.DateListStyle2.News2 .LinkListStyle1 li {
	line-height: 1.8;
}

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

	.DateListStyle2.News2 dt {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-bottom: 5px;
	}

	.DateListStyle2.News2 dd {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0;
		padding-top: 0;
	}
	.DateListStyle2.News2 dd::before {
	display: none;
	}

	.DateListStyle2.News2 dd::after {
		left: 0;
		width: 100%;
	}
}



/* ---------------------------------------------------------
	テキストリスト
--------------------------------------------------------- */

.ListStyle1.Number,
.ListStyle2.Number  {
	counter-reset: number 0; 
}
.ListStyle1.Number > dt,
.ListStyle2.Number > dt {
	position: relative;
	text-indent: -1em;
	background-image: none;
}
.ListStyle1.Number > dt::before,
.ListStyle2.Number > dt::before {
	counter-increment: number 1;
	content: counter(number) ".";
}


/* ---------------------------------------------------------
	補足リスト
--------------------------------------------------------- */

.AdditionalNotesStyle2 dd+dd,
.AdditionalNotesStyle1 dd+dd {
	margin-top: 0;
}




/* ---------------------------------------------------------
	注意書きリスト
--------------------------------------------------------- */

dl.AnnotationsStyle1 {
	font-size: 90%;
	margin-bottom: 15px;
}
dl.AnnotationsStyle2 {
	font-size: 83%;
}

dl.AnnotationsStyle1 > dt,
dl.AnnotationsStyle2 > dt {
    margin: 0 0 2px;
    padding: 0 0 0 1.2em;
    text-indent: -1em;
}


dl.AnnotationsStyle1 > dd,
dl.AnnotationsStyle2 > dd {
    margin: 0 0 10px;
    padding: 0 0 0 1em;
}




/* ---------------------------------------------------------
	VerticalLocalNavi
--------------------------------------------------------- */


#VerticalLocalNavi {
	margin-bottom: 40px;
}

#VerticalLocalNavi li li li li a {padding: 9px 15px 9px 60px;}


#VerticalLocalNavi li li li li.Current a strong,
#VerticalLocalNavi li li li li.Current a em {
	margin: -9px -15px -9px -60px;
	padding: 9px 15px 9px 60px;
}

#VerticalLocalNavi > li:first-child > a {
    border-top: none;
}

#VerticalLocalNavi li:first-child > a {
    border-top: solid 1px #fff;
}


/* ---------------------------------------------------------
	グリッド
--------------------------------------------------------- */
.ButtonStyle1.SideMenu a {
	text-align: left!important;
	font-size: 14px;
}

/* ---------------------------------------------------------
	グリッド
--------------------------------------------------------- */
.ColSet {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	padding-right: 15px;
}

.Col3 {
    box-sizing: border-box;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
    padding: 0 0 0 15px;
}

.Col4 {
    box-sizing: border-box;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
    padding: 0 0 0 15px;
}

.Col6 {
    box-sizing: border-box;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
    padding: 0 0 0 15px;
}

.Col8 {
    box-sizing: border-box;
	-ms-flex: 0 0 66.666666%;
	flex: 0 0 66.666666%;
	max-width: 66.666666%;
    padding: 0 0 0 15px;
}

.Col9 {
    box-sizing: border-box;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
    padding: 0 0 0 15px;
}

.Col12 {
    box-sizing: border-box;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
    padding: 0 0 0 15px;
}

@media screen and (max-width: 767px) {
	.Col3,
	.Col4,
	.Col6,
	.Col8,
	.Col9,
	.Col12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.ColSm3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	
	.ColSm4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	
	.ColSm6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.ColSm12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media screen and (max-width: 579px) {
	.ColXs3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	
	.ColXs4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	
	.ColXs6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.ColXs12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}



/* ---------------------------------------------------------------------------------------

	モジュール

---------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------
	第2階層h1
--------------------------------------------------------- */

.PageTopHeading2 {
	background-color: #fff;
	height: 280px;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}

.PageTopHeading2 .PageTopHeadingImg {
	position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
}


.PageTopHeading2 .PageTopHeadingImg img {
	max-width: 9999px!important;
	height: auto;
	left: 50%;
	position: relative;
	transform: translateX(-50%);
}


.PageTopHeading2.Products .PageTopHeadingImg { background-image: url(/image/hse/h1/br_products_02_pc.jpg); }
.PageTopHeading2.Case .PageTopHeadingImg  { background-image: url(/image/hse/h1/br_case_02_pc.jpg); }
.PageTopHeading2.Seminar .PageTopHeadingImg  { background-image: url(/image/hse/h1/br_seminar_02_pc.jpg); }
.PageTopHeading2.Company .PageTopHeadingImg  { background-image: url(/image/hse/h1/br_company_02_pc.jpg); }
.PageTopHeading2.Recruitment .PageTopHeadingImg  { background-image: url(/image/hse/h1/br_recruitment_02_pc.jpg); }
.PageTopHeading2.Download .PageTopHeadingImg  { background-image: url(/image/hse/h1/br_download_02_pc.jpg); }
.PageTopHeading2.Owndmedia .PageTopHeadingImg  { background-image: url(/image/hse/h1/br_owndmedia_02_pc.jpg); }
.PageTopHeading2.Newsrelease .PageTopHeadingImg  { background-image: url(/image/hse/h1/br_newsrelease_02_pc.jpg); }
.PageTopHeading2.Default .PageTopHeadingImg { background-image: url(/image/hse/h1/br_default_02_pc.jpg); }

.PageTopHeading2.EnService .PageTopHeadingImg { background-image: url(/image/hse-en/h1/br_products_02_pc.jpg); }
.PageTopHeading2.EnAboutUs .PageTopHeadingImg { background-image: url(/image/hse-en/h1/br_aboutus_02_pc.jpg); }
.PageTopHeading2.EnDefault .PageTopHeadingImg { background-image: url(/image/hse-en/h1/br_default_02_pc.jpg); }
.PageTopHeading2.CnService .PageTopHeadingImg { background-image: url(/image/hse-cn/h1/br_products_02_pc.jpg); }
.PageTopHeading2.CnAboutUs .PageTopHeadingImg { background-image: url(/image/hse-cn/h1/br_aboutus_02_pc.jpg); }
.PageTopHeading2.CnDefault .PageTopHeadingImg { background-image: url(/image/hse-cn/h1/br_default_02_pc.jpg); }


.PageTopHeading2 .PageTopHeadingTitle {
	position: absolute;
	width: 500px;
	height: 100%;
	top:0;
	left: calc((100% - 1275px) / 2 + 35px);
	/*background-color: rgba(171,24,24,0.55);*/
	background: rgb(220,3,3);
	filter:alpha(opacity=80); 
	background: rgba(220,3,3,0.8);
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
}

.PageTopHeading2 .PageTopHeadingTitle h1 {
	color: #fff;
	font-size: 25px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	position: relative;
}

.PageTopHeading2 .PageTopHeadingTitle h1::after {
	content: "";
	position: absolute;
	width: 80px;
	height: 2px;
	background-color: #fff;
	bottom: 0;
	left: 0;
}

.PageTopHeading2 .PageTopHeadingTitle p {
	color: #fff;
	font-size: 14px;
}

@media screen and (max-width: 1304px) {
	.PageTopHeading2 {
		margin-left: -15px;
		margin-right: -15px;
	}
	.PageTopHeading2 .PageTopHeadingTitle {
		left: 50px;
	}
}

@media screen and (max-width: 767px) {
	.PageTopHeading2 {
		height: 320px;
	}

	.PageTopHeading2.Products .PageTopHeadingImg { background-image: url(/image/hse/h1/br_products_02_sp.jpg); }
	.PageTopHeading2.Case .PageTopHeadingImg { background-image: url(/image/hse/h1/br_case_02_sp.jpg); }
	.PageTopHeading2.Seminar .PageTopHeadingImg { background-image: url(/image/hse/h1/br_seminar_02_sp.jpg); }
	.PageTopHeading2.Company .PageTopHeadingImg { background-image: url(/image/hse/h1/br_company_02_sp.jpg); }
	.PageTopHeading2.Recruitment .PageTopHeadingImg { background-image: url(/image/hse/h1/br_recruitment_02_sp.jpg); }
	.PageTopHeading2.Download .PageTopHeadingImg { background-image: url(/image/hse/h1/br_download_02_sp.jpg); }
	.PageTopHeading2.Owndmedia .PageTopHeadingImg { background-image: url(/image/hse/h1/br_owndmedia_02_sp.jpg); }
	.PageTopHeading2.Newsrelease .PageTopHeadingImg { background-image: url(/image/hse/h1/br_newsrelease_02_sp.jpg); }
	.PageTopHeading2.Default .PageTopHeadingImg { background-image: url(/image/hse/h1/br_default_02_sp.jpg); }

	.PageTopHeading2.EnService .PageTopHeadingImg { background-image: url(/image/hse-en/h1/br_service_02_sp.jpg); }
	.PageTopHeading2.EnAboutUs .PageTopHeadingImg { background-image: url(/image/hse-en/h1/br_aboutus_02_sp.jpg); }
	.PageTopHeading2.EnDefault .PageTopHeadingImg { background-image: url(/image/hse-en/h1/br_default_02_sp.jpg); }
	.PageTopHeading2.CnService .PageTopHeadingImg { background-image: url(/image/hse-cn/h1/br_service_02_sp.jpg); }
	.PageTopHeading2.CnAboutUs .PageTopHeadingImg { background-image: url(/image/hse-cn/h1/br_aboutus_02_sp.jpg); }
	.PageTopHeading2.CnDefault .PageTopHeadingImg { background-image: url(/image/hse-cn/h1/br_default_02_sp.jpg); }
		

	.PageTopHeading2 .PageTopHeadingTitle {
		background-color: #e60027;
		width: 100%;
		position: absolute;
		top: 160px;
		left: 0;
		height: 160px;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.PageTopHeading2 .PageTopHeadingTitle h1 {
		font-size: 20px;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	
	.PageTopHeading2 .PageTopHeadingTitle p {
		font-size: 12px;
	}
	.PageTopHeading2 .PageTopHeadingImg img {
		max-width: 100%!important;
		height: auto;
	}
}


.PageTopHeading3,
.PageTopHeading4,
.PageTopHeading5 {
	background-color: #fff;
	height: 280px;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}

.PageTopHeading3 .PageTopHeadingImg,
.PageTopHeading4 .PageTopHeadingImg,
.PageTopHeading5 .PageTopHeadingImg {
	height: 100%;
	position: relative;
}


.PageTopHeading3 .PageTopHeadingImg img,
.PageTopHeading4 .PageTopHeadingImg img,
.PageTopHeading5 .PageTopHeadingImg img {
	max-width: 9999px!important;
	height: auto;
	left: 50%;
	position: relative;
	transform: translateX(-50%);
}


.PageTopHeading3 .PageTopHeadingImg::after,
.PageTopHeading4 .PageTopHeadingImg::after,
.PageTopHeading5 .PageTopHeadingImg::after {
	max-width: 9999px!important;
	height: auto;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
}

.PageTopHeading3.Products .PageTopHeadingImg::after { content: url(/image/hse/h1/br_products_03_pc.jpg); }
.PageTopHeading4.Products .PageTopHeadingImg::after { content: url(/image/hse/h1/br_products_03_pc.jpg); }
.PageTopHeading5.Products .PageTopHeadingImg::after { content: url(/image/hse/h1/br_products_03_pc.jpg); }
.PageTopHeading3.Case .PageTopHeadingImg::after { content: url(/image/hse/h1/br_case_03_pc.jpg); }
.PageTopHeading4.Case .PageTopHeadingImg::after { content: url(/image/hse/h1/br_case_03_pc.jpg); }
.PageTopHeading5.Case .PageTopHeadingImg::after { content: url(/image/hse/h1/br_case_03_pc.jpg); }
.PageTopHeading3.Seminar .PageTopHeadingImg::after { content: url(/image/hse/h1/br_seminar_03_pc.jpg); }
.PageTopHeading4.Seminar .PageTopHeadingImg::after { content: url(/image/hse/h1/br_seminar_03_pc.jpg); }
.PageTopHeading5.Seminar .PageTopHeadingImg::after { content: url(/image/hse/h1/br_seminar_03_pc.jpg); }
.PageTopHeading3.Company .PageTopHeadingImg::after { content: url(/image/hse/h1/br_company_03_pc.jpg); }
.PageTopHeading4.Company .PageTopHeadingImg::after { content: url(/image/hse/h1/br_company_03_pc.jpg); }
.PageTopHeading5.Company .PageTopHeadingImg::after { content: url(/image/hse/h1/br_company_03_pc.jpg); }
.PageTopHeading3.Recruitment .PageTopHeadingImg::after { content: url(/image/hse/h1/br_recruitment_03_pc.jpg); }
.PageTopHeading4.Recruitment .PageTopHeadingImg::after { content: url(/image/hse/h1/br_recruitment_03_pc.jpg); }
.PageTopHeading5.Recruitment .PageTopHeadingImg::after { content: url(/image/hse/h1/br_recruitment_03_pc.jpg); }
.PageTopHeading3.Download .PageTopHeadingImg::after { content: url(/image/hse/h1/br_download_03_pc.jpg); }
.PageTopHeading4.Download .PageTopHeadingImg::after { content: url(/image/hse/h1/br_download_03_pc.jpg); }
.PageTopHeading5.Download .PageTopHeadingImg::after { content: url(/image/hse/h1/br_download_03_pc.jpg); }
.PageTopHeading3.Owndmedia .PageTopHeadingImg::after { content: url(/image/hse/h1/br_owndmedia_03_pc.jpg); }
.PageTopHeading4.Owndmedia .PageTopHeadingImg::after { content: url(/image/hse/h1/br_owndmedia_03_pc.jpg); }
.PageTopHeading5.Owndmedia .PageTopHeadingImg::after { content: url(/image/hse/h1/br_owndmedia_03_pc.jpg); }
.PageTopHeading3.Newsrelease .PageTopHeadingImg::after { content: url(/image/hse/h1/br_newsrelease_03_pc.jpg); }
.PageTopHeading4.Newsrelease .PageTopHeadingImg::after { content: url(/image/hse/h1/br_newsrelease_03_pc.jpg); }
.PageTopHeading5.Newsrelease .PageTopHeadingImg::after { content: url(/image/hse/h1/br_newsrelease_03_pc.jpg); }
.PageTopHeading3.Default .PageTopHeadingImg::after { content: url(/image/hse/h1/br_default_03_pc.jpg); }
.PageTopHeading4.Default .PageTopHeadingImg::after { content: url(/image/hse/h1/br_default_03_pc.jpg); }
.PageTopHeading5.Default .PageTopHeadingImg::after { content: url(/image/hse/h1/br_default_03_pc.jpg); }

.PageTopHeading3.EnService .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_products_03_pc.jpg); }
.PageTopHeading4.EnService .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_products_03_pc.jpg); }
.PageTopHeading5.EnService .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_products_03_pc.jpg); }
.PageTopHeading3.EnAboutUs .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_aboutus_03_pc.jpg); }
.PageTopHeading4.EnAboutUs .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_aboutus_03_pc.jpg); }
.PageTopHeading5.EnAboutUs .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_aboutus_03_pc.jpg); }
.PageTopHeading3.EnDefault .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_default_03_pc.jpg); }
.PageTopHeading4.EnDefault .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_default_03_pc.jpg); }
.PageTopHeading5.EnDefault .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_default_03_pc.jpg); }
.PageTopHeading3.CnService .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_products_03_pc.jpg); }
.PageTopHeading4.CnService .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_products_03_pc.jpg); }
.PageTopHeading5.CnService .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_products_03_pc.jpg); }
.PageTopHeading3.CnAboutUs .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_aboutus_03_pc.jpg); }
.PageTopHeading4.CnAboutUs .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_aboutus_03_pc.jpg); }
.PageTopHeading5.CnAboutUs .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_aboutus_03_pc.jpg); }
.PageTopHeading3.CnDefault .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_default_03_pc.jpg); }
.PageTopHeading4.CnDefault .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_default_03_pc.jpg); }
.PageTopHeading5.CnDefault .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_default_03_pc.jpg); }


.PageTopHeading3 .PageTopHeadingTitle,
.PageTopHeading4 .PageTopHeadingTitle,
.PageTopHeading5 .PageTopHeadingTitle {
	position: absolute;
	width: 500px;
	height: 80%;
	top:10%;
	left: calc((100% - 1275px) / 2 + 35px);
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
}

.PageTopHeading3 .PageTopHeadingTitle {
	padding-top: 30px;
	background: rgb(220,3,3);
	filter:alpha(opacity=80); 
	background: rgba(220,3,3,0.8);
}

.PageTopHeading4 .PageTopHeadingTitle {
	padding-top: 50px;
	background: rgb(255,255,255);
	filter:alpha(opacity=70); 
	background: rgba(255,255,255,0.7);
}

.PageTopHeading5 .PageTopHeadingTitle {
	padding-top: 50px;
	background: rgb(255,255,255);
	filter:alpha(opacity=70); 
	background: rgba(255,255,255,0.7);
}

.PageTopHeading3 .PageTopHeadingTitle h1,
.PageTopHeading4 .PageTopHeadingTitle h1,
.PageTopHeading5 .PageTopHeadingTitle h1 {
	font-size: 25px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	position: relative;
}

.PageTopHeading3 .PageTopHeadingTitle h1 {
	color: #fff;
}

.PageTopHeading4 .PageTopHeadingTitle h1 {
	color: #e60027;
}

.PageTopHeading5 .PageTopHeadingTitle h1 {
	color: #e60027;
	font-size: 19px;
}

.PageTopHeading3 .PageTopHeadingTitle h1::after,
.PageTopHeading4 .PageTopHeadingTitle h1::after,
.PageTopHeading5 .PageTopHeadingTitle h1::after {
	content: "";
	position: absolute;
	width: 80px;
	height: 2px;
	bottom: 0;
	left: 0;
}
.PageTopHeading3 .PageTopHeadingTitle h1::after {
	background-color: #fff;
}

.PageTopHeading4 .PageTopHeadingTitle h1::after {
	background-color: #e60027;
}

.PageTopHeading5 .PageTopHeadingTitle h1::after {
	background-color: #e60027;
}

.PageTopHeading3 .PageTopHeadingTitle p {
	color: #fff;
	font-size: 14px;
}

.PageTopHeading4 .PageTopHeadingTitle p {
	color: #e60027;
	font-size: 14px;
}

.PageTopHeading5 .PageTopHeadingTitle p {
	color: #e60027;
	font-size: 14px;
}

@media screen and (max-width: 1304px) {
	.PageTopHeading3,
	.PageTopHeading4,
	.PageTopHeading5 {
		margin-left: -15px;
		margin-right: -15px;
	}

	.PageTopHeading3 .PageTopHeadingTitle,
	.PageTopHeading4 .PageTopHeadingTitle,
	.PageTopHeading5 .PageTopHeadingTitle {
		left: 50px;
	}
}

@media screen and (max-width: 767px) {
	.PageTopHeading3,
	.PageTopHeading4,
	.PageTopHeading5 {
		height: 270px;
	}

	
	.PageTopHeading3 .PageTopHeadingImg img,
	.PageTopHeading4 .PageTopHeadingImg img,
	.PageTopHeading5 .PageTopHeadingImg img {
		max-width: 100%!important;
		height: auto;
	}
	

	.PageTopHeading3 .PageTopHeadingImg::after,
	.PageTopHeading4 .PageTopHeadingImg::after,
	.PageTopHeading5 .PageTopHeadingImg::after {
		content: "";
		height: 100%;
		/*
		width: 100%;
		left: 0;
		transform: none;*/
		background-size: cover;
		background-position: top;
		background-repeat: no-repeat;
	}
	
	.PageTopHeading3.Products .PageTopHeadingImg::after { content: url(/image/hse/h1/br_products_03_sp.jpg); }
	.PageTopHeading4.Products .PageTopHeadingImg::after { content: url(/image/hse/h1/br_products_03_sp.jpg); }
	.PageTopHeading5.Products .PageTopHeadingImg::after { content: url(/image/hse/h1/br_products_03_sp.jpg); }
	.PageTopHeading3.Case .PageTopHeadingImg::after { content: url(/image/hse/h1/br_case_03_sp.jpg); }
	.PageTopHeading4.Case .PageTopHeadingImg::after { content: url(/image/hse/h1/br_case_03_sp.jpg); }
	.PageTopHeading5.Case .PageTopHeadingImg::after { content: url(/image/hse/h1/br_case_03_sp.jpg); }
	.PageTopHeading3.Seminar .PageTopHeadingImg::after { content: url(/image/hse/h1/br_seminar_03_sp.jpg); }
	.PageTopHeading4.Seminar .PageTopHeadingImg::after { content: url(/image/hse/h1/br_seminar_03_sp.jpg); }
	.PageTopHeading5.Seminar .PageTopHeadingImg::after { content: url(/image/hse/h1/br_seminar_03_sp.jpg); }
	.PageTopHeading3.Company .PageTopHeadingImg::after { content: url(/image/hse/h1/br_company_03_sp.jpg); }
	.PageTopHeading4.Company .PageTopHeadingImg::after { content: url(/image/hse/h1/br_company_03_sp.jpg); }
	.PageTopHeading5.Company .PageTopHeadingImg::after { content: url(/image/hse/h1/br_company_03_sp.jpg); }
	.PageTopHeading3.Recruitment .PageTopHeadingImg::after { content: url(/image/hse/h1/br_recruitment_03_sp.jpg); }
	.PageTopHeading4.Recruitment .PageTopHeadingImg::after { content: url(/image/hse/h1/br_recruitment_03_sp.jpg); }
	.PageTopHeading5.Recruitment .PageTopHeadingImg::after { content: url(/image/hse/h1/br_recruitment_03_sp.jpg); }
	.PageTopHeading3.Download .PageTopHeadingImg::after { content: url(/image/hse/h1/br_download_03_sp.jpg); }
	.PageTopHeading4.Download .PageTopHeadingImg::after { content: url(/image/hse/h1/br_download_03_sp.jpg); }
	.PageTopHeading5.Download .PageTopHeadingImg::after { content: url(/image/hse/h1/br_download_03_sp.jpg); }
	.PageTopHeading3.Owndmedia .PageTopHeadingImg::after { content: url(/image/hse/h1/br_owndmedia_03_sp.jpg); }
	.PageTopHeading4.Owndmedia .PageTopHeadingImg::after { content: url(/image/hse/h1/br_owndmedia_03_sp.jpg); }
	.PageTopHeading5.Owndmedia .PageTopHeadingImg::after { content: url(/image/hse/h1/br_owndmedia_03_sp.jpg); }
	.PageTopHeading3.Newsrelease .PageTopHeadingImg::after { content: url(/image/hse/h1/br_newsrelease_03_sp.jpg); }
	.PageTopHeading4.Newsrelease .PageTopHeadingImg::after { content: url(/image/hse/h1/br_newsrelease_03_sp.jpg); }
	.PageTopHeading5.Newsrelease .PageTopHeadingImg::after { content: url(/image/hse/h1/br_newsrelease_03_sp.jpg); }
	.PageTopHeading3.Default .PageTopHeadingImg::after { content: url(/image/hse/h1/br_default_03_sp.jpg); }
	.PageTopHeading4.Default .PageTopHeadingImg::after { content: url(/image/hse/h1/br_default_03_sp.jpg); }
	.PageTopHeading5.Default .PageTopHeadingImg::after { content: url(/image/hse/h1/br_default_03_sp.jpg); }

	.PageTopHeading3.EnService .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_products_03_sp.jpg); }
	.PageTopHeading4.EnService .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_products_03_sp.jpg); }
	.PageTopHeading5.EnService .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_products_03_sp.jpg); }
	.PageTopHeading3.EnAboutUs .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_aboutus_03_sp.jpg); }
	.PageTopHeading4.EnAboutUs .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_aboutus_03_sp.jpg); }
	.PageTopHeading5.EnAboutUs .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_aboutus_03_sp.jpg); }
	.PageTopHeading3.EnDefault .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_default_03_sp.jpg); }
	.PageTopHeading4.EnDefault .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_default_03_sp.jpg); }
	.PageTopHeading5.EnDefault .PageTopHeadingImg::after { content: url(/image/hse-en/h1/br_default_03_sp.jpg); }
	.PageTopHeading3.CnService .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_products_03_sp.jpg); }
	.PageTopHeading4.CnService .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_products_03_sp.jpg); }
	.PageTopHeading5.CnService .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_products_03_sp.jpg); }
	.PageTopHeading3.CnAboutUs .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_aboutus_03_sp.jpg); }
	.PageTopHeading4.CnAboutUs .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_aboutus_03_sp.jpg); }
	.PageTopHeading5.CnAboutUs .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_aboutus_03_sp.jpg); }
	.PageTopHeading3.CnDefault .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_default_03_sp.jpg); }
	.PageTopHeading4.CnDefault .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_default_03_sp.jpg); }
	.PageTopHeading5.CnDefault .PageTopHeadingImg::after { content: url(/image/hse-cn/h1/br_default_03_sp.jpg); }
	


	.PageTopHeading3 .PageTopHeadingTitle,
	.PageTopHeading4 .PageTopHeadingTitle,
	.PageTopHeading5 .PageTopHeadingTitle {
		width: 90%;
		position: absolute;
		top: auto;
		bottom: 20px;
		left: 5%;
		height: 160px;
		padding-top: 0px;
		padding-left: 20px;
		padding-right: 20px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: center;
		  justify-content: center;
	}
/*
	.PageTopHeading3 .PageTopHeadingTitle {
		padding-top: 30px;
	}

	.PageTopHeading4 .PageTopHeadingTitle {
		padding-top: 40px;
	}

	.PageTopHeading5 .PageTopHeadingTitle {
		padding-top: 40px;
	}	
*/
	.PageTopHeading3 .PageTopHeadingTitle h1,
	.PageTopHeading4 .PageTopHeadingTitle h1,
	.PageTopHeading5 .PageTopHeadingTitle h1 {
		font-size: 17px;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.PageTopHeading5 .PageTopHeadingTitle h1 {
		font-size: 15px;
	}

	.PageTopHeading3 .PageTopHeadingTitle p,
	.PageTopHeading4 .PageTopHeadingTitle p,
	.PageTopHeading5 .PageTopHeadingTitle p {
		font-size: 12px;
	}
}



/* ---------------------------------------------------------
	問い合わせ(HSE)
--------------------------------------------------------- */

div.BoxPatternA.Contact  {
	padding-top: 0;
	padding-bottom: 0;
   
}
div.BoxPatternA.Contact div.Container{
  position: relative;
  background-image: none;
}

div.BoxPatternA.Contact div.Container .Inner{
	min-height: 208px;
    z-index: 2;
    position: relative;
    padding-right: 360px;
    box-sizing: border-box;
}


div.BoxPatternA.Contact div.Container::after{
  content: "";

position: absolute;
top: 0;
right: 0;
width: 360px;
height: 208px;
margin-right: 0;
z-index: 1;
overflow: hidden;
background-image: url(/image/hse/banner/bnr_contact.jpg);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
div.BoxPatternA.Contact p.Title{
	background-color:transparent;
	padding:30px 20px 0 20px;
	border:none;
	line-height: 1.6;
}
div.BoxPatternA.Contact p.Title strong{padding:0;background-color:transparent;border:none;line-height:1.35;}
div.BoxPatternA.Contact div.Inner{padding: 0 20px 0 20px;background:none;border:none;}
div.BoxPatternA.Contact div.Inner legend{display:none;}
div.BoxPatternA.Contact p.Title strong{
color:#000 ;
}
div.BoxPatternA.Contact .ButtonStyle1,
div.BoxPatternA.Contact .ButtonStyle1 button,
div.BoxPatternA.Contact .ButtonStyle1 a {
margin-bottom: 0;
}
@media screen and (max-width: 767px) { 
	div.BoxPatternA.Contact {
		padding-bottom: 15px;
	}
	div.BoxPatternA.Contact div.Container{
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	div.BoxPatternA.Contact div.Container div.Inner {
		margin-top: 30px;
		padding-top: 235px;
		padding-right: 0;
		height: auto;
	}

	div.BoxPatternA.Contact div.Container::after {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
}



/* ---------------------------------------------------------
	問い合わせ(HSE)
--------------------------------------------------------- */

.ContactAreaHSE:not(:first-child) {
	margin-top:72px;
}

@media screen and (max-width: 767px) {
	.ContactAreaHSE { display: none;}	
}



/* ---------------------------------------------------------
	問い合わせ(汎用)
--------------------------------------------------------- */

.ContactBox3 {
	position: relative;
/*	border: 1px solid #f2f2f2;*/
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	box-sizing: border-box;
	margin-bottom: 20px;
	/*
	padding-top: 3px;
	padding-bottom: 10px;
	*/
	border-top:3px solid #666666;
	border-bottom:10px solid #666666;
}
.ContactBox3Conatiner {
	width: 100%;
	padding: 20px 30px;
	box-sizing: border-box;
	border-left: 1px solid #f2f2f2;
}

.ContactBox3Thumb {
	background-color: #f2f2f2;
	box-sizing: border-box;
	/*
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	*/
}
.ContactBox3Thumb img {
	width: 312px;
	min-width: 312px;
}
.ContactBox3Header {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}
.ContactBox3Body p {
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;

}
.ContactBox3Body .Button + p {
	font-size: 16px;
	color: #4b4b4b;
	font-weight: bold;
	margin-bottom: 0px;
}
ul.ContactBox3List {
	margin-bottom: 20px;
	list-style-type: disc;
	padding-left: 20px;
	border-top:1px solid #f2f2f2;
}
ul.ContactBox3List li {
	font-weight: bold;
	font-size: 100%;
	list-style-type: disc;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}
ul.ContactBox3List li::after {
	content: "";
	position: absolute;
	width: calc(100% + 20px);
	height: 1px;
	left: -20px;
	bottom: 0;
	background-color: #f2f2f2;
}
ul.ContactBox3List.Small li {
	font-size: 90%;
}


.ContactBox3 button {
	font-weight: bold;
}

.ContactBox3 .Button {
	margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
	.ContactBox3 {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;       
	}
	.ContactBox3Header {
		text-align: center;
	}
	.ContactBox3Thumb {
		text-align: center;
		border-left: 1px solid #f2f2f2;
		border-right: 1px solid #f2f2f2;
	}
	.ContactBox3Thumb img {
		width: 100%;
		min-width: auto;
	}
	.ContactBox3Conatiner {
		padding: 20px 10px 20px 10px;
		border-left: 1px solid #f2f2f2;
		border-right: 1px solid #f2f2f2;
	}
}




/* ---------------------------------------------------------
	問い合わせ
--------------------------------------------------------- */

.ContactBox1 {
	position: relative;
/*	border: 1px solid #f2f2f2;*/
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	box-sizing: border-box;
	margin-bottom: 20px;
	/*
	padding-top: 3px;
	padding-bottom: 10px;
	*/
	border-top:3px solid #666666;
	border-bottom:10px solid #666666;
}
/*
.ContactBox1::before {
	content: "";
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 3px;
	top: 0;
	left: 0;
	background-color: #666666;
}
.ContactBox1::after {
	content: "";
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 10px;
	bottom: 0;
	left: 0;
	background-color: #666666;
}
*/
.ContactBox1Conatiner {
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	border-left: 1px solid #f2f2f2;
}

.ContactBox1Thumb {
	background-color: #f2f2f2;
	padding: 25px 50px;
	box-sizing: border-box;
}
.ContactBox1Thumb img {
	min-width: 200px;
}
.ContactBox1Header {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}
.ContactBox1Body p {
	color: #666666;
	font-weight: bold;
	font-size: 100%;
}
ul.ContactBox1List {
	margin-bottom: 20px;
	list-style-type: disc;
	padding-left: 20px;
	border-top:1px solid #f2f2f2;
}
ul.ContactBox1List li {
	font-weight: bold;
	font-size: 100%;
	list-style-type: disc;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}
ul.ContactBox1List li::after {
	content: "";
	position: absolute;
	width: calc(100% + 20px);
	height: 1px;
	left: -20px;
	bottom: 0;
	background-color: #f2f2f2;
}
ul.ContactBox1List.Small li {
	font-size: 90%;
}


.ContactBox1 button {
	font-weight: bold;
}

.ContactBox1 .Button {
	margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
	.ContactBox1 {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;       
	}
	.ContactBox1Header {
		text-align: center;
	}
	.ContactBox1Thumb {
		text-align: center;
		border-left: 1px solid #f2f2f2;
		border-right: 1px solid #f2f2f2;
	}
	.ContactBox1Thumb img {
		min-width: auto;
	}
	.ContactBox1Conatiner {
		padding: 20px 10px 20px 10px;
		border-left: 1px solid #f2f2f2;
		border-right: 1px solid #f2f2f2;
	}
}


/* ---------------------------------------------------------
	問い合わせ
--------------------------------------------------------- */

.ContactBox2 {
	background-color: #d1d1d1;
	box-sizing: border-box;
	margin-bottom: 20px;

}
.ContactBox2Body {
	position: relative;
	box-sizing: border-box;
	padding-top: 50px;
	padding-bottom: 20px;
}
.ContactBox2Thumb {
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	right: 30px;
	box-sizing: border-box;

}
.ContactBox2Thumb img {
	width: 172px;
}
.ContactBox2Text {
	padding: 20px 220px 20px 20px;
	background-color: #666666;
	box-sizing: border-box;
	color: #fff;
	margin-bottom: 35px;
}
.ContactBox2Text p {
	color: #fff;
	line-height: 2;
}
.ContactBox2Text p strong {
	color: #fff;
}
.ContactBox2Text p span {
	font-size: 22px;
	font-weight: bold;
}
.ContactBox2Body .Button {
	margin-left: 30px;
	margin-right: 30px;
}



@media screen and (max-width: 767px) {
	.ContactBox2Body {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.ContactBox2Thumb {
		position: relative;
		text-align: center;
		top:0;
		transform: none;
		right:0
	}
	.ContactBox2Text {
		padding-right: 20px;
		text-align: center;
		margin-top: -110px;
		padding-top: 130px;
	}
	.ContactBox2Text p:first-child {
		margin-bottom: 10px;
	}
	.ContactBox2Thumb img {
		width: auto;
	}
}



.ContactBox1.Ecominder { border-color: #1f8e28; }
.ContactBox1.Ecominder .ContactBox1Body p { color: #1f8e28;}
.ContactBox1.Synpix { border-color: #31ab73; }
.ContactBox1.Synpix .ContactBox1Body p { color: #31ab73;}
.ContactBox1.Syncas { border-color: #ed4f2f; }
.ContactBox1.Syncas .ContactBox1Body p { color: #ed4f2f;}
.ContactBox1.SyncasPsi { border-color: #e57f12; }
.ContactBox1.SyncasPsi .ContactBox1Body p { color: #e57f12;}
.ContactBox1.Smoothie { border-color: #002c76; }
.ContactBox1.Smoothie .ContactBox1Body p { color: #002c76;}
.ContactBox1.SynvizS2 { border-color: #4781af; }
.ContactBox1.SynvizS2 .ContactBox1Body p { color: #4781af;}
.ContactBox1.Synpla { border-color: #4fb0dd; }
.ContactBox1.Synpla .ContactBox1Body p { color: #4fb0dd;}
.ContactBox1.Appsquare { border-color: #54bfd1; }
.ContactBox1.Appsquare .ContactBox1Body p { color: #54bfd1; }
.ContactBox1.Forecastpro { border-color: #951e61; }
.ContactBox1.Forecastpro .ContactBox1Body p { color: #951e61; }
.ContactBox1.Coreexplorer { border-color: #381449; }
.ContactBox1.Coreexplorer .ContactBox1Body p { color: #381449; }
.ContactBox1.Wellline { border-color: #4c9896; }
.ContactBox1.Wellline .ContactBox1Body p { color: #4c9896; }



.ContactBox2.Ecominder .ContactBox2Text { background-color: #1f8e28; }
.ContactBox2.Synpix .ContactBox2Text { background-color: #31ab73 }
.ContactBox2.Syncas .ContactBox2Text { background-color: #ed4f2f }
.ContactBox2.SyncasPsi .ContactBox2Text { background-color: #e57f12 }
.ContactBox2.Smoothie .ContactBox2Text { background-color: #002c76 }
.ContactBox2.SynvizS2 .ContactBox2Text { background-color: #4781af }
.ContactBox2.Synpla .ContactBox2Text { background-color: #4fb0dd }
.ContactBox2.Appsquare .ContactBox2Text { background-color: #54bfd1 }
.ContactBox2.Forecastpro .ContactBox2Text { background-color: #951e61 }
.ContactBox2.Coreexplorer .ContactBox2Text { background-color: #381449 }
.ContactBox2.Wellline .ContactBox2Text { background-color: #4c9896 }





/* ---------------------------------------------------------
	フッター
--------------------------------------------------------- */

.FooterLinks {
	position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background: url(../image/jp/r1/bg_image_heading.png);
    box-sizing: border-box;
	display: none;
	padding:10px 10px 0 10px;
	z-index: 5;
	
}

.FooterLinks a {
    width: 100%;
	box-sizing: border-box;
	display: block;
	background-color: #e60027;
	margin-bottom: 10px;
	padding:5px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	font-size: 90%;
	text-decoration: none;
}

.FooterLinks a:hover {
	background-color: #b1000e;
}


.FooterLinks .Col6 {
	-ms-flex: 0 0 50%!important;
    flex: 0 0 50%!important;
    max-width: 50%!important;
}

@media screen and (max-width: 767px) {
	.FooterLinks {
		display: block;
	}
}

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

	.FooterLinks a {
		font-size: 80%;
	}
	
}
/* ---------------------------------------------------------
	おすすめソリューション
--------------------------------------------------------- */
.SolutionRecommend {
	background-color: transparent;
}

.SolutionRecommend .Title {
	margin-bottom: 5px;
}


.SolutionRecommend ul {
	padding-left: 0;
	padding-right: 0;
}

.SolutionRecommend a {
	display: block;
	border: 1px solid #333;
	margin-bottom: 5px;
	padding: 5px 20px 5px 5px;
	font-size: 83%;
	color: #333;
	text-decoration: none;
	line-height: 1.5;
    word-break: break-all;
	position: relative;
	background-color: #fff;
/*	white-space: nowrap;*/
}

.SolutionRecommend a:after {
    content: "";
    position: absolute;
    right: 5px;
	top: 50%;
	transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url(../image/jp/r1/icon/icon_link_right_l_hd.gif);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
}
.SolutionRecommend a:hover::after {
    right: 3px;
}

.SolutionRecommend a div {
	font-weight: bold;
}

@media screen and (max-width: 994px) {
	.SolutionRecommend .Title {
		margin-bottom: 5px !important;
	}
	.SolutionRecommend a {
		padding-top:10px;
		padding-bottom:10px;
	}
}


/* ---------------------------------------------------------
	検索フォーム
--------------------------------------------------------- */
.SearchBox {
    width: 100%;
    margin: 0 auto 15px;
    padding: 5px 10px 5px 20px;
    background-color: #fff;
    border-radius: 25px;
    box-sizing: border-box;
}

.SearchBox form {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
}

.SearchBox input[type=text] {
	background-color: #fff;
	padding:5px;
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	border: none;
	background-color: #fff;
	vertical-align: top;
	color: grey;
	font-size: 83%;
	line-height: 1.35;
}

.SearchBox button[type=submit] {
	padding: 0;
    width: 18px;
    height: 18px;	
	-webkit-appearance: button;
	text-transform: none;
	overflow: visible;
	background-color: transparent;
	border: 1px solid transparent;
	cursor: pointer;
}

@media screen and (max-width: 579px) {
	.SearchBox {
		width: 100%;
	}
}


/* ---------------------------------------------------------
	リンクパネル
--------------------------------------------------------- */
.LinkPanels {
	margin-bottom: 20px;
}

.LinkPanel {
	background-color: #f2f2f2;
	height: 100%;
	height: calc(100% - 30px);
    margin-bottom: 30px;
	position: relative;
}

.LinkPanel .badge-new {
	background-color: #e60027;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding: 2px 8px;
	font-weight: bold;
	z-index: 10;
	font-size: 12px;
}


.LinkPanel > img {
	width: 100%;
}

.LinkPanelHeader {
	padding: 20px 15px 0 15px;
}

.LinkPanelBody {
	padding: 15px;
}

.LinkPanelHeader a {
	font-weight: bold;
	padding: 0 20px 0 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -ms-background-size: 16px 16px;
}

.LinkPanelHeader a:link, 
.LinkPanelHeader a:visited {
    color: #575757;
    text-decoration: none;
    background-image: url(../image/jp/r1/icon/icon_link_right_xl_hd.gif);
}
 
.LinkPanelHeader a:hover, 
.LinkPanelHeader a:active {
    color: #b1000e;
    text-decoration: underline;
    background-image: url(../image/jp/r1/icon/icon_link_right_xl_hover_hd.gif);
}

@media screen and (min-width: 768px) {

    .LinkPanels.ColumnSet {
		display: -ms-flexbox;
		display: flex;
    }
    
	/*
	.LinkPanels.ColumnSet > * > .LinkPanel,
    .LinkPanels.ColumnSet > * > .LinkPanel {
        height: calc(100% - 15px);
    }
	*/
}

/*
.LinkPanels.ColSet > * > .LinkPanel,
.LinkPanels.ColSet > * > .LinkPanel {
    height: calc(100% - 15px);
}
*/

.LinkPanel .LinkPanelHeader a {
	display: block;
}

.LinkPanels.Style2-3 {
	margin-top: 80px;
	margin-bottom: -50px;
}
.LinkPanels.Style2-3 .LinkPanel > img {
	position: relative;
	width: 70%;
	left: 15%;
	top: -50px;
	margin-bottom: -50px;
}

.LinkPanels.Style2-3 .LinkPanel  {
	height: calc(100% - 80px);
    margin-bottom: 80px;
}

.LinkPanels.Style2-2 {
	margin-top: 110px;
	margin-bottom: -80px;
}
.LinkPanels.Style2-2 .LinkPanel > img {
	position: relative;
	width: 70%;
	left: 15%;
	top: -80px;
	margin-bottom: -80px;
}

.LinkPanels.Style2-2 .LinkPanel  {
	height: calc(100% - 110px);
    margin-bottom: 110px;
}
.LinkPanels.Style2-2 .LinkPanel .badge-new  {
	position: absolute;
	top: -80px;
	left: 15%;
}
.LinkPanels.Style2-3 .LinkPanel .badge-new  {
	position: absolute;
	top: -50px;
	left: 15%;
}

.LinkPanels.Style2-2 .LinkPanel > .MovieContainer {
	position: relative;
	/*
	width: 70%;
	left: 15%;
	*/
	width: 100%;
	left: 0%;
	top: -80px;
	margin-bottom: -80px;

}
.LinkPanels.Style2-3 .LinkPanel > .MovieContainer {
	position: relative;
	width: 70%;
	left: 15%;
	top: -80px;
	margin-bottom: -80px;
}

.LinkPanels.Style2-2 .LinkPanel > .MovieContainer .badge-new {
	top: 0;
	left: 0;
	z-index: 10;
}

/* ---------------------------------------------------------
	MenuPanel
--------------------------------------------------------- */
.MenuPanels {
	padding-bottom: 40px;
	position: relative;
}
.MenuPanel {
	position: relative;
	margin-bottom: 15px;
	display: block;
	text-decoration: none!important;
}


.MenuPanel img {
	width: 100%;
}

.MenuPanel>a {
	text-decoration: none;
}

.MenuPanel .Title {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    color: #fff;
	font-size: 90%;
    padding: 15px 35px 15px 15px;

    background: url(../image/jp/r1/bg_image_heading.png);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.MenuPanel>a.is-open::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -15px;
	left: 50%;
	width: 0;
	height: 0;
	margin: 0;
	transform: translateX(-50%);
	border: 12px solid transparent;
	border-bottom: 12px solid #757575;
	border-top-width: 0;
	background-image: none;
}


.MenuPanel .Title::after {
	content: "";
    width: 10px;
    height: 10px;
    border: transparent;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
	
    position: absolute;
    right: 10px;
    top: calc(50% - 8px);
    background-image: none;
    -webkit-transition: none;
    transition: none;
}

.MenuPanel>a.is-open .Title::after {
    top: calc(50% - 2px);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.MenuPanel>a:not([href^="#"]) .Title::after,
.MenuPanel .YoutubeContainer+a.Title::after {
	top: calc(50% - 5px);
	transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.MenuPanel .YoutubeContainer {
	position: relative;
	padding-bottom: 70%;
	height: 0;
	overflow: hidden;
	margin-bottom: 15px;
}
.MenuPanel .YoutubeContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.MenuPanel .ProductContainer  {
	position: relative;
}

.MenuPanel .ProductContainer img {
	width: 100%;
}

.MenuPanel .ProductContainer > div {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../image/jp/r1/bg_image_heading.png);
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
    flex-direction: column;
}
.MenuPanel .ProductContainer p {
	margin-bottom: 5px;
	font-size: 83%;
	text-align: center;
	font-weight: bold;
	color: #fff;
	width: 100%;
	margin-bottom: 50px;
}


.MenuPanel a.Title {
	text-decoration: none;
}


.MenuPanel .YearPanel {
	height: 200px;
    background-color: #ccc;
	text-align: center;
	color: #fff;
	text-decoration: none!important;
	font-size: 30px;
	line-height: 150px;
}

.SubmenuContent {
	background-color:#757575;
	color: #fff;
	display: none;
    position: absolute;
    width: 100%;
    left: 0;
	margin-bottom: 15px;
	padding:20px;
	box-sizing: border-box;
}


.SubmenuContent .LinkListStyle1  {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;	
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 0;
} 

.SubmenuContent .LinkListStyle1 li {
	box-sizing: border-box;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.SubmenuContent .LinkListStyle1 li a:link, 
.SubmenuContent .LinkListStyle1 li a:visited {
	color: #fff;
    text-decoration: none;
    background-image: url(../image/jp/r1/icon/icon_link_right_white_hd.gif);
    background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -ms-background-size: 16px 16px;
}

@media screen and (max-width: 994px) {
	.MenuPanel .ProductContainer p {
		font-size: 50%;
		margin-bottom: 20px;
	}
	.MenuPanel .ProductContainer + .Title {
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 76%;
	}
}

@media screen and (max-width: 767px) {
	.SubmenuContent {
		position: relative;
	}
	.SubmenuContent .LinkListStyle1 li {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.MenuPanel .ProductContainer p {
		font-size: 100%;
		margin-bottom: 50px;
	}
	.MenuPanel .ProductContainer + .Title {
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 90%;
	}
}



/* ---------------------------------------------------------
	SearchPanel
--------------------------------------------------------- */
.SearchContainer {
	position: relative;
	margin-bottom: 15px;
}

.SearchContainer img {
	width: 100%;
}

.SearchContainer .SearchBox {
	position: absolute;
	top:0;
	width: 80%;
	left: 10%;
	top: 50%;
	transform: translateY(-50%);
}


/* ---------------------------------------------------------
	MovieContainer
--------------------------------------------------------- */
.MovieContainer {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9*/
	height: 0;
	overflow: hidden;
}

.MovieContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* ---------------------------------------------------------
	Badge
--------------------------------------------------------- */
.Badge {
	display: inline-block;
	padding: 5px 5px;
	font-size: 70%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	width: 100px;
	color: #fff;
	background-color: #7d7d7d;
	margin-left: 10px;
	margin-right: 10px;
}

.Badge.Products { background-color:#365585; }
.Badge.Company { background-color:#365585; }
.Badge.NewsRelease { background-color:#365585; }
.Badge.Csr { background-color:#307740 }
.Badge.Exhibition { background-color:#7d7d7d; }
.Badge.Seminar { background-color:#7d7d7d }
.Badge.Recruit { background-color:#7d7d7d }

.Badge.New {
	background-color: #e60027;
	margin-left: 5px;
	margin-right: 5px;
	width: 80px;
}




/* ---------------------------------------------------------
	QA
--------------------------------------------------------- */
.ListQA {
	counter-reset: count-qa-list 0;
	margin-bottom: 2rem;
}

.ListQA > dt {
    border-bottom: 1px solid #ddd;
    padding-left: 3rem;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
    font-weight: bold;
    font-size: 18px;
	counter-increment: count-qa-list; 
    display: list-item;
    list-style-type: none;
}

.ListQA > dt:before {
    content:  "Q" counter(count-qa-list);
    position: absolute;
    top: 0;
    left: 0;
    color: #e60027;
    font-size: 18px;
}

.ListQA > dd {
    padding-left: 3rem;
    position: relative;
    margin-bottom: 2.5rem;
	display: list-item;
    list-style-type: none;
}

.ListQA > dd:before {
    content:  "A";
    position: absolute;
    top: 0;
    left: 0.5rem;
    color: #b4b4b4;
    font-size: 18px;
}

.ListQA_Q {
    color: #e60027;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
}
.ListQA_A {
    color: #b4b4b4;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
}





.AnchorsQA {
    margin-bottom: 1rem;
	counter-reset: count-qa-answer 0;
}

.AnchorsQA > li {
    counter-increment: count-qa-answer; 
    display: list-item;
    list-style-type: none;
    position: relative;
    padding-left:3rem;
	margin-bottom: .625rem;
}
.AnchorsQA > li:before {
    content:  "Q" counter(count-qa-answer) ".";
    position: absolute;
    top: 0;
    left: 0;
    color: #e60027;
    font-size: 15px;
    font-weight: bold;
}


.AnchorsQA > li > a  {
	padding: 0 17px 0 0;
	background-image: url(../../../image/jp/r1/icon/icon_link_bottom_hd.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	font-size: 93.75%;
	line-height: 1.66666666;
	font-weight: bold;
}

.AnchorsQA > li > a:link,
.AnchorsQA > li > a:visited {
	color: #c02;
	text-decoration: none;
}

.AnchorsQA > li > a:hover,
.AnchorsQA > li > a:active {
	color: #b1000e;
	text-decoration: underline;
}

/* ---------------------------------------------------------
	タブ
--------------------------------------------------------- */
.TabPane {
	display: none;
}
.TabPane.Current {
	display: block;
}

/* ---------------------------------------------------------------------------------------

	汎用

---------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------
	表示
--------------------------------------------------------- */
@media screen and (max-width: 994px) {
	.ShowPad {
		display: block;
	}
}

@media screen and (max-width: 767px) {
	.ShowPad {
		display: none;
	}
}

/* ---------------------------------------------------------
	テキスト
--------------------------------------------------------- */
.TextNowrap {
    white-space: nowrap !important;
}

.TextRed {
	color: #e60027;
}

/* ---------------------------------------------------------
	位置
--------------------------------------------------------- */
.TopAdjust {
    vertical-align: top !important;
}

.MiddleAdjust {
    vertical-align: middle !important;
}

.BottomAdjust {
    vertical-align: bottom !important;
}

/* ---------------------------------------------------------
	サイズ
--------------------------------------------------------- */
.MwNon {
    max-width: none!important;
}

.w-auto {
    width: auto!important;
}

.w-100 {
    width: 100%!important;
}


@media screen and (max-width: 767px) {
	.w-sp-100 {
		width: 100%!important;
	}
}


/* ---------------------------------------------------------
	間隔調整
--------------------------------------------------------- */
.Spacer {
	height: 10px;
}

/* ---------------------------------------------------------
	マージン
--------------------------------------------------------- */
.mb0 { margin-bottom: 0!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }


/* ---------------------------------------------------------
	Padding
--------------------------------------------------------- */
.p0 { padding: 0px!important; }
.p5 { padding: 5px!important; }
.p10 { padding: 10px!important; }
.p15 { padding: 15px!important; }
.p20 { padding: 20px!important; }
.p25 { padding: 25px!important; }
.p30 { padding: 30px!important; }
.p35 { padding: 35px!important; }
.p40 { padding: 40px!important; }
.p45 { padding: 45px!important; }
.p50 { padding: 50px!important; }

.pl0 { padding-left: 0px!important; }
.pl5 { padding-left: 5px!important; }
.pl10 { padding-left: 10px!important; }
.pl15 { padding-left: 15px!important; }
.pl20 { padding-left: 20px!important; }
.pl25 { padding-left: 25px!important; }
.pl30 { padding-left: 30px!important; }
.pl35 { padding-left: 35px!important; }
.pl40 { padding-left: 40px!important; }
.pl45 { padding-left: 45px!important; }
.pl50 { padding-left: 50px!important; }

.pr0 { padding-right: 0px!important; }
.pr5 { padding-right: 5px!important; }
.pr10 { padding-right: 10px!important; }
.pr15 { padding-right: 15px!important; }
.pr20 { padding-right: 20px!important; }
.pr25 { padding-right: 25px!important; }
.pr30 { padding-right: 30px!important; }
.pr35 { padding-right: 35px!important; }
.pr40 { padding-right: 40px!important; }
.pr45 { padding-right: 45px!important; }
.pr50 { padding-right: 50px!important; }

.pt0 { padding-top: 0px!important; }
.pt5 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt15 { padding-top: 15px!important; }
.pt20 { padding-top: 20px!important; }
.pt25 { padding-top: 25px!important; }
.pt30 { padding-top: 30px!important; }
.pt35 { padding-top: 35px!important; }
.pt40 { padding-top: 40px!important; }
.pt45 { padding-top: 45px!important; }
.pt50 { padding-top: 50px!important; }

.pb0 { padding-bottom: 0px!important; }
.pb5 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb15 { padding-bottom: 15px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb25 { padding-bottom: 25px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb35 { padding-bottom: 35px!important; }
.pb40 { padding-bottom: 40px!important; }
.pb45 { padding-bottom: 45px!important; }
.pb50 { padding-bottom: 50px!important; }



/* ---------------------------------------------------------------------------------------

	その他

---------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------
	rakurogu
--------------------------------------------------------- */
.rakulog {
	position: absolute;
	top: 0;
	z-index: -1000;
}

/* ---------------------------------------------------------
	調整
--------------------------------------------------------- */
table th > .TextStyle1:last-child,
table td > .TextStyle1:last-child,
table th > .TextStyle2:last-child,
table td > .TextStyle2:last-child,
table th > .TextStyle3:last-child,
table td > .TextStyle3:last-child,
table th > .ListStyle1:last-child,
table td > .ListStyle1:last-child,
table th > .TextStyle10:last-child,
table td > .TextStyle10:last-child,
table th > .TextStyle11:last-child,
table td > .TextStyle11:last-child,
table th > .TextStyle12:last-child,
table td > .TextStyle12:last-child,
table th > .TextStyle13:last-child,
table td > .TextStyle13:last-child,
table th > .TextStyle14:last-child,
table td > .TextStyle14:last-child,
table th > .TextStyle15:last-child,
table td > .TextStyle15:last-child,
table th > .TextStyle16:last-child,
table td > .TextStyle16:last-child,
table th > .ListStyle1:last-child > dd:last-child,
table td > .ListStyle1:last-child > dd:last-child,
table th > .ListStyle2:last-child > dd:last-child,
table td > .ListStyle2:last-child > dd:last-child,
table th > .ListStyle3:last-child > dd:last-child,
table td > .ListStyle3:last-child > dd:last-child,
table th > .AdditionalNotesStyle1:last-child,
table td > .AdditionalNotesStyle1:last-child,
table th > .AnnotationsStyle1:last-child,
table td > .AnnotationsStyle1:last-child,
table th > .AnnotationsStyle2:last-child,
table td > .AnnotationsStyle2:last-child,
table th > .AnnotationsStyle1:last-child > dd:last-child,
table td > .AnnotationsStyle1:last-child > dd:last-child,
table th > .AnnotationsStyle2:last-child > dd:last-child,
table td > .AnnotationsStyle2:last-child > dd:last-child,
table th > .LinkListStyle1:last-child,
table td > .LinkListStyle1:last-child,
table th > .LinkListStyle2:last-child,
table td > .LinkListStyle2:last-child,
table th > .LinkListStyle1:last-child > dd:last-child,
table td > .LinkListStyle1:last-child > dd:last-child,
table th > .LinkListStyle2:last-child > dd:last-child,
table td > .LinkListStyle2:last-child > dd:last-child,
table th > .LinkListStyle5:last-child,
table td > .LinkListStyle5:last-child,
table th > .Button:last-child .ButtonStyle2 a,
table td > .Button:last-child .ButtonStyle2 a,
table th > .Button:last-child .ButtonStyle1 li:last-child a,
table td > .Button:last-child .ButtonStyle1 li:last-child a,
table th > .HorizontalInnerLinks:last-child,
table td > .HorizontalInnerLinks:last-child,
table th > .VerticalInnerLinks:last-child,
table td > .VerticalInnerLinks:last-child {
	margin-bottom: 0;
}

table th .TextStyle1,
table td .TextStyle1,
table th .ListStyle1,
table td .ListStyle1,
table th .AdditionalNotesStyle1,
table td .AdditionalNotesStyle1,
table th .AnnotationsStyle1,
table td .AnnotationsStyle1,
table th .LinkListStyle1,
table td .LinkListStyle1,
table th .LinkListStyle5,
table td .LinkListStyle5 {
	font-size: 108.43373494%;
}
table th .TextStyle3,
table td .TextStyle3 {
	font-size: 91.56626506%
}

table th .AnnotationsStyle2,
table td .AnnotationsStyle2,
table th .ButtonStyle1 a,
table td .ButtonStyle1 a,
table th .ButtonStyle2 a,
table td .ButtonStyle2 a {
	font-size: 100%
}



.BoxPatternA > .Inner > .AdditionalNotesStyle1:last-child > dd:last-child,
.BoxPatternB > .Inner > .AdditionalNotesStyle1:last-child > dd:last-child,
.BoxPatternA > .Inner > .AnnotationsStyle1:last-child > dd:last-child,
.BoxPatternB > .Inner > .AnnotationsStyle1:last-child > dd:last-child,
.BoxPatternA > .Inner > .AnnotationsStyle2:last-child > dd:last-child,
.BoxPatternB > .Inner > .AnnotationsStyle2:last-child > dd:last-child,
.BoxPatternA > .Inner > .ListStyle1:last-child > dd:last-child,
.BoxPatternA > .Inner > .ListStyle2:last-child > dd:last-child,
.BoxPatternB > .Inner > .ListStyle1:last-child > dd:last-child,
.BoxPatternB > .Inner > .ListStyle2:last-child > dd:last-child,
.BoxPatternA > .Inner > .LinkListStyle1:last-child > dd:last-child,
.BoxPatternB > .Inner > .LinkListStyle1:last-child > dd:last-child,
.BoxPatternA > .Inner > .LinkListStyle2:last-child > dd:last-child,
.BoxPatternB > .Inner > .LinkListStyle2:last-child > dd:last-child {
	margin-bottom: 0;
}

.BoxPatternA > .Inner > *:last-child .ButtonStyle1 li:last-child a,
.BoxPatternB > .Inner > *:last-child .ButtonStyle1 li:last-child a,
.BoxPatternA > .Inner .ButtonStyle2,
.BoxPatternB > .Inner .ButtonStyle2 {
	margin-bottom: 0px;
}

.BoxPatternA > .Inner > *:last-child .ButtonStyle2 a,
.BoxPatternB > .Inner > *:last-child .ButtonStyle2 a{
	margin-bottom: 10px;
}

.BoxPatternA > .Inner .ButtonStyle1 li:last-child a,
.BoxPatternB > .Inner .ButtonStyle1 li:last-child a {
	margin-bottom: 0px;
}


.LinkPanelBody > .TextStyle1:last-child,
.LinkPanelBody > .TextStyle2:last-child,
.LinkPanelBody > .TextStyle3:last-child,
.LinkPanelBody > .ListStyle1:last-child,
.LinkPanelBody > .ListStyle2:last-child,
.LinkPanelBody > .ListStyle1:last-child > dd:last-child,
.LinkPanelBody > .ListStyle2:last-child > dd:last-child,
.LinkPanelBody > .AdditionalNotesStyle1:last-child,
.LinkPanelBody > .AdditionalNotesStyle2:last-child,
.LinkPanelBody > .AdditionalNotesStyle1:last-child > dd:last-child,
.LinkPanelBody > .AdditionalNotesStyle2:last-child > dd:last-child,
.LinkPanelBody > .AnnotationsStyle1:last-child,
.LinkPanelBody > .AnnotationsStyle2:last-child,
.LinkPanelBody > .AnnotationsStyle1:last-child > dd:last-child,
.LinkPanelBody > .AnnotationsStyle2:last-child > dd:last-child,
.LinkPanelBody > .LinkListStyle1:last-child,
.LinkPanelBody > .LinkListStyle2:last-child,
.LinkPanelBody > .LinkListStyle1:last-child > dd:last-child,
.LinkPanelBody > .LinkListStyle2:last-child > dd:last-child,
.LinkPanelBody > .LinkListStyle5:last-child,
.LinkPanelBody > .LinkListStyle6:last-child,
.LinkPanelBody > .Button:last-child .ButtonStyle2 a,
.LinkPanelBody > .Button:last-child .ButtonStyle1 li:last-child a,
.LinkPanelBody > .ImgOnlyStyle:last-child {
	margin-bottom: 0;
}

.LinkPanelBody > *:last-child .ButtonStyle1 li:last-child a,
.LinkPanelBody .ButtonStyle2 {
	margin-bottom: 0px;
}

.LinkPanelBody > *:last-child .ButtonStyle2 a,
.LinkPanelBody .ButtonStyle1 li:last-child a {
	margin-bottom: 10px;
}


.ColSet > [class^="Col"] > .BoxPatternA,
.ColSet > [class^="Col"] > .BoxPatternB {
	height: calc(100% - 35px);
}

.ColSet > [class^="Col"] > .TextStyle1:last-child,
.ColSet > [class^="Col"] > .TextStyle2:last-child,
.ColSet > [class^="Col"] > .TextStyle3:last-child,
.ColSet > [class^="Col"] > .ListStyle1:last-child,
.ColSet > [class^="Col"] > .ListStyle1:last-child > dd:last-child,
.ColSet > [class^="Col"] > .ListStyle2:last-child > dd:last-child,
.ColSet > [class^="Col"] > .ListStyle3:last-child > dd:last-child,
.ColSet > [class^="Col"] > .AdditionalNotesStyle1:last-child,
.ColSet > [class^="Col"] > .AnnotationsStyle1:last-child,
.ColSet > [class^="Col"] > .AnnotationsStyle2:last-child,
.ColSet > [class^="Col"] > .AnnotationsStyle1:last-child > dd:last-child,
.ColSet > [class^="Col"] > .AnnotationsStyle2:last-child > dd:last-child,
.ColSet > [class^="Col"] > .Button:last-child .ButtonStyle2 a,
.ColSet > [class^="Col"] > .Button:last-child .ButtonStyle1 li:last-child a {
	margin-bottom: 5px;
}

.ColSet > [class^="Col"] > .LinkListStyle1:last-child,
.ColSet > [class^="Col"] > .LinkListStyle2:last-child,
.ColSet > [class^="Col"] > .LinkListStyle1:last-child > dd:last-child,
.ColSet > [class^="Col"] > .LinkListStyle2:last-child > dd:last-child,
.ColSet > [class^="Col"] > .LinkListStyle5:last-child {
	margin-bottom: 5px;
}


.BoxPatternA p,
.BoxPatternA ul,
.BoxPatternA dl,
.BoxPatternB p,
.BoxPatternB ul,
.BoxPatternB dl,
.BoxPatternC p,
.BoxPatternC ul,
.BoxPatternC dl {
	word-break: break-all;
}

/* ---------------------------------------------------------------------------------------

	トップ

---------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------
	h1
--------------------------------------------------------- */
.TopHeading1 {
	margin-bottom: 30px;
	padding: 15px 0 0;
	background: none;
	font-size: 180%;
	text-align: center;
}

/* ---------------------------------------------------------
	BrandingImgArea
--------------------------------------------------------- */
.TopBrandingImgArea {
	margin-bottom: 60px;
}
	
.TopBrandingImages > li {
	position: relative;
	height: 382px;
	padding-top: 118px;
	overflow: hidden;
	z-index: 1;
}
	
.TopBrandingImages > li .Inner {
	width: 965px;
	margin: 0 auto;
}

.TopBrandingImages .TopBrandingImg {
	position: absolute;
	top: 0;
}

.TopBrandingImages .TopBrandingTextSet {
	position: absolute;
	height: 382px;
	width: 483px;
	padding-top: 62px;
    padding-left: 40px;
    padding-right: 20px;
	background-color: rgba(0,0,0,0.75);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.TopBrandingImages .TopBrandingTextSet.NonBanner {
	padding-top: 112px;
}

.TopBrandingImages .TopBrandingTextSet:before {
	content: "";
	background: rgba(0,0,0,0.75);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 100%;
	width: 9999px;
}

.TopBrandingImages .TopBrandingTextSet .TopBrandingCopy {
	margin-bottom: 21px;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
}

.TopBrandingImages .TopBrandingTextSet.NonBanner .TopBrandingCopy {
	margin-bottom: 94px;
}

.TopBrandingImages .TopBrandingTextSet .TopBrandingBanner {
	margin-bottom: 30px;
}

.TopBrandingImgArea .bx-wrapper {
	position: relative;
	padding: 0;
	*zoom: 1;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	z-index: 1;
}

.TopBrandingImgArea .bx-wrapper .bx-pager,
.TopBrandingImgArea .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -25px;
	width: 100%;
}
.TopBrandingImgArea .bx-wrapper .bx-loading {
	min-height: 50px;
	background: url('../image/hse/bx/bx_loader.gif') center center no-repeat #ffffff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.TopBrandingImgArea .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
.TopBrandingImgArea .bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.TopBrandingImgArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
.TopBrandingImgArea .bx-wrapper .bx-pager.bx-default-pager a.active,
.TopBrandingImgArea .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #E60027;
}
.TopBrandingImgArea .bx-wrapper .bx-pager-item,
.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	vertical-align: bottom;
	*zoom: 1;
	*display: inline;
}
.TopBrandingImgArea .bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
}
.TopBrandingImgArea .bx-wrapper .bx-controls-auto {
	text-align: center;
}
.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url('../image/hse/bx/controls.png') -86px -11px no-repeat;
	margin: 0 3px;
}
.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-start:hover,
.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-start.active,
.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-start:focus {
	background-position: -86px 0;
}
.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url('../image/hse/bx/controls.png') -86px -44px no-repeat;
	margin: 0 3px;
}
.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-stop:hover,
.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-stop.active,
.TopBrandingImgArea .bx-wrapper .bx-controls-auto .bx-stop:focus {
	background-position: -86px -33px;
}
.TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	left: 45%;
	width: 51%;
}
.TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	left: 0;
	width: 45%;
	text-align: right;
}
.TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto a {
	text-align: left;
}


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

    .TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
		left: 43%;
		width: 51%;
    }
    .TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	    width: 43%;
    }
}

@media screen and (max-width: 767px) {
    .TopBrandingImages .TopBrandingTextSet {
		width: 100%;
		top: 150px;
		overflow: visible;
	}
	.TopBrandingCopy img,
	.TopBrandingBanner img {
		width: 50%;
		height: auto;
	}
    .TopBrandingButton img {
		width: 30%;
		height: auto;
	}
	.TopBrandingImgArea {
		margin-left: -15px;
		margin-right: -15px;
	}
	.TopBrandingImgArea .bx-wrapper .bx-viewport {
		height: 400px;
	}
    .TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
		left: 39%;
		width: 51%;
    }
    .TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	    width: 39%;
    }
}


@media screen and (max-width: 579px) {
    .TopBrandingImages > li {
	    height: 270px;
    }
    .TopBrandingImages .TopBrandingTextSet {
		height: 230px;
		padding-top: 25px;
		padding-left: 30px;
		padding-right: 30px;
    }
    .TopBrandingImages .TopBrandingTextSet.NonBanner {
	    padding-top: 25px;
    }
	.TopBrandingImages .TopBrandingTextSet .TopBrandingCopy {
		font-size: 16px;
	}
	.TopBrandingImages .TopBrandingTextSet .TopBrandingCopy {
		margin-bottom: 12px;
	}
	.TopBrandingImages .TopBrandingTextSet.NonBanner .TopBrandingCopy {
		margin-bottom: 64px;
	}
	.TopBrandingImages .TopBrandingTextSet .TopBrandingBanner {
		
		margin-bottom: 15px;
	}

	.TopBrandingCopy img,
	.TopBrandingBanner img {
		width: 60%;
		height: auto;
	}
    .TopBrandingButton img {
		width: 40%;
		height: auto;
	}
    .TopBrandingImgArea .bx-wrapper .bx-viewport {
		height: 500px;
	}
}

@media screen and (max-width: 399px) {
	.TopBrandingImgArea .bx-wrapper .bx-viewport {
		height: 380px !important;
	}
   .TopBrandingImages .TopBrandingTextSet {
		padding-top: 25px;
	}
    .TopBrandingCopy img,
	.TopBrandingBanner img {
		width: 70%;
		height: auto;
	}
    .TopBrandingButton img {
		width: 50%;
		height: auto;
	}
    .TopBrandingTextSet.NonBanner .TopBrandingCopy {
    	margin-bottom: 68px;
    }
    .TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
		left: 37%;
		width: 51%;
    }
    .TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	    width: 37%;
    }
}

@media screen and (max-width: 320px) {
    .TopBrandingImages li {
	    height: 290px;
    }
    .TopBrandingImgArea .bx-wrapper .bx-viewport {
		height: 290px !important;
	}
    .TopBrandingImages .TopBrandingTextSet {
		top: 25%;
	}
	.TopBrandingCopy img,
	.TopBrandingBanner img {
    	width: 70%;
	    height: auto;
	}
    .TopBrandingButton img {
    	width: 50%;
	    height: auto;
	}
    .TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	    left: 35%;
    	width: 51%;
    }
    .TopBrandingImgArea .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	    width: 35%;
    }
}



/* ---------------------------------------------------------
	ニュースリリース
--------------------------------------------------------- */
.TopNewsReleaseArea {
	position: relative;
	margin-bottom: 80px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;

	
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.TopNewsReleaseHeader {
	position: absolute;
    top: -13px;
	left: 15px;
	z-index: 1;
}
.TopNewsReleaseBody {
	color: #fff;
	background-color: #595959;
	padding: 15px 10px 15px 180px;
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative;
	overflow: hidden;
	padding-left: 0px;
}

.TopNewsReleaseBody .DateListStyle2 {
	margin-bottom: 0!important;
	position: absolute;
	top: 0;
	padding-top: 12px;
}
.TopNewsReleaseBody .LinkListStyle1 {
	margin-bottom: 0!important;
}
.TopNewsReleaseBody .LinkListStyle1 a {
	color: #fff;
	background-image: none!important;
}


.TopNewsReleaseControl {
	-ms-flex: 0 0 100px;
    flex: 0 0 100px;
	background-color: #595959;
	padding: 10px 10px 10px 10px;
	border-left: 1px solid #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.TopNewsReleaseControl button {
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-color: transparent;
	border: 0;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}


.TopNewsReleaseControl button.prev::after {
	content: "";
    border-top: 2px solid #d0d0d0;
    border-right: 2px solid #d0d0d0;
    height: 0.6em;
    width: 0.6em;
    position: absolute;
    top: calc((1em * 1.6 - 0.6em * 1.41421) / 2);
    left: 6px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
	
}
       

.TopNewsReleaseControl button.next::after {
	content: "";
    border-top: 2px solid #d0d0d0;
    border-right: 2px solid #d0d0d0;
    height: 0.6em;
    width: 0.6em;
    position: absolute;
    top: calc((1em * 1.6 - 0.6em * 1.41421) / 2);
    right: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.TopNewsReleaseControl button.stop::before {
	content: "";
    height: 14px;
    width: 2px;
	background-color: #d0d0d0;
    position: absolute;
    /* top: calc((1em * 1.6 - 0.6em * 1.41421) / 2); */
    top: 50%;
	left: 5px;
	transform: translateY(-50%);
}
.TopNewsReleaseControl button.stop::after {
	content: "";
    height: 14px;
    width: 2px;
	background-color: #d0d0d0;
    position: absolute;
    /* top: calc((1em * 1.6 - 0.6em * 1.41421) / 2); */
    top: 50%;
	right: 5px;
	transform: translateY(-50%);
}

.TopNewsReleaseControl button.stop.start::before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 13.9px;
	border-color: transparent transparent transparent #d0d0d0;
	background-color: transparent;
	
}

.TopNewsReleaseControl button.stop.start::after { 
	display: none;
}

.TopNewsReleaseBody .DateListStyle2:not(:first-child) {
	display: none;
}
.TopNewsReleaseBody .LinkListStyle1 {
	white-space: nowrap;
	margin-top: 0;
}
.TopNewsReleaseBody .LinkListStyle1 li {
	padding-top: 0;
}
.TopNewsReleaseBody .LinkListStyle1 li a {
	padding-right: 0;
}

.TopNewsReleaseArea div:nth-child(2) {
	width: 230px;
	background-color: #595959;
}
.TopNewsReleaseArea div:nth-child(4) {
	width: 20px;
	background-color: #595959;
}
@media screen and (max-width: 767px) {

	.TopNewsReleaseArea {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.TopNewsReleaseBody {
		padding-top: 30px;
	}
	
	
	.TopNewsReleaseControl {
		width: auto;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		background-color: transparent;
		border: 0;
	}
		
	.TopNewsReleaseBody .DateListStyle2 {
		padding-top:14px;
	}
	.TopNewsReleaseControl button.prev::after {
		border-color: #666;
	}

	.TopNewsReleaseControl button.next::after {
		border-color: #666;
	}


	.TopNewsReleaseControl button.stop::before {
		background-color: #666;
	}
	.TopNewsReleaseControl button.stop::after {
		background-color: #666;
	}

	.TopNewsReleaseControl button.stop.start::before {
		border-color: transparent transparent transparent #666;
	}
	
	.TopNewsReleaseControl button.stop.start::after { 
		display: none;
	}


}


@media screen and (max-width: 579px) {
	.TopNewsReleaseBody {
		height: 40px;
	}
	.TopNewsReleaseArea div:nth-child(2),
	.TopNewsReleaseArea div:nth-child(4) {
		width: 10px;
	}
	.TopNewsReleaseBody .DateListStyle2 {
		top:20px;
	}
}


	



/* ---------------------------------------------------------
	ContentNavi
--------------------------------------------------------- */

.ContentNavi.TopNewsTab ul {
	background-color: transparent;
	background: none;
}

.ContentNavi.TopNewsTab li {
	background: none;
	position: relative;
}


.ContentNavi.TopNewsTab li::after {
	content: "";
    position: absolute;
    left: 0%;
    width: 1px;
    height: 20px;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #4b4b4b;
}

.ContentNavi.TopNewsTab li.Current + li::after,
.ContentNavi.TopNewsTab li:hover + li::after {
	display: none;
}


.ContentNavi.TopNewsTab li a:link, 
.ContentNavi.TopNewsTab li a:visited {
	color: #333;
}

.ContentNavi.TopNewsTab li.Current a:link, 
.ContentNavi.TopNewsTab li.Current a:visited {
	color: #fff;
}

.ContentNavi.TopNewsTab li a:hover,
.ContentNavi.TopNewsTab li a:active,
.ContentNavi.TopNewsTab li.Current a {
    color: #fff;
    background-color: #4b4b4b !important;
}

.ContentNavi.TopNewsTab li a:hover:after, 
.ContentNavi.TopNewsTab li a:active:after, 
.ContentNavi.TopNewsTab li.Current a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -9px;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0;
    transform: translateX(-50%);
    border: 12px solid transparent;
    border-top: 12px solid #4b4b4b;
    border-bottom-width: 0;
    background-image: none;
}



@media screen and (max-width: 767px) {
	.ContentNavi.TopNewsTab li::after {
		display: none;
	}
	.ContentNavi.TopNewsTab li a:hover:after, 
	.ContentNavi.TopNewsTab li a:active:after, 
	.ContentNavi.TopNewsTab li.Current a:after {
		display: none;
	}


	.ContentNavi.TopNewsTab li a {
		border-top: solid 1px #3a3a3a!important;
	}
	.ContentNavi.TopNewsTab li:last-child a {
		border-bottom: solid 1px #3a3a3a!important;
	}

	.ContentNavi.TopNewsTab li a:before {
		background-image: url(/image/hse/icon/icon_link_right_l_black.gif)!important;
	}

	.ContentNavi.TopNewsTab li a:hover::before, 
	.ContentNavi.TopNewsTab li.Current a:before {
		background-image: url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif)!important;
	}
}
	

/* ---------------------------------------------------------
	ソリューションを探す
--------------------------------------------------------- */
.TopSolutionSearchArea {
	padding: 15px 0 30px 0px;
	margin: 0 0 80px;
	position: relative;
	z-index: 1;
}


.TopSolutionSearchArea::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    z-index: -1;
    background-color: #E3E3E3;
    box-sizing: border-box;
}

	
.TopSolutionSearchPanel {
	background-color: #fff;
	margin-bottom: 15px;
	letter-spacing: -0.5em;
	margin-bottom: 20px;
	letter-spacing: normal;
	vertical-align: middle;
}

.TopSolutionSearchPanel.S01 p {
	background: #fff url(/image/hse/icon/ic_industry.png) no-repeat left center;
}
.TopSolutionSearchPanel.S02 p {
	background: #fff url(/image/hse/icon/ic_productsname.png) no-repeat left center;
}
.TopSolutionSearchPanel.S03 p {
	background: #fff url(/image/hse/icon/ic_subject.png) no-repeat left center;
}


.TopSolutionSearchPanel a {
	display: block;
	padding-left: 140px;
	padding-right: 30px;
	height: 164px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.TopSolutionSearchPanel a:visited,
.TopSolutionSearchPanel a:link {
	background: url(/image/jp/r1/icon/icon_link_right_xl_hd.gif) no-repeat 96% center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}

.TopSolutionSearchPanel a:hover,
.TopSolutionSearchPanel a:active {
	text-decoration: underline;
	background: url(/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif) no-repeat 96% center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}

.TopSolutionSearchPanel a span.TB01 {
	display: table;
	height: 164px;
}
.TopSolutionSearchPanel a span.TB02 {
	display: table-cell;
	vertical-align: middle;
}

.TopSolutionSearchArea .SearchBox {
	width: 300px;
}



/* ---------------------------------------------------------
	ピックアップソリューション
--------------------------------------------------------- */
.TopPickupSolutionArea {
	padding: 0;
	margin: 0 0 60px;
}


/* ---------------------------------------------------------
	イベント情報
--------------------------------------------------------- */
.TopEventArea {
	padding: 0px 0px 30px 0px;
	margin: 0 0 80px;
	position: relative;
}

/* ---------------------------------------------------------
	おすすめ動画
--------------------------------------------------------- */
.TopMovieArea {
	padding: 15px 0px 30px 0px;
	margin: 0 0 80px;
	position: relative;
	z-index: 1;
}

.TopMovieArea::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    z-index: -1;
    background-color: #E3E3E3;
    box-sizing: border-box;
}

.TopMovieArea > .TopHeading1 {
	margin-bottom: 5rem;
}
.TopMovieTitle {
	background-color: #525252;
	padding:.5rem 1rem .5rem 1.5rem;
	color:#fff;
	margin-bottom:1rem;
	box-sizing: border-box;
	min-height: 6.5rem;
	font-size: 1.125rem;
	position: relative;
}
.TopMovieTitle::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-left: 30px solid #e60027;
    border-bottom: 30px solid transparent;
}

.TopMovieTitle > div:last-child {
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.TopMovieArea .ColSet > * {
		margin-bottom: 2rem;
	}
	.TopMovieTitle {
		margin-bottom:1px;
		min-height: auto;
	}
}
/* ---------------------------------------------------------
	導入事例
--------------------------------------------------------- */
.TopCaseArea {
	margin-bottom: 80px;
}

/* ---------------------------------------------------------
	ニュース
--------------------------------------------------------- */

.TopNewsArea {
	padding: 15px 0px 30px 0px;
	margin: 0 0 80px;
	position: relative;
	z-index: 1;
}

.TopNewsArea::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    z-index: -1;
    background-color: #E3E3E3;
    box-sizing: border-box;
}

.TopNewsArea .Tab:not(:first-child) {
	display: none;
}


.TopNewsArea .DateListStyle2 dd {
	
}

@media screen and (max-width: 579px) {
	.TopNewsArea .DateListStyle2 dd {
		margin-left: 0;
	}
	
}

/* ---------------------------------------------------------
	バナー
--------------------------------------------------------- */
.TopBannerArea {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.TopBannerArea > * {
	margin-left: 5px;
	margin-right: 5px;
}


/* ---------------------------------------------------------------------------------------

	商品/ソリューション

---------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------
	おすすめの商品/ソリューション
--------------------------------------------------------- */
.ProductSolutionRecommend {
	margin-bottom: 40px;
}

.ProductSolutionRecommend h2 {
	background-image: none;
	text-align: center;
}

.ProductSolutionRecommend a {
	display: block;
	position: relative;
	color: #fff;
	margin-bottom: 15px;

}
.ProductSolutionRecommend img {
	width: 100%;
}
.ProductSolutionRecommend a>div {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	background: url(../image/jp/r1/bg_image_heading.png);
	box-sizing: border-box;
	
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
    flex-direction: column;
}

.ProductSolutionRecommend a>div {
	padding-left: 10px;
	padding-right: 10px;
}
.ProductSolutionRecommend p {
	margin-bottom: 5px;
	font-size: 83%;
	text-align: center;
}
.ProductSolutionRecommend p+p {
	margin-bottom: 0px;
	font-size: 76%;
	text-align: left;

}

@media screen and (max-width: 994px) {
	.ProductSolutionRecommend p {
		font-size: 50%;
	}
	.ProductSolutionRecommend a>div {
		padding-left: 0px;
		padding-right: 0px;
	}
}


@media screen and (max-width: 767px) {
	.ProductSolutionRecommend p {
		font-size: 83%;
	}
	.ProductSolutionRecommend a>div {
		padding-left: 10px;
		padding-right: 10px;
	}
}






/* ---------------------------------------------------------------------------------------

	会社情報/CSR - CSR - 社会貢献活動

---------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------
	テーブル
--------------------------------------------------------- */
.SocietyTableStyle th {
	background-color: #a6a6a6;
	color: #fff;
	font-weight: bold;
	border-color: #fff;
}

.SocietyTableStyle td {
	border-color: #fff;
}

.SocietyTableStyle tbody:nth-child(2) td {
	background-color: #dceaeb;
}
.SocietyTableStyle tbody:nth-child(3) td {
	background-color: #f0e3e4;
}
.SocietyTableStyle tbody:nth-child(4) td {
	background-color: #e8e8dc;
}
.SocietyTableStyle tbody:nth-child(5) td {
	background-color: #def1d3;
}

.SocietyTableStyleSP {
	display: none;
}
.SocietyTableStyleSP table:not(:last-child) {
	margin-bottom:0;
}

.SocietyTableStyleSP table th {
	background-color: #a6a6a6;
	color: #fff;
	font-weight: bold;
	border-color: #fff;
}

.SocietyTableStyleSP table td {
	display: block;
	width: 100%!important;
	box-sizing: border-box;
	border-color: #fff;
}

.SocietyTableStyleSP table:nth-child(1) td { background-color: #dceaeb }
.SocietyTableStyleSP table:nth-child(1) tr:nth-child(even) td { background-color: #c0dadb }
.SocietyTableStyleSP table:nth-child(2) td {background-color: #f0e3e4;}
.SocietyTableStyleSP table:nth-child(2) tr:nth-child(even) td { background-color: #ecc2c5 }
.SocietyTableStyleSP table:nth-child(3) td { background-color: #e8e8dc; }
.SocietyTableStyleSP table:nth-child(3) tr:nth-child(even) td { background-color: #e8e8b5 }
.SocietyTableStyleSP table:nth-child(4) td { background-color: #def1d3; }
.SocietyTableStyleSP table:nth-child(4) tr:nth-child(even) td { background-color: #c7e8b4 }


.SocietyTableStyleSP thead th  {
	position: relative;
	cursor: pointer;

}
.SocietyTableStyleSP thead th::after {
content: "";
width: 10px;
height: 10px;
border: transparent;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;

position: absolute;
right: 10px;


top: calc(50% - 8px);
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);

background-image: none;
-webkit-transition: none;
transition: none;
}

.SocietyTableStyleSP thead th.is-open::after {
	top: calc(50% - 2px);
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}


.SocietyTableStyleSP tbody {
	display: none;
}


@media screen and (max-width: 767px) {
	.SocietyTableStyle  {
		display: none;
	}
	.SocietyTableStyleSP {
		display: block;
	}
}



/* ---------------------------------------------------------------------------------------

	英語版 トップ

---------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------
	ブランディング
--------------------------------------------------------- */
.EnBrandingArea {
	background-color: #fff;
	height: 500px;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}

.EnBrandingAreaImg {
	position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
}

.EnBrandingArea .EnBrandingAreaImg {
	background-image: url(/image/hse-en/top/top_e_pc_01.jpg);
}

.EnBrandingAreaTitle {
	position: absolute;
	width: calc((100% - 1275px) / 2 + 600px);
	height: 100px;
	bottom:50px;
	left: 0;
	/*background-color: rgba(171,24,24,0.55);*/
	background: rgb(0,0,0);
	filter:alpha(opacity=70); 
	background: rgba(0,0,0,0.7);
	padding-top: 20px;
	padding-left: calc((100% - 1275px) / 2);
	box-sizing: border-box;

}

.EnBrandingAreaTitle h1 {
	color: #fff;
	font-size: 45px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	position: relative;
}


@media screen and (max-width: 1304px) {
	.EnBrandingArea {
		margin-left: -15px;
		margin-right: -15px;
	}
	.EnBrandingAreaTitle {
		width: 600px;
		left: 0;
		padding-left: 15px;
	}
}

@media screen and (max-width: 767px) {
	.EnBrandingArea {
		height: 320px;
	}

	.EnBrandingArea .EnBrandingAreaImg {
		background-image: url(/image/hse-en/top/top_e_sp_01.jpg);
	}


	.EnBrandingAreaTitle {
	
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		height: auto;
	}
	.EnBrandingAreaTitle h1 {
		font-size: 26px;
		padding-bottom: 10px;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 15px;
		text-align: center;
	}
	
	
	
}



/* ---------------------------------------------------------------------------------------

	中国語版 トップ

---------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------
	ブランディング
--------------------------------------------------------- */
.CnBrandingArea {
	background-color: #fff;
	height: 500px;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}

.CnBrandingAreaImg {
	position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
}

.CnBrandingArea .CnBrandingAreaImg {
	background-image: url(/image/hse-en/top/top_e_pc_01.jpg);
}

.CnBrandingAreaTitle {
	position: absolute;
	width: calc((100% - 1275px) / 2 + 600px);
	height: 100px;
	bottom:50px;
	left: 0;
	/*background-color: rgba(171,24,24,0.55);*/
	background: rgb(0,0,0);
	filter:alpha(opacity=70); 
	background: rgba(0,0,0,0.7);
	padding-top: 20px;
	padding-left: calc((100% - 1275px) / 2);
	box-sizing: border-box;

}

.CnBrandingAreaTitle h1 {
	color: #fff;
	font-size: 45px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	position: relative;
}


@media screen and (max-width: 1304px) {
	.CnBrandingArea {
		margin-left: -15px;
		margin-right: -15px;
	}
	.CnBrandingAreaTitle {
		width: 600px;
		left: 0;
		padding-left: 15px;
	}
}

@media screen and (max-width: 767px) {
	.CnBrandingArea {
		height: 320px;
	}

	.CnBrandingArea .CnBrandingAreaImg {
		background-image: url(/image/hse-en/top/top_e_sp_01.jpg);
	}


	.CnBrandingAreaTitle {
	
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		height: auto;
	}
	.CnBrandingAreaTitle h1 {
		font-size: 26px;
		padding-bottom: 10px;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 15px;
		text-align: center;
	}
	
	
	
}




/* スライダー */
.slider2{
	margin: 0 auto 20px;
	width: auto;
	-moz-border-radius   : 5px;
	-webkit-border-radius: 5px;
	border-radius        : 5px;
	border: solid 1px #999;
}
.slider2 .sliderIn{
	margin: 20px auto 0 auto;
	display: block;
	overflow: hidden;
}
.slider2 .sliderIn ul{
	display: block;
}
.slider2 .sliderIn ul li{
	text-align: center;
	display: none;
}
.slider2 .sliderIn ul li.cur{
	display: block;
}

.buttonArea{
	overflow: hidden;
	text-align: center;
	margin: 5px 0 0 0;
	padding: 5px 0 5px 0;
	background-color: #DDD;
	-moz-border-radius   : 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius        : 0 0 5px 5px;
}
.slider2 .button.l{
	float: left;
	position: relative;
	left: 10px;
}

.slider2 .button.m{
	overflow: hidden;
	width: 150px;
	margin: 0 auto;
}
.slider2 .button.m li{
	display: table-cell;
	padding-right: 5px;
	height: 33px;
}
*+html body .slider2 .button.m li{
	float: left;
}
.slider2 .button.r{
	float: right;
	position: relative;
	right: 10px;
}
.slider2 .button a{
	width: 30px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
	display: table-cell;
	cursor: pointer;
	border: solid 1px #FFF;
	text-decoration: none;
}
.slider2 .button a:hover{
	background: #00AABB;
	opacity: 0.6;
	text-decoration: none;
}
.slider2 .button a{
	background: #0080B3;
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
	color: #FFF;
	-moz-border-radius   : 15px;
	-webkit-border-radius: 15px;
    border-radius        : 15px;
	border: 1px solid #0099CC;
	-moz-box-shadow   : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow        : 1px 1px 1px rgba(0,0,0,0.3);	
	text-shadow       : 0px 0px 3px rgba(0,0,0,0.5);
}
*+html body .slider2 .button a{
	float: left;
	line-height: 2;
}
.slider2 .button a.cur{
	background: #00AABB;
	opacity: 0.6;
	text-decoration: none;
}