@charset "UTF-8";

/* Business Enterprise
 * Dir: /solutions/business_enterprise
 ****************************/
body {
  background: none;
}
#container {
  background: #fff no-repeat top;
}
#main .box .col2 {
	margin-bottom: 0;
}
#main .box .col2 {
	padding-top: 40px;
}
#main .box .col2.last {
  padding-top: 40px;
	padding-bottom: 40px;
}
#main .box .col2.white {
	padding-top: 0;
	background: #fff;
}
#main .box .col2.green {
	padding-top: 0;
	background: #e5f6ee;
}
#main .box .col2.green p,
#main .box .col2.green li {
	color: #666;
}
#main .box .col2.green li {
	margin-bottom: 10px;
}
#main .box .col2 p {
	margin-top: 0;
}
small {
	font-size: 84%;
}
.txt-left {
	text-align: left;
}
.txt-center {
	text-align: center;
}
.txt-right {
	text-align: right;
}
.v-middle {
	vertical-align: middle;
}
.mx-auto {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.letter-spacing--01{
	letter-spacing: -1px;
}
#main .title-green {
    font-size: 36px;
	font-weight: bold;
	color: #2b9352;
	padding: 1.4em 0 0.6em 0;
}
#main .border_block {
    width: 816px;
	margin-top: 10px;
	background: #fff;
	box-shadow: 0px 0px 9px -6px #777777;
	padding: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#main .white .border_block {
	background: #e5f6ee;
}
#main .border_block h3{
    font-size: 22px;
	font-weight: bold;
	color: #2b9352;
    margin: -0.165em 0 0.6em 0;
}
#main .border_block h4{
    font-size: 16px;
	font-weight: bold;
    margin: 0 0 0.2em 0;
}
#main .border_block.feature-list {
	padding: 0;
}
#main .border_block.feature-list .horizontal {
	width: 100%;
 	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#main .border_block.feature-list .text {
	padding: 50px 10px 50px 50px;
	width: calc(100% - 390px);
}
#main .border_block.feature-list .text p:last-child {
	margin-bottom:0;
}
#main .border_block.feature-list .trim_box {
    width: 330px;
    position: relative;
    overflow: hidden;
}
#main .border_block.feature-list .trim_box:before {
	content:"";
	position: absolute;
	z-index:1;
	top: -20px;
	left: 0;
	margin-left: -40px;
	width: 80px;
	height: 120%;
	background: #fff;
	transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
}
#main .border_block.feature-list .trim_box img {
	width: 350px;
	height: 352px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#main .border_block.feature-list .trim_box.big img {
	width: 350px;
	height: 420px;
}
#main .video_canvas {
    display: inline-block;
    position: relative;
}
#main .video_canvas img {
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#main .video_canvas video {
    position: absolute;
    width: 66.4%;
    top: 13.8%;
    left: 17.5%;
}


/*
 * メインビジュアル
 */
div.solution-visual {
  width: 100%;
  min-width: 960px;
  height: 414px !important;
  overflow: hidden;
  margin: 0 auto -89px;
}

div.solution-visual img {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1000px;
  width: 2000px;
}

@media screen and (max-width: 767px) {
  div.solution-visual {
    min-width: 0;
    height: 0 !important;
    padding-top: 43.1%;  /* 414/960 */
    margin-bottom: -9.2%;  /* (414-325)/960 */
  }

  div.solution-visual img {
    left: 0;
    min-width: 208%;  /* 2000/960 */
    margin-left: -54%;  /* (208-100)/2 */
  }
}

/*
 * タブ
 */
#content .tab,
#content .tab ul {
  width: 940px;
}

#content .tab {
  margin: 0 auto;
  padding: 0;
}

#content .tab ul li.tab_6 {
  margin-right: 10px;
}

#content .tab ul li.tab_6,
#content .tab ul li.tab_6 a {
  width: 124px;
}

#content .tab ul li.tab_6:first-child,
#content .tab ul li.tab_6:first-child a {
  width: 230px;
}
#content .tab ul li.tab_6:last-child,
#content .tab ul li.tab_6:last-child a {
  width: 162px;
}

#content .tab ul li.tab_6 a span {
  font-size: 16px;
}

#content .tab ul li.tab_5,
#content .tab ul li.tab_5 a {
  width: 171px;
}
#content .tab ul li.tab_5:first-child,
#content .tab ul li.tab_5:first-child a {
  width: 230px;
}


#content .tab ul li {
  border: none;
  margin-bottom: 19px;
}

#content .tab ul li.active {
  padding: 0;
  background: none;
}

#content .tab ul li.active a span.arrow {
  top: auto;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
  width: 0;
  height: 0;
  background-image: none;
  border-top: 10px solid;
	border-top-color: #0075be;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}

