@charset "utf-8";
/* CSS Document */
.tab_view {
	display: none;
}
.pc_view {
	display: block;
}
.PageTitleStyle1 {
	margin: 0 0 10px;
}
.PageTitleStyle1 .SubTitle {
	color: #000;
	font-weight: bold;
}
.BrandingArea img.ShowSP, br.ShowSP {
	display: none;
}
.BrandingArea {
	height: 300px;
	background-position: center center;
}

.Workspace.vdi .BrandingArea {
	background-image: url(/products/it/ws_sol/solution/cloudgateway/image/branding_gateway.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.Workspace.c_vdi .BrandingArea {
	background-image: url(/products/it/ws_sol/solution/cloudgateway/image/branding_vdi.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.Productivity .BrandingArea {
	background-image: url(/products/it/ws_sol/picup/persona/images/branding_productivity.png) no-repeat;
}
.BrandingArea .TextArea {
	padding-right: 15px;
	padding-top: 30px;
}
.BrandingArea .TextArea.order {
	padding-right: 15px;
	padding-top: 10px;
}
.BrandingArea .TextArea .Text {
	background-color: rgba(255,255,255,.8);
	padding: 30px 40px 20px 40px;
	display: table;
	margin: 0 0 0 auto;
	width: 450px;
}
.Productivity .BrandingArea .TextArea .Text {
	background-image: url(/products/it/ws_sol/picup/persona/images/tag_productivity.png);
	background-position: right 20px top 20px;
	background-repeat: no-repeat;
}
/* .Workspace .BrandingArea .TextArea .Text {
	background-image: url(/products/it/ws_sol/picup/persona/images/tag_workspace.png);
	background-position: right 20px top 20px;
	background-repeat: no-repeat;
} */
body.p_i .Workspace .BrandingArea .TextArea .Text {
	background-image: none;
}
.Workplace .BrandingArea .TextArea .Text {
	background-image: url(/products/it/ws_sol/picup/persona/images/tag_workplace.png);
	background-position: right 20px top 20px;
	background-repeat: no-repeat;
}
.Productivity .BrandingArea .TextArea .Text {
	background-color: rgba(255,255,255,.9);
}
.Workspace .BrandingArea .TextArea .Text {
	border-left: 6px solid transparent;
}
.Productivity .BrandingArea .TextArea .Text {
	border-left: 6px solid #FF730A;
}
.Workplace .BrandingArea .TextArea .Text {
	border-left: 6px solid #0A8C0A;
}
.BrandingArea .TextArea .Title {
	font-weight: bold;
	font-size: 150%;
	color: #000;
}
.BrandingArea .TextArea p {
	font-size: 100%;
	margin-bottom: 10px;
}
/*.Productivity .Column2.LinkBox .Text {
	padding-left: 30px;
	padding-right: 30px;
}*/
.Column2.LinkBox {
	position: relative;
	box-sizing: border-box;
	padding-top: 30px;
}
.Column2.LinkBox a:link, .Column2.LinkBox a:visited {
	text-decoration: none;
	color: #1F1F1F;
}
.Column2.LinkBox a:hover .Text {
	background-color: #EEEEE4;
}
.Column2.LinkBox .Text {
	background-color: #F8F8F2;
	margin: 25px 50px 25px 25px;
	padding: 60px 50px 50px;
	text-align: center;
	position: relative;
	background-image: url(/products/it/ws_sol/picup/persona/images/arrow.png);
	background-repeat: no-repeat;
	background-position: bottom 15% center;
	box-sizing: border-box;
}
.Productivity .Column2.LinkBox {
	width: calc((100% - 32px) / 3);
}
.Productivity .Column2.LinkBox .Text, .Productivity .Column2.LinkBox.LastItem .Text {
	margin: 25px 15px;
}
.Productivity .Column2.LinkBox .Text {
	padding: 60px 35px 50px;
}
.Column2.LinkBox.LastItem .Text {
	margin: 25px 25px 25px 50px;
}
.Column2.LinkBox .Text .txtUnderline {
	margin: 30px auto;
	display: table;
	position: relative;
}
.Column2.LinkBox .Text .txtUnderline:after {
	content: '';
	width: 40px;
	position: absolute;
	bottom: -1px;
	left: calc(50% - 20px);
}
.Workspace .Column2.LinkBox .Text .txtUnderline:after {
	border-bottom: 2px solid #0A05A0;
}
.Productivity .Column2.LinkBox .Text .txtUnderline:after {
	border-bottom: 2px solid #FF730A;
}
.Column2.LinkBox .Text:before {
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	left: 0;
}
.Workspace .Column2.LinkBox .Text:before {
	border-top: 2px solid #0A05A0;
	border-left: 2px solid #0A05A0;
}
.Productivity .Column2.LinkBox .Text:before {
	border-top: 2px solid #FF730A;
	border-left: 2px solid #FF730A;
}
.Column2.LinkBox .Text:after {
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
	bottom: 0;
	left: 0;
}
.Workspace .Column2.LinkBox .Text:after {
	border-bottom: 2px solid #0A05A0;
	border-left: 2px solid #0A05A0;
}
.Productivity .Column2.LinkBox .Text:after {
	border-bottom: 2px solid #FF730A;
	border-left: 2px solid #FF730A;
}
.Column2.LinkBox.Text:after {
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
	bottom: 0;
	left: 0;
}
.Column2.LinkBox:before {
	content: '';
	position: absolute;
	width: 42px;
	height: 42px;
	top: 53px;
	right: 48px;
}
.Productivity .Column2.LinkBox:before {
	right: 13px;
}
.Column2.LinkBox.LastItem:before, .Column2.LinkBox.LastItem:after {
	right: 23px;
}
.Productivity .Column2.LinkBox.LastItem:before, .Column2.LinkBox.LastItem:after {
	right: 13px;
}
.Workspace .Column2.LinkBox:before {
	border-top: 2px solid #0A05A0;
	border-right: 2px solid #0A05A0;
}
.Productivity .Column2.LinkBox:before {
	border-top: 2px solid #FF730A;
	border-right: 2px solid #FF730A;
}
.Column2.LinkBox:after {
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
	bottom: 28px;
	right: 48px;
}
.Productivity .Column2.LinkBox:after {
	right: 13px;
}
.Workspace .Column2.LinkBox:after {
	border-bottom: 2px solid #0A05A0;
	border-right: 2px solid #0A05A0;
}
.Productivity .Column2.LinkBox:after {
	border-bottom: 2px solid #FF730A;
	border-right: 2px solid #FF730A;
}
.Workspace .Column2.LinkBox .Text p {
	font-size: 120%;
}
h2 {
	font-size: 147%;
	background: none;
}
#Related h2 {
	font-size: 100%;
	background: none;
}
#po01, #po02, #po03 {
	background: linear-gradient(-60deg, #E3F2F2, #FFFFEE);
}
.Workspace.vdi #po01 {
	background: none;
	padding-top: 30px;
}
.Workspace.c_vdi #po01 {
	background: none;
}
.Workspace.c_vdi #po02 {
	background: #EEF8F0;
	margin-bottom: 50px;
}
.Workspace.c_vdi #po01 {
	margin-bottom: 15px;
}
.Workspace.vdi #po01 .Inner {
	background-color: #4D4D4D;
	padding: 30px 15px;
	border-radius: 10px;
	width: 935px;
}
.Workspace.c_vdi #po01 .pbox.excep {
	background-color: #4D4D4D;
	padding: 30px 15px 10px 15px;
	border-radius: 10px;
	width: 935px;
}
.Section#po01 {
	padding-top: 20px;
