@charset "utf-8";
/* **************************************************
Name: sitetop.css
Description: add style for Top Page
Create: 2017.03
Update: 2017.04
Copyright 2017 Hitachi, Ltd.
***************************************************** */
/* content===========================================
[-] 環境サイトトップ
===================================================== */
/* Hero header
=========================================================================================== */
.BrandingImgStyle_hero {}
.BrandingImgStyleEnv {
	background-color: #fff;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0 0 660px 0;
	z-index: 0;
	overflow: hidden;
}
.BrandingImgStyleEnv .BrandingInner,
.BrandingImgStyleEnv .BrandingInner > a {
	display: table;
	width: 900px;
	height: 600px;
	margin: 0 auto;
}
.BrandingImgStyleEnv .BrandingInner a {
	text-decoration: none;
}
.BrandingImgStyleEnv .BrandingInner .BrandingContent {
	display: table-cell;
	vertical-align: middle;
}
.BrandingImgStyleEnv .BrandingInner .BrandingContent .leftSide,
.BrandingImgStyleEnv .BrandingInner .BrandingContent .rightSide {
	width: 55%;
	padding: 0 15px;
}
.BrandingImgStyleEnv .BrandingInner .BrandingContent .rightSide {
	float: right;
}
.BrandingImgStyleEnv .BrandingInner p.icon {
	margin-bottom: 15px;
}
.BrandingImgStyleEnv .BrandingInner img.icon {
	display: inline !important;
  -webkit-filter: drop-shadow(0 0 3px #000);
	-moz-filter: drop-shadow(0 0 3px #000);
	-ms-filter: drop-shadow(0 0 3px rgba(0,0,0,1.00));
}
.BrandingImgStyleEnv .BrandingInner p.title1,
.BrandingImgStyleEnv .BrandingInner p.title2,
.BrandingImgStyleEnv .BrandingInner p.TextStyle1 {
	margin-bottom: 15px;
	color:#fff;
  -webkit-text-shadow: 0 0 3px #000;
	   -moz-text-shadow: 0 0 3px #000;
	        text-shadow: 0 0 3px #000;
}
.BrandingImgStyleEnv .BrandingInner p strong {
	color:#fff;
}
.BrandingImgStyleEnv .BrandingInner p.title1 {
	font-size: 250%;
	font-weight: bold;
}
.BrandingImgStyleEnv .BrandingInner p.title2 {
	font-size: 150%;
	font-weight: bold;
}
/* Button */
.BrandingImgStyleEnv a .ButtonStyle1 {
	display: inline-block;
	min-width: 130px;
	min-height: 18px;
	margin: 0 0 15px;
	padding: 9px 22px 9px 15px;
	text-align: center;
	font-size: 83%;
	line-height: 130%;
	background-image: url(../../../image/en/r1/icon/icon_link_right_l_white.html);
	background-repeat: no-repeat;
	background-position: right center;
	word-break: break-all;
	border: 1px solid #fff;
}
.BrandingImgStyleEnv a:link .ButtonStyle1,
.BrandingImgStyleEnv a:visited .ButtonStyle1 {
	color: #fff;
	text-decoration: none;
}
.BrandingImgStyleEnv a:hover .ButtonStyle1,
.BrandingImgStyleEnv a:active .ButtonStyle1 {
	background-position: right 0 center;
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
	text-decoration: none;
}
.BrandingImgStyleEnv a .ButtonStyle1 strong {
	font-weight: normal;
	color: #fff;
}
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  margin-bottom: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: none;
}
/* PAGER */
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  bottom: 40px;
}
.bx-wrapper .bx-pager {
	padding-top: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #333;
	box-shadow: 0 0 1px 2px #ccc;
	-moz-box-shadow: 0px 0px 1px 2px #ccc;
	-webkit-box-shadow: 0px 0px 1px 2px #ccc;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #fff;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-auto a {
  -webkit-filter: drop-shadow(1px 1px 3px #ccc);
	-moz-filter: drop-shadow(1px 1px 3px #ccc);
	-ms-filter: drop-shadow(1px 1px 3px #ccc);
}
.bx-wrapper .bx-prev {
	left: 50%;
	-webkit-transform: translateX(-482px);
	-ms-transform: translateX(-482px);
	transform: translateX(-482px);
}
.bx-wrapper .bx-next {
	right: 50%;
	-webkit-transform: translateX(482px);
	-ms-transform: translateX(482px);
	transform: translateX(482px);
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  max-width: 450px;
	left: 50%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 50%;
}
/* Head Navigation
=========================================================================================== */
.fixed{
  position: fixed !important;
  top: 0;
	margin-top: 0 !important;
  z-index: 9999;
}
.HeadNavi:after {
	content: "";
	display: block;
	clear: both;
}
.HeadNavi {
	position: relative;
	width: 965px;
	margin: -70px auto 35px;
	background-color: #fff;
	border-top: 8px solid #CC0022;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	-o-border-radius: 0 0 8px 8px;
	-ms-border-radius: 0 0 8px 8px;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	z-index: 55;
}
.HeadNavi ul {
}
.HeadNavi ul li {
	float: left;
	width: 25%;
	border-left: 1px solid #e7e7e7;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.HeadNavi ul li:first-child { border-left: none; }
.HeadNavi ul li a {
	display: block;
	zoom: 1;
	padding: 50px 5px 10px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	line-height: 120%;
	background-image: url(images/icon01_green.html);
	background-repeat: no-repeat;
	background-position: center 10px;
}
.HeadNavi ul li.icon01 a { background-image: url(images/icon01_green.html); }
.HeadNavi ul li.icon02 a { background-image: url(images/icon02_green.html); }
.HeadNavi ul li.icon03 a { background-image: url(images/icon03_green.html); }
.HeadNavi ul li.icon04 a { background-image: url(images/icon04_green.html); }
.HeadNavi ul li.icon05 a { background-image: url(images/icon05_green.html); }
/* Foot Navigation
=========================================================================================== */
.FootNavi:after {
	content: "";
	display: block;
	clear: both;
}
.FootNavi {
	margin: 0 0 5px;
}
.FootNavi li {
	display: block;
	float: left;
	position: relative;
	margin: 0 48px 15px 0;
}
.FootNavi li a {
	display: block;
	min-height: 22px;
	zoom: 1;
	padding: 0 0 0 28px;
	font-size: 90%;
	font-weight: bold;
	white-space: nowrap;
	background-image: url(images/icon06_green_s.html);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 21px auto;
	-moz-background-size: 21px auto;
	-webkit-background-size: 21px auto;
	-o-background-size: 21px auto;
	-ms-background-size: 21px auto;
}
.FootNavi li.icon01 a { background-image: url(images/icon01_green.html); }
.FootNavi li.icon02 a { background-image: url(images/icon02_green.html); }
.FootNavi li.icon03 a { background-image: url(images/icon03_green.html); }
.FootNavi li.icon04 a { background-image: url(images/icon04_green.html); }
.FootNavi li.icon05 a {	background-image: url(images/icon05_green.html); }
/* Pick Up List
=========================================================================================== */
.PickupPanel {
	letter-spacing: -0.5em;
	margin-left: -15px;
	overflow: hidden;
}
.PickupPanel.LargeType:after {
	content: "";
	display: block;
	clear: both;
}
.PickupPanel.LargeType {
	margin-left: 0;
}
.PickupPanel li {
	letter-spacing: normal;
	display: inline-block;
	position: relative;
	width: 25%;
	height: auto;
	padding-left: 15px;
	margin: 0 0 15px 0;
	overflow: hidden;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	/display:inline;
	/zoom:1
}
.PickupPanel.LargeType li {
	display: block;
	position: relative;
	float: left;
	width: 23.834196%; /* 230px */
	margin: 0 0 13px 1.55440%;
	padding: 0;
	box-sizing: inherit;
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
	-o-box-sizing: inherit;
	-ms-box-sizing: inherit;
}
.PickupPanel.LargeType li:first-child {
	width: 49.222797%; /* 475px */
	margin-left: 0;
}
.PickupPanel li .Inner {
	cursor: pointer;
}
.PickupPanel li a {
	display: block;
	zoom: 1;
}
.PickupPanel li img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
}
.PickupPanel .PanelText {
	position: absolute;
	bottom: 0;
	width: 95%;
	width: -webkit-calc(100% - 15px);
	width: calc(100% - 15px);
	background-color: rgba(204, 204, 204, 0.7 );	/* #37aa65 */
	background-image: url(images/icon_link_right_white.html);
	background-position: right 8px center;
	background-repeat: no-repeat;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	-o-border-radius: 0 0 8px 8px;
	-ms-border-radius: 0 0 8px 8px;
}
.PickupPanel.LargeType .PanelText {
	width: 100%;
	width: -webkit-calc(100%);
	width: calc(100%);
}
.PickupPanel li a:hover .PanelText,
.PickupPanel li a:active .PanelText {
	background-position: right 6px center;
}
.PickupPanel li strong {
	display: table-cell;
	bottom: 0;
	width: 100%;
	height: 3.5em;
	padding: 10px 10px 0 10px;
	background-image: url(images/icon01_white.html);
	background-repeat: no-repeat;
	background-position: 14px center;
	background-size: 24px auto;
	color: #fff;
	font-weight: bold;
	line-height: 120%;
	vertical-align: middle;
}
.PickupPanel li a:link strong,
.PickupPanel li a:visited strong {
	color: #fff;
	text-decoration: none;
}
.PickupPanel li a:hover strong,
.PickupPanel li a:active strong {
	color: #fff;
	text-decoration: none;
}
.PickupPanel li.icon01 strong { background-image: url(images/icon01_white.html); }
.PickupPanel li.icon02 strong { background-image: url(images/icon02_white.html); }
.PickupPanel li.icon03 strong { background-image: url(images/icon03_white.html); }
.PickupPanel li.icon04 strong { background-image: url(images/icon04_white.html); }
.PickupPanel li.icon05 strong { background-image: url(images/icon05_white.html); }
/* Contents List
=========================================================================================== */
.ContentsPanel {
	letter-spacing: -0.5em;
	margin-left: -15px;
	overflow: hidden;
}
.ContentsPanel li {
	letter-spacing: normal;
	display: inline-block;
	position: relative;
	width: 25%;
	height: auto;
	padding-left: 15px;
	margin: 0 0 15px 0;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.ContentsPanel.column2n li { width: 50%; }
.ContentsPanel li a {
	display: block;
	zoom: 1;
}
.ContentsPanel li img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.ContentsPanel li .PanelText {
	position: relative;
	display: block;
	padding: 10px 5px 0 0;
	font-size: 80%;
}
.ContentsPanel li .PanelText:after {
	content: '';
	position: absolute;
	border-top: 13px solid transparent;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 13px solid #fff;
	top: -26px;
	left: 47%;
	left: -webkit-calc(50% - 10px);
	left: calc(50% - 10px);
}
.EnvCover .ContentsPanel li .PanelText:after {
	border-bottom: 13px solid #edf6f3;
}
.ContentsPanel li .PanelText strong {
	display: block;
	padding: 0 0 0 22px;
	height: 3.2em;
	background: url(images/icon_link_right_green_r.html) left top no-repeat;
}
/* Frame border */
.ContentsPanel .border img {
	border: 2px solid gray;
}
.ContentsPanel li.border .PanelText:before {
	content: '';
	position: absolute;
	border-top: 13px solid transparentf6f3;
	border-right: 11px solid transparent;
	border-left: 11px solid transparent;
	border-bottom: 13px solid gray;
	top: -15px;
	left: 47%;
	left: -webkit-calc(50% - 11px);
	left: calc(50% - 11px);
}
/* Heading
=========================================================================================== */
h2.EnvStyle:before {
	display: block;
	content: "";
	min-height: 41px;
}
h2.EnvStyle {
	display: table;
	margin: 0 0 20px;
	padding: 0 0 0 50px;
	background: transparent url(images/icon02_h2.png) no-repeat left top;
}
h2.EnvStyle.icon02 { background-image: url(images/icon02_h2.png); }
h2.EnvStyle.icon03 { background-image: url(images/icon03_h2.html); }
h2.EnvStyle.icon04 { background-image: url(images/icon04_h2.html); }
h2.EnvStyle.icon05 { background-image: url(images/icon05_h2.html); }
h2.EnvStyle span {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	font-size: 180%;
	color: gray;
	line-height: 100%;
	background-color: transparent;
}
/* --- Heading : Link to RDF File --- */
.LV1LinkSet.EnvStyle:before {
	display: block;
	content: "";
	min-height: 8px;
}
.LV1LinkSet.EnvStyle {
	display: table;
	margin: 0 0 20px;
	padding: 0 0 20px 8px;
	/*background: url(images/icon02_h2.png) no-repeat left top;*/
	border-bottom: 2px solid gray;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
/* .LV1LinkSet.EnvStyle.iconNews { background-image: url(images/icon_h2_news.png); } */
/* .LV1LinkSet.EnvStyle.iconUpdate { background-image: url(images/icon_h2_update.png); } */
.LV1LinkSet.EnvStyle > div {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	background-color: transparent;
}
.LV1LinkSet.EnvStyle div h2 {
	color: gray;
	font-size: 280%;
	font-weight: bold;
	line-height: 100%;
	background: none;
}
.LV1LinkSet.EnvStyle div ul li a {
	background: none;
	padding: 0 20px 0 0;
}
.LV1LinkSet.EnvStyle div ul li a img {
	width: 76px;
	max-width: 76px;
	height: 22px;
	margin: -4px -20px 0 0;
	_margin-right: -10px;
}
/* Link List
=========================================================================================== */
/* --- Date on Top --- */
dl.EnvStyle dt {
	color: gray;
	font-weight: bold;
	padding-top: 18px;
	padding-left: 5px;
}
dl.EnvStyle dt:first-child {
	padding-top: 0;
}
dl.EnvStyle dt .newCat {
	display: block;
	float: right;
}
dl.EnvStyle dd {
	border-bottom: 1px solid #e7e7e7;
}
/* Link Setting */
h2.EnvStyle a,
ul.EnvStyle li a {
	padding: 0 22px 0 0;
	background-repeat: no-repeat;
	background-position: right 2px center;
}
ul.EnvStyle li a {
	padding: 0 20px 0 0;
}
h2.EnvStyle a:link,
h2.EnvStyle a:visited,
h2.EnvStyle a:hover,
h2.EnvStyle a:active,
ul.EnvStyle li a:link,
ul.EnvStyle li a:visited,
ul.EnvStyle li a:hover,
ul.EnvStyle li a:active {
	color: gray;
	background-image: url(images/icon_link_right_green.html);
	text-decoration: none;
	background-size: 9px 15px;
	-moz-background-size: 9px 15px;
	-webkit-background-size: 9px 15px;
	-o-background-size: 9px 15px;
	-ms-background-size: 9px 15px;
}
h2.EnvStyle a:hover,
h2.EnvStyle a:active,
ul.EnvStyle li a:hover,
ul.EnvStyle li a:active {
	text-decoration: underline;
	background-position: right center;
}
/* Link Setting
=========================================================================================== */
.HeadNavi ul li a,
.FootNavi li a,
.ContentsPanel a,
.ContentsPanel a strong {
	text-decoration: none;
	color: gray;
}
.HeadNavi ul li a:hover,
.HeadNavi ul li a:active,
.FootNavi li a:hover,
.FootNavi li a:active,
.ContentsPanel a:hover strong,
.ContentsPanel a:active strong {
	text-decoration: underline;
}
/* Banner Links
=========================================================================================== */
.FootBannerList {
	letter-spacing: -0.5em;
	margin-left: -32.5px;
	margin-bottom: 15px;
	overflow: hidden;
}
.FootBannerList li {
	letter-spacing: normal;
	display: inline-block;
	position: relative;
	width: 33.3%;
	height: auto;
	padding-left: 32.5px;
	margin: 0 0 15px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.FootBannerList li img {
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
.FootBannerList li strong {
	position: absolute;
 	left: 50px;
	top: 10px;
	margin:0;
  	padding:0;
	font-size: 110%;
	color: #454446;
	text-shadow: 1px 1.5px 0px #fff;
}
.FootBannerBox {
	background-color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
.FootBannerBox a {
	color: #0060aa;
	font-weight: bold;
	text-decoration: none;
}
.FootBannerBox p.TextStyle1 {
	padding-top: 1.5em;
}
.FootBannerBox p {
    padding-left: 80px;
}
/* Common Class
=========================================================================================== */
.EnvCover {
	background-color: #f1f1f1;
	padding: 45px 0 15px;
}
.BnrCover {
	background-color: gray;
	padding: 45px 0 15px;
}
.BorderCover {
	padding: 45px 0 15px;
	margin: 0 0 20px;
	border-bottom: 1px solid #e5e5e5;
}
.uandlMargin {
	padding-top:  45px;
	padding-bottom: 15px;
}
.EnvColumn {
		width: auto;
		margin: 0 0 0 -53px;
}
.EnvColumn .Column2 {
	width: 45%;
	margin: 0;
	padding: 0 0 0 53px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
/* for all
=========================================================================================== */
/* Link Icon
=========================================================================================== */
@media screen and (min-width: 1px) {
}
/* for 995px -
=========================================================================================== */
@media screen and (min-width: 995px) {
}
/* for - 994px
=========================================================================================== */
@media screen and (max-width: 994px) {
.JS .BrandingImgStyle_hero,
.JS .EnvCover,
.JS .BnrCover,
.JS .BorderCover {
	margin-left: -15px;
	margin-right: -15px;
}
.JS .EnvCover .GridSet,
.JS .BnrCover .GridSet,
.JS .BorderCover .GridSet {
	padding-left: 0px;
	padding-right: 15px;
}
.JS h2.EnvStyle span,
.JS .LV1LinkSet.EnvStyle div h2 {
	/*font-size: 110%;*/
	line-height: 130%;
}
.JS .EnvColumn { margin: 0 0 0 -30px; }
.JS .EnvColumn .Column2 { padding: 0 0 0 30px; }
}
/* for - 965px
=========================================================================================== */
@media screen and (max-width: 965px) {
.JS .BrandingImgStyleEnv .BrandingInner,
.JS .BrandingImgStyleEnv .BrandingInner > a {
	width: 94%;
	width: -webkit-calc(100% - 64px);
	width: calc(100% - 64px);
}
.JS .BrandingImgStyleEnv .BrandingInner .BrandingContent .leftSide,
.JS .BrandingImgStyleEnv .BrandingInner .BrandingContent .rightSide {
	margin-left: -32px;
	margin-right: -32px;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.JS .bx-wrapper .bx-prev {
	left: 0;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.JS .bx-wrapper .bx-next {
	right: 0;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.JS .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	max-width: 50%;
}
.JS .HeadNavi {
	min-width: 100%;
	width: auto;
	margin-left: -15px;
	margin-right: -15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
}
/* for - 964px
=========================================================================================== */
@media screen and (max-width: 964px) {
.JS .FootNavi li.icon04,
.JS .FootNavi li.icon05 {
	float: left;
	margin-right: 48px;
}
.JS .FootBannerList {
	margin-left: -15px;
}
.JS .FootBannerList li {
	padding-left: 15px;
}
.JS .FootBannerBox p {
	padding-left: 15px;
}
}
/* for - 800px
=========================================================================================== */
@media screen and (max-width: 800px) {
.JS .HeadNavi li br,
.JS .PickupPanel li br { display: none; }
.JS .PickupPanel.LargeType li {
	margin-bottom: 9px;
}
.JS .ContentsPanel li .PanelText strong {
	height: 4.8em;
}
.JS .ContentsPanel li .PanelText strong br {
	display: none;
}
.JS .EnvColumn { margin: 0 -28px 0 0px; }
.JS .EnvColumn .Column2 { padding: 0 5px 0 0px; }
.JS .FootBannerList li strong {
	left: 30px;
	top: 30%;
	top: -webkit-calc(50% - 1.5em);
	top: calc(50% - 1.3em);
	font-size: 100%;
	line-height: 130%;
}
}
/* for - 767px
=========================================================================================== */
@media screen and (max-width: 767px) {
.JS .BrandingImgStyleEnv {
	padding-bottom: 265px;
/*
	background-size: auto;
*/
}
.JS .BrandingImgStyleEnv .BrandingInner,
.JS .BrandingImgStyleEnv .BrandingInner > a {
	height: 243px;
}
.JS .BrandingImgStyleEnv .BrandingInner .BrandingContent .leftSide,
.JS .BrandingImgStyleEnv .BrandingInner .BrandingContent .rightSide {
	width: auto;
}
/* PAGER */
.JS .bx-wrapper .bx-pager,
.JS .bx-wrapper .bx-controls-auto {
  bottom: 5px;
}
.JS .HeadNavi { display: none; }
.JS .PickupPanel li {
	width: 50%;
	padding-left: 15px;
	margin-left: 0;
	margin-bottom: 15px !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.JS .PickupPanel li:nth-child(2n) {
	margin-left: 0;
}
.JS .PickupPanel.LargeType {
	margin-left: -15px;
}
.JS .PickupPanel.LargeType li:first-child {
	width: 100%;
	margin-left: 0;
}
.JS .PickupPanel .PanelText {
	width: 98.05%;
	width: -webkit-calc(100% - 15px);
	width: calc(100% - 15px);
}
.JS .ContentsPanel li { width: 50%; }
.JS .ContentsPanel li .PanelText strong {
	height: 3.2em;
}
.JS .EnvCover,
.JS .BnrCover,
.JS .BorderCover {
	padding: 25px 0 1px;
}
.JS .uandlMargin {
	padding-top:  25px;
	padding-bottom: 1px;
}
.JS .FootBannerList li strong {
	left: 15px;
	text-align: center;
}
.JS .FootBannerBox p.TextStyle1 {
    padding-top: 0;
		text-align: center;
}
}
/* for - 579px
=========================================================================================== */
@media screen and (max-width: 579px) {
.JS .BrandingImgStyleEnv .BrandingInner .BrandingContent .rightSide {
	float: none;
}
.JS .BrandingImgStyleEnv .BrandingInner p.title1 {
	font-size: 180%;
}
.JS .FootBannerList li:nth-of-type(3) strong {
	top: 9%;
	top: -webkit-calc(50% - 2em);
	top: calc(50% - 2em);
}
}
/* for - 399px
=========================================================================================== */
@media screen and (max-width: 399px) {
.JS .BrandingImgStyleEnv {
	padding-bottom: 200px;
}
.JS .BrandingImgStyleEnv .BrandingInner,
.JS .BrandingImgStyleEnv .BrandingInner > a {
	height: 178px;
}
.JS .BrandingImgStyleEnv .BrandingInner .BrandingContent .leftSide,
.JS .BrandingImgStyleEnv .BrandingInner .BrandingContent .rightSide {
	text-align: center;
}
.JS .BrandingImgStyleEnv .BrandingInner p.title1 {
	font-size: 150%;
}
.JS .BrandingImgStyleEnv .BrandingInner p.title2 {
	font-size: 130%;
}
.JS .BrandingImgStyleEnv .BrandingInner p.TextStyle1 {
	display: none;
}
.JS .FootNavi li {
	float: none;
}
.JS .PickupPanel li {
	width: 100%;
	float: none;
}
.JS .ContentsPanel {
	margin-bottom: 15px;
}
.JS .ContentsPanel li {
	width: 100% !important;
	margin-bottom: 0;
}
.JS .ContentsPanel li .Inner {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.JS .ContentsPanel li:first-child .Inner {
}
.JS .ContentsPanel li .PanelText {
	display: table-cell;
	width: auto;
	height: 70px;
	padding: 0;
}
.JS .ContentsPanel li .PanelText:before,
.JS .ContentsPanel li .PanelText:after {
	border: none;
}
.JS .ContentsPanel li img {
	float: left;
	width: 80px !important;
	height: 70px !important;
	margin-right: 10px;
}
.JS .ContentsPanel li .PanelText strong {
	height: auto;
	vertical-align: middle;
}
.JS .FootBannerList li {
	width: 100%;
}
.JS .FootBannerList li strong {
	left: 0;
	width: 100%;
}
}
/* for print
=========================================================================================== */
@media print {
}