#content .tab ul li.last {
  margin-right: 0;
}

#content .tab ul li a {
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(81, 81, 81, 0.3);
  box-shadow: 0 0 5px rgba(81, 81, 81, 0.3);
	color: #0075be;
	line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
}
#content .tab ul li:nth-child(n).active a,
#content .tab ul li:nth-child(n).active a:hover {
  color: #fff;
	background: #0075be !important;
}


#content .tab ul li:nth-child(n) a:hover {
  color: #aaa;
  background: #fff;
}

#content .tab ul li a span {
  font-weight: 500;
  font-family: 'Noto Sans JP', sans-serif;
}

/*
 * コンテンツ
 */
.sp_only {
	display: none;
}
#main h3.subvisual {
  margin-bottom: 0;
}
#main .box {
  width: 816px;
	margin: 0 auto;
}
.solution_map_wrap {
  padding: 54.8px 0 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: normal;
}

#main .solution_map_wrap .h1_block,
#main .solution_map_wrap .h2_block {
	width: 520px;	
	margin-right: auto;	
	margin-left: auto;
}
#main .solution_map_wrap .h1_title {
	font-size: 18px;
	font-weight: 300;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.8;
	letter-spacing: 0.08em;
	white-space: nowrap;
	color: #0075be;
	margin-bottom: 42.8px;
}
#main .solution_map_wrap .message_block {
	margin-top: 48px;
	margin-right: -60px;
	margin-bottom: 38px;
	margin-left: -60px;
}
#main .solution_map_wrap .h2_title {
	font-size: 20px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.04em;
	white-space: nowrap;
	color: #0075be;
	margin-bottom: 30px;
}
.solution_map {
	/*height: 1561px;*/
	max-width: 816px;
	background-image: url(https://www.eizoglobal.com/solutions/business_enterprise/solution_map_bg_bottom.png), url(https://www.eizoglobal.com/solutions/business_enterprise/solution_map_bg.png) ;
	background-repeat: no-repeat, no-repeat;
	background-position: bottom left, top left;
	background-size: contain, contain;
}
.solution_map_top {
	position: relative;
	height: 740px;
}
.solution_map_bottom {
	position: relative;
}
.solution_map_top .btn_group .w_01 {
	width: 170px;
}
.solution_map_top .btn_group .w_01_1 {
	width: 186px;
}
.solution_map_top .btn_group .w_02 {
	width: 361px;
}
.solution_map_top .btn_group .w_03 {
	width: 573px;
}
.solution_map_top .btn_group .w_04 {
	width: 795px;
	max-width: calc(100% - 20px);
}
.solution_map_top .btn_group .map_btn a{
	display: block;
	position: relative;
	height: 90px;
	font-size: 13px;
	font-weight: 500;
  white-space: nowrap;
	color: #0075be;
	text-decoration: none;
	background: #f7f7f6;
	background-repeat: no-repeat;
	border-radius: 0.6rem;
	padding: 24px 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 5px rgba(81, 81, 81, 0.3);
  box-shadow: 0 0 5px rgba(81, 81, 81, 0.3);
}
.solution_map_top .btn_group .map_btn a:hover {
	background-color: #fff !important;
}
.solution_map_top .btn_group .map_btn a:after {
	content: "";
	display: inline-block;
	width: 29px;
	height: 29px;
	background-image: url(https://www.eizoglobal.com/solutions/business_enterprise/icon_open.png);
  background-size: contain;
  vertical-align: middle;
	position: absolute;
	bottom: 3px;
	right: 3px;
}

.solution_map_top .btn_group .map_btn.w_01 a{
	padding: 12px 20px;
}
.solution_map_top .btn_group .map_btn.w_01_1 a{
	padding: 25px;
}
.solution_map_top .btn_group .map_btn.w_03 a,
.solution_map_top .btn_group .map_btn.w_04 a{
	padding: 25px 60px;
}

.solution_map_top .btn_group .map_btn {
	position: absolute;
}
#btn01 {
	top: 300px;
	left: 10px;
}
#btn02 {
	top: 160px;
	left: 202px;
}
#btn03 {
	top: 400px;
	left: 10px;
}
#btn04 {
	top: 500px;
	left: 10px;
}
#btn05 {
	top: 600px;
	left: 10px;
}
#btn06 {
	top: 700px;
	left: 10px;
}
#btn07 {
	top: 319px;
	left: 620px;
}
#btn08 {
	top: 20px;
	left: 10px;
}
#btn09 {
	top: 160px;
	left: 10px;
}
#btn01 a{
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/btn01.png");
	background-position: right center;
	background-size: 153px 102px;
}
#btn02 a{
	height: 130px;
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/btn02.png");
	background-position: bottom -3px right -14px;
	background-size: 141px 92px;
}
#btn03 a{
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/btn03.png");
	background-position: right center;
	background-size: 195px 131px;
}
#btn04 a{
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/btn04.png");
	background-position: right center;
	background-size: 263px 93px;
}
#btn05 a{
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/btn05.png");
	background-position: bottom -54px right 0;
	background-size: 436px 263px;
}
#btn06 a{
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/btn06.png");
	background-position: bottom -96px right 0;
	background-size: 469px 313px;
}
#btn07 a{
	height: 271px; 
	white-space: normal;
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/btn07.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 184px 135px;
}
#btn08 a{
	height: 130px;
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/btn08.png");
	background-position: bottom -10px right 0;
	background-size: 151px 108px;
}
#btn09 a{
	height: 130px;
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/btn09.png");
	background-position: bottom -33px right -50px;
	background-size: 180px 164px;
}