/*	margin-top: 50px;*/
}
.Section#po01 .TextStyle1.top {
	font-weight: bold;
	color: white;
	font-size: 1.5em;
}
.Section#po01 .TextStyle1.bottom {
	font-weight: bold;
	color: #00416A;
	font-size: 1.7em;
}
.problem {
    display: table;
    border-radius: 60px;
    padding: 20px 70px 20px 125px;
	margin: 30px auto 10px;
}
.Workspace .problem {
    background: #8A88D1 url(/products/it/ws_sol/picup/persona/images/ico_problem.png) no-repeat center left 45px;
}
.Workspace.c_vdi .problem {
    background: #009dc2 url(/products/it/ws_sol/picup/persona/images/ico_problem.png) no-repeat center left 45px;
}
.Productivity .problem {
    background: #FF8F3B url(/products/it/ws_sol/picup/persona/images/ico_problem.png) no-repeat center left 45px;
}
.Workplace .problem {
    background: #0A8B0A url(/products/it/ws_sol/picup/persona/images/ico_problem.png) no-repeat center left 45px;
}
p.TextStyle0 {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px;
	line-height: 1.3;
}
.problem .TextStyle0 {
	color: #fff;
	text-align: center;
}
.problem p.TextStyle1 {
	color: #4d4d4d;
	font-size: 100%;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 0;
	font-weight: bold;
}
.pbox {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.pbox.excep {
	display: block;
}
.pbox.excep .inner {
	display: flex;
	justify-content: space-between;
}
.pbox .boxtitle {
	font-weight: bold;
	font-size: 1.7em;
	text-align: center;
	color: white;
}
.pbox .wrapper {
	text-align: center;
	width: calc((100% - 30px)/3);
	padding: 20px;
	letter-spacing: -1px;;
	position: relative;
	z-index: 2;
}
.precautionary {
	display: flex;
}
.precautionary p {
	font-size: 0.75em;
}
.gate {
	margin: 0 auto;
	margin-top: 60px;
}
.gate a {
	display: block;
	border-radius: 10px;
	background-image: url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
	background-repeat: no-repeat;
	background-position: right 20px center;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 140%;
	background-color: #0088BC;
	padding: 15px 40px;
	text-decoration: none;
}
.pbox .wrapper {
	position: relative;
}
.pbox.excep .wrapper:before {
	content:'';
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: #666666;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	z-index: -1;
}
.pbox.excep2 .wrapper:before {
	content:'';
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background-color: #F8FCFB;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	z-index: -1;
}
.pbox .wrapper .box {
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 99;
	padding-top: 70px;
}
.pbox.excep .wrapper .box {
	background-repeat: no-repeat;
	background-position: center top -25px;
	z-index: 99;
	padding-top: 85px;
}
.pbox.excep2 .wrapper .box {
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 99;
	padding-top: 95px;
}
.pbox .wrapper .box .TextStyle1 {
	font-size: 83%;
}
.Workspace.c_vdi .pbox.excep .wrapper .box.pbox01 {
	background-image: url(/products/it/ws_sol/solution/cloudgateway/image/ico_vdi01-1.png);

}
.Workspace.c_vdi .pbox.excep .wrapper .box.pbox02 {
	background-image: url(/products/it/ws_sol/solution/cloudgateway/image/ico_vdi01-2.png);
}
.Workspace.c_vdi .pbox.excep .wrapper {
	color: #FDFDFD;
}
.Workspace.c_vdi .pbox.excep .wrapper .box.pbox03 {
	background-image: url(/products/it/ws_sol/solution/cloudgateway/image/ico_vdi01-3.png);
}
.Workspace .pbox .wrapper .box.pbox04 {
	background-image: url(/products/it/ws_sol/picup/persona/images/ico_2-1.png);
}
.Workspace.c_vdi .pbox .wrapper .box.pbox04 {
	background-image: url(/products/it/ws_sol/solution/cloudgateway/image/ico_vdi02-1.png);
}
.Workspace.c_vdi .pbox .wrapper .box.pbox05 {
	background-image: url(/products/it/ws_sol/solution/cloudgateway/image/ico_vdi02-2.png);
}
.Workspace.c_vdi .pbox .wrapper .box.pbox06 {
	background-image: url(/products/it/ws_sol/solution/cloudgateway/image/ico_vdi02-3.png);
}
.Workspace.c_vdi .pbox .wrapper .box.pbox07 {
	background-image: url(/products/it/ws_sol/solution/cloudgateway/image/ico_vdi02-4.png);
}
.Workspace.vdi .pbox .wrapper .box.pbox04 {
	background-image: url(/products/it/ws_sol/solution/cloudgateway/image/ico_gateway_check.png);
	background-position: top center;
	background-repeat: no-repeat;
}
.Workspace .pbox .wrapper .box.pbox05 {
	background-image: url(/products/it/ws_sol/picup/persona/images/ico_2-2.png);
}
.Workspace .pbox .wrapper .box.pbox06 {
	background-image: url(/products/it/ws_sol/picup/persona/images/ico_2-3.png);
}
.Productivity .pbox .wrapper .box.pbox01 {
	background-image: url(/products/it/ws_sol/picup/persona/images/ico01.png);
}
.Productivity .pbox .wrapper .box.pbox02 {
	background-image: url(/products/it/ws_sol/picup/persona/images/ico02.png);
}
.Productivity .pbox .wrapper .box.pbox03 {
	background-image: url(/products/it/ws_sol/picup/persona/images/ico03.png);
}
.Workplace .pbox .wrapper .box.pbox01 {
	background-image: url(/products/it/ws_sol/picup/persona/images/workplace_ico01.png);
}
.Workplace .pbox .wrapper .box.pbox02 {
	background-image: url(/products/it/ws_sol/picup/persona/images/workplace_ico02.png);
}
.Workplace .pbox .wrapper .box.pbox03 {
	background-image: url(/products/it/ws_sol/picup/persona/images/workplace_ico03.png);
}

.Section.solve {
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 60px;
}
.Workspace.vdi .Section.solve,
.Workspace.c_vdi .Section.solve {
	background-image: url(/products/it/ws_sol/solution/cloudgateway/image/arrow_l.png);
}
.Workspace.c_vdi .Section.solve.excep {
	background-image: none;
	padding-top: 50px;
}
.Workspace.c_vdi .Section.solve {
	background-color: #EEF8F0;
}
.Workspace.c_vdi .Section.solve.nocolor {
	background-color: transparent;
}
.Workspace .Section.solve {
	background-image: url(/products/it/ws_sol/picup/persona/images/arrow_workspace.png);
}
.Productivity .Section.solve {
	background-image: url(/products/it/ws_sol/picup/persona/images/arrow_productivity.png);
}
.Workplace .Section.solve {
	background-image: url(/products/it/ws_sol/picup/persona/images/arrow_l_workplace.png);
}
.Section.solve .Inner {
	padding: 30px 42px;
	box-sizing: border-box;
}
.Section.solve.Column .Inner {
	padding: 30px 0;
}
.vdi .Section.solve p.solve {
	color: #014168;
	font-size: 1.65em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	line-height: 1.4;
}
.c_vdi .Section.solve p.solve,
.c_vdi .Section.solve h2.solve {
	color: #4d4d4d;
	font-size: 1.65em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0px;
	line-height: 1.4;
}
.Section.solve p.solve span {
	font-size: 140%;
}
.Workspace .Section.solve p.solve span {
	color: #0A05A0;
}
.Productivity .Section.solve p.solve span {
	color: #FF730A;
	line-height: 1.2;
}
.Workplace .Section.solve p.solve span {
	color: #0A8B0A;
}
.Workplace .Section.solve p.solve span span{
	font-size: 75%;
}
.Section.solve.Column p.solve span {
	font-size: 120%;
	line-height: 1.1;
}
.solve .BoxPatternB {
	background-color: #FCFCF2;
	margin: 30px auto 0;
	padding: 35px 40px 25px;
	border-radius: 10px;
}
.solve .BoxPatternB h2 {
	font-weight: bold;
	font-size: 130%;
}
.Workspace .solve .BoxPatternB h2 {
	color: #0A05A0;
}
.Workplace .solve .BoxPatternB h2 {
	color: #0A8B0A;
}
#Event img:hover {
	opacity: .8;
}
.Productivity ul.ListStyle1, .Workplace ul.ListStyle1 {
	font-size: 90%;
	margin-bottom: 15px;
}
.Productivity ul.ListStyle1 li {
	background: url(/products/it/ws_sol/picup/persona/images/ico_list.png) no-repeat 0 4px;
}
.Workplace ul.ListStyle1 li {
	background: url(/products/it/ws_sol/picup/persona/images/ico_list_workplace.png) no-repeat 0 4px;
}
.ButtonStyle1.Box {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	margin-top: 30px;
}
.ButtonStyle1.Box.wide {
	font-size: 150%;
}
.ButtonStyle1.Box a {
	background-position: right 12px center;
	background-image: url(/products/it/ws_sol/picup/persona/images/arrow_link.png);
	background-repeat: no-repeat;
	background-size: 15px 21px;
}
.ButtonStyle1.Box.wide a {
	background-position: right 7% center
}
.ButtonStyle1.Box a:hover {
	border-right: none;
	opacity: .8;
}
.ButtonStyle1.Box a:link, .ButtonStyle1.Box a:visited {
	background-color: #2D3250;
	border-radius: 8px;
	padding: 15px 40px 13px 30px;
	border-right: none;
	margin: 0 auto;
}
.ButtonStyle1.Box.wide a:link, .ButtonStyle1.Box.wide a:visited {
	width: 60%;
	padding: 20px 40px 18px 30px;
}
.title_p {
  color: #0A05A0;
  font-size: 134%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.4;
  margin-top: 15px;
}
.c_vdi .title_p,
.vdi .title_p {
  color: #0A05A0;
  font-size: 134%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.4;
  margin-top: 0px;
}
.c_vdi #po02 .Inner {
	padding-top: 15px;
}
.title_p span,
#event .title_p span {
    color: #0A05A0;
    font-size: 140%;
		border-bottom: 0px;
}
.c_vdi #po01 .title_p span,
.c_vdi #po02 .title_p span
 {
    color: #4d4d4d;
    font-size: 140%;
		border-bottom: 0px;
}
.title_wp {
  color: #0A8C0A;
  font-size: 134%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.4;
  margin-top: 15px;
}
.title_wp span {
    color: #0A8C0A;
    font-size: 140%;
		border-bottom: 0px;
}
.title_pr {
  color: #FF730A;
  font-size: 134%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.4;
  margin-top: 15px;
}
.title_pr span {
    color: #FF730A;
    font-size: 140%;
		border-bottom: 0px;
}
.ColumnSet.excep p {
	font-size: 120%;
}
.backarea {
	background-color: #FCFDF8;
}
.columnbox {
	display: flex;
	justify-content: space-between;
}
.columnbox.top {
	margin-top: 20px;
}
.columnbox.bottom {
	margin-bottom: 40px;
}
.columnbox .BoxPatternB {
	width: 46%;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 25px 1.5% 15px!important;
	background-color: #EAF5F1;
}
.columnbox .BoxPatternB h2 {
	text-align: left;
	color: #4D4D4D!important;
	font-size: 1.2em;
}
.vdi .TW_Ask p,
.c_vdi .TW_Ask p {
    text-align: center;
}
.c_vdi .nocolor .ImgOnlyStyle1 {
	margin-top: 10px;
}
.solve.text  {
	margin-top: 40px;
}
.Workspace.c_vdi .Section.solve p.solve span {
    color: #4d4d4d;
}
.columnbox.one_three .left {
	width: 25%;
}
.columnbox.one_three .right {
	width: 75%;
}
.vdi .columnbox.one_three .left .pbox.excep .inner {
    display: flex;
    justify-content: center!important;
}
.vdi .columnbox.one_three .left .pbox .wrapper {
    width: 100%;
}
.columnbox.one_three .left .pbox .boxtitle {
    font-size: 1.3em;
		background-color: #0088bc;
		padding-top: 7px;
		border-radius: 20px;
		width: 75%;
		margin: 0 auto;
}
.columnbox.one_three .right .pbox .boxtitle {
    font-size: 1.3em;
		background-color: #0088bc;
		padding-top: 7px;
		border-radius: 20px;
		width: 85%;
		margin: 0 auto;
}
.columnbox.one_three .pbox {
	padding-top: 95px;
}
.columnbox.one_three .left .pbox.excep {
		background-position: top center;
		background-image: url(/products/it/ws_sol/solution/cloudgateway/image/ico_gateway01-1.png);
		background-repeat: no-repeat;
}
.columnbox.one_three .right .pbox.excep {
		background-position: top center;
		background-image: url(/products/it/ws_sol/solution/cloudgateway/image/ico_gateway01-2.png);
		background-repeat: no-repeat;
}
.columnbox.one_three .pbox.excep .wrapper .box {
    padding-top: 40px;
		margin-top: -20px;
}
.columnbox.one_three .pbox.excep .wrapper {
    margin-top: 0px;
		padding-top: 0px;
		color: #FDFDFD;
}
.columnbox.one_three p.TextStyle0 {
    margin-top: 30px;
		width: 100%;
		text-align: center;
}
.columnbox.one_three .pbox.excep .wrapper:before {
    width: 180px;
    height: 180px;
		margin-top: 33px;
}
.mobile_view,
.sp_view {
	display: none;
}
/* .c_vdi .AdditionalNotesStyle2.excep dt {
    float: left;
    clear: left;
    width: 8em;
} */
.c_vdi .AdditionalNotesStyle2.excep dd {
    margin: -1.55em 0 4px 3.0em;
}
.pbox.excep .order .wrapper:before {
    width: 200px;
    height: 200px;
}
@media screen and (max-width: 994px) {
	.JS br.HideRWD3 {
		display: none;
	}
	.JS img.ShowSP {
		display: none;
	}
	.JS .Workspace .BrandingArea {
		background-position: center right;
	}
	.JS .Column2.LinkBox:before {
		top: 22px;
	}
	.JS .Productivity .ColumnSet {
		margin: 0;
	}
	.JS .Productivity .Column2.LinkBox:before {
		top: 23px;
	}
	.JS .Section.solve {
		padding-top: 60px;
	}
	.JS .Column2.LinkBox .Text {
		padding: 50px 40px 40px;
	}
	.JS .Section.solve p.solve {
		font-size: 120%;
	}
	.JS .Productivity .Column2.LinkBox .Text {
		padding-right: 20px;
		padding-left: 20px;
	}
	.JS .Productivity .Section.solve .Column2 p.solve span {
		font-size: 97%;
	}
	.JS .solve .BoxPatternB h2 {
		font-size: 120%;
	}
	.Workspace.c_vdi #po01 .pbox.excep,
	.Workspace.vdi #po01 .Inner {
    width: 95%;
		padding: 30px 2.5% 10px 2.5%;
}
.pc_view.reverse.speed {
	display: none;
}
}