.solution_map_top .modal_group .modal {
	display: none;
	position: absolute;
	width: 775px;
  background: #f5f7f9;
	background-repeat: no-repeat;
  color: #333;
	border-radius: 0.6rem;
  -webkit-box-shadow: 1px 3px 8px rgba(33,33,33,.5);
  box-shadow: 1px 3px 8px rgba(33,33,33,.5);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.solution_map_top .modal_group .modal .modal_inner{
	position: relative;
	padding: 25px;
}
.solution_map_top .modal_group .modal .modal_inner .close {
	display: inline-block;
	width: 32px;
	height: 32px;
  vertical-align: middle;
	position: absolute;
	top: 3px;
	right: 3px;
}
.solution_map_top .modal_group .modal .modal_inner .close img{
	cursor: pointer;
	width: 32px;
	height: 32px;
}
#modal01 {
	top: 250px;
	left: 20px;
}
#modal02 {
	top: 130px;
	left: 20px;
}
#modal03 {
	top: 350px;
	left: 20px;
}
#modal04 {
	top: 450px;
	left: 20px;
}
#modal05 {
	top: 540px;
	left: 20px;
}
#modal06 {
	top: 480px;
	left: 20px;
}
#modal07 {
	top: 300px;
	left: 502px;
}
#modal08 {
	top: 20px;
	left: 20px;
}
#modal09 {
	top: 130px;
	left: 20px;
}
#modal01 {
	width: 390px;
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal01.png");
	background-position: top -6px right -30px;
	background-size: 207px 130px;
}
#modal02 {
	width: 490px;
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal02.png");
	background-position: top 10px right -46px;
	background-size: 300px 117px;
}
#modal03 {
	width: 553px;
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal03.png");
	background-position: top -48px right -200px;
	background-size: 463px 289px;
}
#modal04 {
	width: 553px;
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal04.png");
	background-position: top -170px right -3px;
	background-size: 172px 445px;
}
#modal05 {
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal05.png");
	background-position: top -14px right -80px;
	background-size: 354px 201px;
}
#modal06 {
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal06.png");
	background-position: top -40px right -220px;
	background-size: 563px 302px;
}
#modal07 {
	width: 290px;
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal07.png");
	background-position: top -140px left -100px;
	background-size: 590px 354px;
}
#modal07 .modal_inner {
	padding-top: 130px;
}
#modal08 {
  width: 553px;
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal08.png");
	background-position: top 40px right -70px;
	background-size: 344px 212px;
}
#modal09 {
  width: 553px;
	background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal09.png");
	background-position: top 44px right -28px;
	background-size: 268px 171px;
}
.solution_map_top .modal_group .modal .model_no {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #276fc8;
  padding: 4px 20px;
  border: 1px solid #276fc8;
  border-radius: 100px;
  margin-bottom: 10px;
}
.solution_map_top .modal_group .modal h3 {
	font-size: 22px;
	font-weight: 500;
	color: #0075be;
	margin-bottom: 10px !important;
}
.solution_map_top .modal_group .modal p {
	font-size: 13px !important;
	margin-bottom: 15px;
}
#modal02 p {
	padding-right: 200px;
}
.solution_map_top .modal_group .modal .readmore {
  text-align: center;
}
.solution_map_top .modal_group .modal .readmore a {
  display: block;
  width: 200px;
	color: #fff;
  text-align: center;
  background: #0075be url(https://www.eizoglobal.com/solutions/business_enterprise/arrow_white.png) no-repeat 96% center;
  padding: 12px 0;
  margin: 0 auto;
  -webkit-box-shadow: 1px 3px 5px rgba(39,111,200,.4);
  box-shadow: 1px 3px 5px rgba(39,111,200,.4);
}
.solution_map_top .modal_group #modal08.modal .readmore a,
.solution_map_top .modal_group #modal09.modal .readmore a {
  margin: 0;
}