@media screen and (max-width: 767px) {
	.vdi #po01 .Inner {
    height: auto;
		min-height: 1320px;
}
	.Workspace.c_vdi #po01 .pbox.excep {
	height: auto;
}
	.pbox.excep .inner,
	.columnbox.one_three {
    display: block;
}
.columnbox.one_three .left,
.columnbox.one_three .right {
	margin: 0 auto;
	width: 100%;
}
.columnbox.one_three .pbox.excep.three .wrapper .box {

}
.columnbox.one_three .pbox.excep.three .wrapper .box .TextStyle0 {
    margin-top: 32px;
}
.columnbox.one_three .pbox.excep.three .wrapper:before {
    margin-top: 43px;
}
.columnbox.one_three .pbox.excep.three .wrapper.two:before {
	margin-bottom: 15px;
}
	.pbox.excep .inner .wrapper {
		margin: 0 auto;
	}
	.pbox.excep .inner .wrapper.order {
		margin-top: 30px;
	}
	.pc_view.reverse {
		display: none;
	}
	.mobile_view {
		display: block;
	}
	.pc_view.reverse.tab_reverse {
		display: block;
	}
	.Workspace.vdi .BrandingArea {
		background-image: none;
	}
	.Workspace.c_vdi .BrandingArea {
		background-image: none;
	}
	.JS .BrandingArea {
		background: none;
		height: auto;
	}
	.JS .BrandingArea .TextArea {
		text-align: center;
	}
	.JS .BrandingArea .TextArea .Text {
		padding: 50px 20px 10px 20px;
		width: auto;
	}
	body.p_i .BrandingArea .TextArea .Text {
		padding: 10px 20px 10px 20px;
	}
	.Productivity .BrandingArea .TextArea .Text {
		background-position: center top;
	}
	.Workspace .BrandingArea .TextArea .Text {
		background-position: center top;
	}
	.Workplace .BrandingArea .TextArea .Text {
		background-position: center top;
	}
	.JS .BrandingArea .TextArea .Text {
		border-left: none;
	}
	.JS h1 {
		margin-bottom: 15px;
	}
	.JS h1 span {
		padding-left: 15px;
		padding-right: 15px;
	}
	/* .JS .Workspace h1 span {
		border-bottom: 3px solid #0A05A0;
	} */
	.JS .Productivity h1 span {
		border-bottom: 3px solid #FF730A;
	}
	.JS .Workplace h1 span {
		border-bottom: 3px solid #0A8C0A;
	}
	.JS .pbox .wrapper {
		padding: 5px 20px;
	}
	.JS .Workspace .Column2.LinkBox:before {
		top: -2px;
	}
	.JS .Column2.LinkBox.LastItem:before, .Column2.LinkBox.LastItem:after {
		right: 48px;
	}
	.JS .Productivity .Column2.LinkBox:after {
		right: 48px;
	}
	.JS .pbox {
		flex-direction: column;
	}
	.JS .pbox .wrapper {
		/* width: 50%; */
		align-self: center;
	}
	.JS .problem p.TextStyle1 {
		font-size: 80%;
	}
	.JS .problem .TextStyle0 {
		font-size: 100%;
	}
	.JS .problem {
		padding: 15px 38px 15px 110px;
	}
	.JS .Section.solve p.solve {
		font-size: 125%;
	}
	.JS .solve .BoxPatternB h2 {
		font-size: 125%;
	}
	.JS .Column2.LinkBox:after {
		bottom: 0;
	}
	.JS .Column2.LinkBox .Text {
		margin: 50px;
	}
	.JS .Productivity .Column2.LinkBox {
		width: 100%;
		padding-left: 0;
	}
	.JS .Productivity .Column2.LinkBox:before {
		top: -2px;
		right: 48px;
	}
	.Productivity .Column2.LinkBox.LastItem .Text {
		margin: 50px;
	}
	/*.JS .Productivity .Column2.FirstItem {
		margin-bottom: 50px;
	}*/
	.JS .ButtonStyle1.Box.wide a:link, .ButtonStyle1.Box.wide a:visited {
		width: 75%;
	}
	.JS .ButtonStyle1.Box.wide {
		font-size: 136%;
	}
	.JS .ButtonStyle1.Box {
		margin-bottom: 50px;
	}
	.JS .ButtonStyle1.Box.wide {
		margin-bottom: 0;
	}
	.JS .solve .Column2.FirstItem {
		margin-bottom: 30px;
	}
	.columnbox .BoxPatternB h2 {
    font-size: 1.1em!important;
	}
	.gate a {
    font-size: 1.2em;
	}
	.columnbox.one_three .pbox.excep .wrapper:before {
		width: 180px;
		height: 180px;
		margin-top: 23px;
	}

}