.solution_map_bottom {
	display:-webkit-box;
  display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: center;
	padding-top: 20px;
}
.solution_map_bottom .premium {
	width: 380px;
}
.solution_map_bottom .standard {
	width: 196px;
}
.solution_map_bottom .basic {
	width: 206px;
}
.solution_map_bottom .premium_wrap {
	display:-webkit-box;
  display:-ms-flexbox;
	display: flex;
}
.solution_map_bottom .premium_wrap > div {
	width: 189px;
}
.solution_map_bottom .premium_wrap .premium02,
.solution_map_bottom .standard .standard01,
.solution_map_bottom .basic .basic01 {
  padding-top: 26px;
}
.solution_map_bottom .title {
	color: #fff;
	font-size: 16px;
	height: 30px;
	padding-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.solution_map_bottom .premium .title {
	background: #006eb3;
}
.solution_map_bottom .standard .title {
	background: #008cbb;
}
.solution_map_bottom .basic .title {
	background: #7ecef4;
}
.solution_map_bottom .premium .title.sub_title {
  font-size: 14px;
  height: 26px;
  line-height: 1;
	background: #3755b3;
  margin-bottom: 0;
}
.solution_map_bottom .type_box {
	width: 170px;
	min-height: 246px;
	margin: 0 auto 8px;
	padding-bottom: 20px;
	border-bottom: 1px solid #91bce2;
}
.solution_map_bottom .type_box.last{
	border-bottom-width: 0;
}
.solution_map_bottom .type_box a {
	color: inherit;
	text-decoration: none;
}
.solution_map_bottom .type_box .type_image {
	height: 158px;
	display:-webkit-box;
  display:-ms-flexbox;
	display: flex;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 10px;
}
.solution_map_bottom .type_box .type_connect {
	text-align: left;
	margin-bottom: 5px;
	height: 21px;
}
.solution_map_bottom .type_box .connect {
	display: inline-block;
	font-size: 10px;
	color: #3865ad;
	background: #fff;
	border: 1px solid #3865ad;
	border-radius: 0.3rem;
	padding: 2px 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}
.solution_map_bottom .type_box .type_sdgs {
	text-align: left;
	margin-bottom: 5px;
}
.solution_map_bottom .type_box .size {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	background: #0075be;
	border-radius: 0.3rem;
	padding: 2px 5px;
}
.solution_map_bottom .type_box .resolution {
	display: inline-block;
	font-size: 12px;
	color: #0075be;
	letter-spacing: -0.05rem;
	background: #fff;
	border-radius: 0.3rem;
	padding: 2px 5px;
	margin-left: 5px;
}
.solution_map_wrap .link_txt {
	margin: 30px 0 40px;
	text-align: center;
}
.solution_map_wrap .link_txt a{
	color: #1646b8;
}


/* pickup
**************************/

body.solutions #main div.pickup {
  margin-top: 40px;
  border: 1px solid #a6aab0;
}

body.solutions #main div.pickup h4 {
  color: #ffffff;
  background-color: #a6aab0;
  font-size: 20px;
  padding: 10px 0 10px 30px;
}

body.solutions #main div.pickup > .contents {
  padding: 10px 30px 20px 30px;;
}

body.solutions #main div.pickup > .contents .horizontal {
  border-bottom: 1px solid #cccfd4;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

body.solutions #main div.pickup > .contents .horizontal:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

body.solutions #main div.pickup > .contents .horizontal div.text p {
  margin-bottom: 0;
  font-size: 14px;
}

body.solutions .text a.arrow_right{
  background-position: 2px 6px;
}


/*
*/
#container {
	overflow: hidden;
}
#parallax01{
	position: absolute;
	top: 600px;
    left: -140px;
}
#parallax02{
	position: absolute;
	top: 3200px;
    right: -140px;
}
#parallax03{
	position: absolute;
	top: 5600px;
    left: -140px;
}

.scroll-in {
  opacity: 0.8;
  transform: translate(0, 0);
}