@media screen and (max-width: 579px) {
	.pc_view {
		display: none;
	}
.Section#po01 .TextStyle1.top {
    font-size: 1.2em;
}
	.JS img.ShowRWD {
		display: none;
	}
	.JS img.ShowSP, .JS br.ShowSP {
		display: block;
	}
	/*.JS .BrandingArea .TextArea .Title {
		font-size: 120%;
	}*/
	.JS .BrandingArea .TextArea p {
		font-size: 75%;
	}
		.JS .Section.solve .Inner {
		padding: 30px 0;
	}
	.JS .solve .BoxPatternB {
		padding: 15px;
	}
	.JS .problem {
		padding: 15px 38px 15px 87px;
		background-position: center left 20px;
	}
	.JS #storiesReading #storiesList li.sDetails {
		width: 100%;
	}
	.JS #storiesReading #storiesList li.sDetails a {
		margin: 0 auto;
	}
	.JS .Section.solve p.solve {
		font-size: 120%;
	}
	.JS h2 {
		font-size: 135%;
	}
	.JS .ButtonStyle1.Box.wide {
		font-size: 130%;
	}
	.title_p span,
	.title_wp span,
	.title_pr span {
	    font-size: 100%;
	}
	.columnbox {
		display: block;
	}
	.columnbox .BoxPatternB {
    width: 97%;
		padding: 25px 1.5% 15px!important;
		margin-top: 10px;
	}
	.gate a {
    font-size: 0.9em;
	}
	.c_vdi .problem {
    padding: 15px 38px 15px 87px;
    background-position: center left 20px!important;
	}
	.sp_view {
		display: block;
	}
	.JS .pbox .wrapper {
		width: 80%;
	}
}