@media screen and (max-width:960px) {
  #main .border_block.feature-list .horizontal {
    gap: 0 0;
  }
  #main .border_block {
    max-width: 100%;
    box-sizing: border-box;
  }
  .solutions div.solution-visual img {
    max-width: initial ;
  }
  .solution_map_bottom .premium {
    max-width: 46%;
  }
  .solution_map_bottom .standard,
  .solution_map_bottom .basic {
    max-width: 23%;
  }
  .solution_map_bottom .premium_wrap {
    justify-content: space-between;
  }
  .solution_map_bottom .premium_wrap > div {
    max-width: 48%;
  }
  .solutions .solution_map_bottom .type_box .type_image {
    height: auto;
  }
  .solutions .solution_map_bottom .type_box .type_image a{
    height: 154px;
  }
  .solutions .solution_map_bottom .type_box .type_image img{
    max-height: 100%;
  }
  .solutions .solution_map_bottom .type_box .type_connect img{
    max-height: 100%;
  }
}
@media screen and (max-width: 767px) and (orientation: portrait), screen and (max-width: 767px) and (orientation: landscape) {
  .solutions div.solution-visual img {
    max-width: 100%;
  }

  .sp_only {
    display: block;
  }
  .solutions .solution_map {
    background: none;
  }
  .solutions .solution_map_wrap {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .solutions #main .solution_map_wrap .h1_block,
  .solutions  #main .solution_map_wrap .h2_block {
    max-width: 100%;
    box-sizing: border-box;
  }
  .solutions #main .solution_map_wrap .h1_title {
    font-size: 14px;
    line-height:2;
    color: #0075be;
    letter-spacing: 0.02em;
    margin-top:30px;
    margin-bottom: 30px;
  }
  .solutions #main .solution_map_wrap .message_block {
    margin-top: 30px;
    margin-right: -10px;
    margin-bottom: 30px;
    margin-left: -10px;
  }
  .solutions #main .solution_map_wrap .h2_title {
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.02em;
    white-space: nowrap;
    color: #0075be;
    margin: 0 0 30px;
    padding: 0;
    background: none;
    border: none;
  }

  .solutions #main .solution_map_wrap .h2_block + .sp_only{
    margin-bottom:20px;
  }
  .solutions #main .solution_map_wrap .h2_block + .sp_only a{
    display:block;
    /*max-width:305px;*/
    margin:0 auto 10px;
    text-align:center;
    color:#fff;
    font-size: 16px;
    padding:10px 0;
    border-radius:2rem;
  }
  .solutions #main .solution_map_wrap .h2_block + .sp_only a:first-child{
    background:#006eb3 url(https://www.eizoglobal.com/solutions/business_enterprise/icon_arrowBtm.png) no-repeat right 16px top 50%;
  }
  .solutions #main .solution_map_wrap .h2_block + .sp_only a:nth-child(2){
    background:#008cbb url(https://www.eizoglobal.com/solutions/business_enterprise/icon_arrowBtm.png) no-repeat right 16px top 50%;
  }
  .solutions #main .solution_map_wrap .h2_block + .sp_only a:nth-child(3){
    background:#7ecef4 url(https://www.eizoglobal.com/solutions/business_enterprise/icon_arrowBtm.png) no-repeat right 16px top 50%;
  }
  .solutions #premium,
  .solutions #standard,
  .solutions #basic {
    position:relative;
    background:#006eb3;
    padding:70px 10px 20px;
    border-top-left-radius:0.3rem;
    border-top-right-radius:0.3rem;
  }
  .solutions #standard {
    background:#008cbb;
  }
  .solutions #basic {
    background:#7ecef4;
  }
  .solutions #premium:before,
  .solutions #standard:before,
  .solutions #basic:before{
    content:"Premium";
    display:block;
    width:90%;
    background:#fff;
    padding:8px 0;
    color:#006eb3;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    border-radius:2rem;
    position:absolute;
    top:15px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .solutions #standard:before{
    content:"New Standard";
    color:#008cbb;
  }
  .solutions #basic:before{
    content:"Basic";
    color:#7ecef4;
  }
  .solutions br.pc_only{
    display:none;
  }
  .solutions .solution_map_top {
    position: static;
    height: auto;
  }
  .solutions .solution_map_top .btn_group .map_btn {
    width: 100%;
    max-width: 100%;
    position: static;
    margin-bottom:10px;
  }
  .solutions .solution_map_top .btn_group .map_btn a{
    display: flex;
    align-items:center;
    position: relative;
    height: auto !important;
    min-height:90px;
    color: #0075be;
    text-decoration: none;
    background-color: #f7f7f6;
    background-repeat: no-repeat;
    border-radius: 0.3rem;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 5px rgba(81, 81, 81, 0.3);
    box-shadow: 0 0 5px rgba(81, 81, 81, 0.3);
  }
  .solutions .solution_map_top .btn_group .map_btn a:hover {
    background-color: #fff;
  }
  .solutions .solution_map_top .btn_group .map_btn a:after {
    content: "";
    display: inline-block;
    width: 29px;
    height: 29px;
    background-image: url(https://www.eizoglobal.com/solutions/business_enterprise/icon_open.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    bottom: 3px;
    right: 3px;
  }
  .solutions div[id^="btn01"] a{
    background-image: url(https://www.eizoglobal.com/solutions/business_enterprise/btn01.png) !important;
    background-position: right center !important;
    background-size: 153px 102px !important;
  }
  .solutions div[id^="btn02"] a{
    background-image: url(https://www.eizoglobal.com/solutions/business_enterprise/btn02.png) !important;
    background-position: bottom -3px right -14px !important;
    background-size: 141px 92px !important;
  }
  .solutions div[id^="btn03"] a{
    background-image: url(https://www.eizoglobal.com/solutions/business_enterprise/btn03.png) !important;
    background-position: top -20px right -50px !important;
    background-size: 195px 131px !important;
  }
  .solutions div[id^="btn04"] a{
    background-image: url(https://www.eizoglobal.com/solutions/business_enterprise/btn04.png) !important;
    background-position: top 0 right -60px !important;
    background-size: 263px 93px !important;
  }
  .solutions div[id^="btn05"] a{
    background-image: url(https://www.eizoglobal.com/solutions/business_enterprise/btn05.png) !important;
    background-position: top -20px right -100px !important;
    background-size: 250px 150px !important;
  }
  .solutions div[id^="btn06"] a{
    background-image: url(https://www.eizoglobal.com/solutions/business_enterprise/btn06.png) !important;
    background-position: bottom -96px right -250px !important;
    background-size: 469px 313px !important;
  }
  .solutions div[id^="btn07"] a{
    background-image: url(https://www.eizoglobal.com/solutions/business_enterprise/btn07.png) !important;
    background-repeat: no-repeat;
    background-position: top 10px right 10px !important;
    background-size: 95px 70px !important;
  }
  .solutions div[id^="btn08"] a{
    background-image: url(https://www.eizoglobal.com/solutions/business_enterprise/btn08.png) !important;
    background-repeat: no-repeat;
    background-position: bottom 0 right 0 !important;
    background-size: 151px 108px !important;
  }
  .solutions div[id^="btn09"] a{
    background-image: url(https://www.eizoglobal.com/solutions/business_enterprise/btn09.png) !important;
    background-repeat: no-repeat;
    background-position: bottom -33px right -20px !important;
    background-size: 180px 164px !important;
  }
  .solutions .solution_map_top .modal_group .modal {
    display: none;
    position:absolute;
    width: calc(100% - 30px) !important;
    left: 15px !important;
    background: #f5f7f9;
    background-repeat: no-repeat;
    color: #333;
    border-radius: 0.6rem;
    -webkit-box-shadow: 1px 3px 8px rgba(33,33,33,.5);
    box-shadow: 1px 3px 8px rgba(33,33,33,.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .solutions .solution_map_top .modal_group .modal .modal_inner{
    position: relative;
    padding: 30px 20px;
  }
  .solutions .solution_map_top .modal_group .modal .modal_inner .close {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    position: absolute;
    top: 3px;
    right: 3px;
  }
  .solutions .solution_map_top .modal_group .modal .modal_inner .close img{
    cursor: pointer;
    width: 32px;
    height: 32px;
  }
  
  .solutions #modal01 {
    background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal01.png");
    background-position: top -6px right -60px !important;
    background-size: 207px 130px !important;
  }
  .solutions #modal02 {
    background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal02.png");
    background-position: top 40px right -50px;
    background-size: 200px 78px;
  }
  .solutions #modal03 {
    background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal03.png");
    background-position: top 0 right -96px;
    background-size: 250px 156px;
  }
  .solutions #modal04 {
    background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal04.png");
    background-position: top -70px right -16px;
    background-size: 100px 259px;
  }
  .solutions #modal05 {
    background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal05.png");
    background-position: top 0 right -180px;
    background-size: 354px 201px;
  }
  .solutions #modal06 {
    background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal06.png");
    background-position: top 33px right -230px;
    background-size: 400px 214px;
  }
  .solutions #modal07 {
    background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal07.png");
    background-position: top -40px right -120px;
    background-size: 300px 180px;
  }
  
  #modal07 {
    height: auto;
  }
  #modal07 .modal_inner {
    padding-top: 30px;
  }
  #modal07 .modal_inner .txt-right {
    text-align: left;
  }
  .solutions #modal08 {
    background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal08.png");
    background-position: bottom 40px right -80px;
    background-size: 225px 138px;
  }
  .solutions #modal09 {
    background-image: url("https://www.eizoglobal.com/solutions/business_enterprise/modal09.png");
    background-position: bottom 40px right -60px;
    background-size: 198px 127px;
  }
  .solutions .solution_map_top .modal_group .modal h3 {
    font-size: 16px;
    color: #0075be;
    margin-top:0;
    margin-bottom: 10px !important;
  }
  .solutions #main .solution_map_top .modal_group .modal p {
    font-size: 11px;
  }
  .solutions .solution_map_top .modal_group .modal .readmore {
    text-align: center;
  }
  .solutions .solution_map_top .modal_group .modal .readmore a {
    display: block;
    width: 200px;
    color: #fff;
    text-align: center;
    background: #0075be url(https://www.eizoglobal.com/solutions/business_enterprise/arrow_white.png) no-repeat 96% center;
    padding: 12px 0;
    margin: 0 auto;
    -webkit-box-shadow: 1px 3px 5px rgba(39,111,200,.4);
    box-shadow: 1px 3px 5px rgba(39,111,200,.4);
  }


  .solutions .premium,
  .solutions .standard,
  .solutions .basic {
    padding: 0;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    margin-bottom: 30px;
  }
  .solutions .premium {
    background: #cae3f9;
  }
  .solutions .standard {
    background: #ceebfb;
  }
  .solutions .basic {
    background: #e8f7f8;
  }
  .solutions .premium:before {
    content:"";
    display:block;
    width:100%;
    padding-top:14%;
    background:url(https://www.eizoglobal.com/solutions/business_enterprise/premium.svg) no-repeat;
    background-size:contain;
  }
  .solutions .standard:before {
    content:"";
    display:block;
    width:100%;
    padding-top:14%;
    background:url(https://www.eizoglobal.com/solutions/business_enterprise/standard.svg) no-repeat;
    background-size:contain;
  }
  .solutions .basic:before {
    content:"";
    display:block;
    width:100%;
    padding-top:14%;
    background:url(https://www.eizoglobal.com/solutions/business_enterprise/basic.svg) no-repeat;
    background-size:contain;
  }
  .solutions .premium .title,
  .solutions .standard .title,
  .solutions .basic .title {
    display:none;
  }
  .solutions .premium .title.sub_title {
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 1;
    background: #3755b3;
    border-radius: 100px;
    padding: 10px;
    margin: 0 25px;
  }
  .solutions .premium .premium01 {
    background: #bbcfec;
    margin: 0 12px 12px;
    padding-top: 25px;
  }
  .solutions .type_box {
    width: 90%;
    margin: 0 auto 8px;
    padding-top: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #91bce2;
  }
  .solutions .type_box.last{
    border-bottom-width: 0;
  }
  .solutions .type_box a {
    color: inherit;
    text-decoration: none;
  }
  .solutions .type_box .type_image {
    width: 200px;
    margin: 10px auto 10px;
    text-align: center;
  }
  .solutions .type_box .type_image img {
    zoom:60%;
    width: auto !important;
    height: auto !important;
  }
  .solutions .type_box .type_connect {
    width: 174px;
    margin:0 auto 5px;
    text-align: left;
    /*height: 21px;*/
  }

  .solutions .type_box .type_connect .v-middle{
    vertical-align:top;
  }
  .solutions .type_box img[alt="USB-TYPEC"]{
    width: 38px !important;
  }
  .solutions .type_box img[alt="USB-TYPEC"] + img{
    margin-left:5px !important;
  }
  .solutions .type_box img[alt="Sustainable Monitor"]{
    width:119px !important;
  }
  .solutions .type_box .connect {
    display: inline-block;
    font-size: 10px;
    color: #3865ad;
    background: #fff;
    border: 1px solid #3865ad;
    border-radius: 0.3rem;
    padding: 2px 5px;
    margin-left: 5px;
  }
  .solutions .type_box .type_sdgs {
    width: 174px;
    margin:0 auto 5px !important;
  }
  .solutions .type_box .type_sdgs  + div {
    width: 174px;
    margin:0 auto;
    text-align: center;
  }
  .solutions .type_box .size {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background: #0075be;
    border-radius: 0.3rem;
    padding: 2px 5px;
  }
  .solutions .type_box .resolution {
    display: inline-block;
    font-size: 12px;
    color: #0075be;
    letter-spacing: -0.05rem;
    background: #fff;
    border-radius: 0.3rem;
    padding: 2px 5px;
    margin-left: 5px;
  }
  .solutions .premium02 > div:last-child {
    border-bottom:none;
  }
  .solutions .solution_map_wrap .link_txt {
    margin: 20px 0 40px;
    text-align: center;
  }
  .solutions .solution_map_wrap .link_txt a{
    color: #1646b8;
  }
  .solutions .v-middle {
    vertical-align: middle;
  }
  .solution_map_bottom {
    padding-top: 0;
  }
  .solution_map_top .modal_group .modal p,
  #modal02 p {
    padding-right: 130px;
  }
}
@media screen and (max-width:480px) {
  .solutions .mt65,
  .solutions .mt60 {
    margin-top: 20px !important;
  }
  #main .solution_map_wrap .h1_title {
    white-space: normal;
  }
  .solutions #main .solution_map_wrap .h2_title {
    white-space: normal;
  }
	body.solutions #main div.pickup h4 {
	font-size: 14.08px !important;
	padding: 10px !important;
	}
  .solutions .twenty-container h3{
    text-align:center;
  }
  .solutions .twenty-container .monitor_caption{
    display:none;
  }
  .solutions .twenty-container .monitor_caption_mobile{
    display:block !important;
    text-align:center;
    margin-top: 10px;
  }
  .solutions .twenty-container .monitor .twentytwenty img{
    border-bottom:1px solid #fff;
    position: relative;
  }
  .solutions .twentytwenty {
    left: 0 !important;
  }
  .solutions .twentytwenty-handle {
    display: none;
  }
  .solutions .changeImage-container h3 {
    margin: 1.8em 0 0.8em!important;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    color: #0075be;
  }
  .solutions .changeImage-container .changeImage_caption {
    width: 100%;
    margin: 15px auto 10px;
    display: flex;
    justify-content: space-between;
  }
  .solutions .changeImage-container .changeImage_caption > div{
    display: flex;
    width:49%;
  }
  .solutions .changeImage-container .changeImage_caption a {
    display:flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 8px 0;
    text-align: center;
    color: #0075be;
    text-decoration: none;
    background: #fff;
    border: 1px solid #0075be;
    border-radius: 0.3rem;
  }
  .solutions .changeImage-container .changeImage_caption a.image_on,
  .solutions .changeImage-container .changeImage_caption a:hover {
    color: #fff;
    background: #0075be;
  }
  .solutions .border_block .changeImage-container .changeImage_caption a {
    color: #2b9352;
    border: 1px solid #2b9352;
  }
  .solutions .border_block .changeImage-container .changeImage_caption a.image_on,
  .solutions .border_block .changeImage-container .changeImage_caption a:hover {
    color: #fff;
    background: #2b9352;
  }
  .solutions .mt60{
    margin-top: 60px;
  }
  .solutions .parallax{
    display:none;
  }
  .solutions .center{
    text-align: center;
  }
  .solutions #main .box .title-green {
    font-size: 18px;
    color: #2b9352;
    background: none;
    border: none;
    margin: 0.7em 0 1em 0;
    padding: 0;
    line-height:1.4;
  }
  .solutions #main .box .col2.white {
    margin: -15px 0 15px;
    padding: 15px;
    background: #fff;
  }
  .solutions #main .box .col2.green {
    margin: -15px 0 15px;
    padding: 15px;
    background: #e5f6ee;
  }
  .solutions .pc_only,
  .solutions .pc-only {
    display:none;
  }
  .solutions #main .border_block {
    width:100%;
    margin-top: 10px;
    background: #fff;
    box-shadow: 0px 0px 9px -6px #777777;
    padding: 20px 15px 15px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .solutions #main .white .border_block {
    background: #e5f6ee;
  }
  .solutions #main .border_block .mt30 {
    margin-top:0;
  }
  .solutions #main .border_block.feature-list {
    padding: 0;
  }
  .solutions #main .border_block.feature-list .text {
    padding: 20px 15px 0 15px;
    box-sizing: border-box;
  }
  .solutions #main .border_block.feature-list .graph {
    margin-bottom:0;
  }
  .solutions #main .border_block h3 {
    font-size: 16px;
    font-weight: bold;
    margin-top:0;
  }
  .solutions #main .mr30.v-middle + .v-middle{
    margin-top:10px !important;
  }
  .solutions #main .box .graph img[alt="Sustainable Monitor"]{
    width:237px !important;
    margin-bottom:20px !important;
  }
  .solutions #main .video_canvas {
    display: inline-block;
    position: relative;
  }
  .solutions #main .video_canvas img {
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .solutions #main .video_canvas video {
    position: absolute;
    width: 65.7%;
    top: 9%;
    left: 17.8%;
    max-width:100%;
  }
  .solutions div.horizontal div.text.ml30 {
    margin-left: 0 !important;
  }
  .solutions #main .box .col2 {
    padding-top: 20px;
  }
  .solutions #main .border_block.feature-list .horizontal {
    flex-direction: column;
  }
  .solutions #main .border_block.feature-list .text {
    width: 100%;
  }
  #main .border_block.feature-list .trim_box {
    width: 100%;

  }
  #main .border_block.feature-list .trim_box img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transform: none;
    transform: none;
  }
  #main .border_block.feature-list .trim_box:before {
    content: none;
  }
  /* tab */
  .page .tab_1 {
    display :none !important;
  }
}