@media screen and (max-width: 399px) {
	.JS .pbox .wrapper {
		width: 90%;
	}
	.Section#po01 .TextStyle1.top {
    font-size: 1.0em;
}
	br.HideRWD2 {
		display: none;
	}
	.JS .solve .BoxPatternB h2 {
		font-size: 100%;
	}
	.JS .solve .BoxPatternB .TextStyle1 {
		font-size: 80%;
	}

	.JS .Column2.LinkBox .Text {
		margin: 25px;
	}
	.JS .Column2.LinkBox:before {
		right: 22px;
	}
	.JS .Column2.LinkBox:after {
		right: 22px;
	}
	.JS .problem .TextStyle0 {
		font-size: 85%;
	}
	.JS .problem p.TextStyle1 {
		font-size: 67%;
	}
	.JS .Column2.LinkBox.LastItem:before, .Column2.LinkBox.LastItem:after {
		right: 23px;
	}
	.JS .Productivity .Column2.LinkBox:before, .JS .Productivity .Column2.LinkBox:after {
		right: 23px;
	}
	.JS .Productivity .Column2.LinkBox.LastItem .Text {
		margin: 25px;
	}
	.JS .Section.solve p.solve, .JS .Section.solve p.solve span {
		font-size: 100%;
	}
	.JS h2 {
		font-size: 120%;
	}
	.JS .ButtonStyle1.Box.wide {
		font-size: 100%;
	}
	.TopicsWS {
    margin-bottom: 0px;
	}
	div.Section.TW_Ask {
		padding-bottom: 5px;
	}
	.gate a {
    font-size: 0.8em;
	}
}