/* ===== Solution_level1 ===== */

#Page__level1.Page__Soution .HeadingPrimary .Heading{
	margin: 0;
	padding-bottom:0.2em;
	border-bottom:1px solid;
	border-color:var(--kblue);
	
	color:#333;
	font-weight: 300;
} 
#Page__level1.Page__Soution .SolutionTopCard{
	width: 100%;
	height: 363px;
	margin: 50px 0 0 0;
	
	background-color:var(--kblue);
	color:#FFF;
	position: relative;
	
	display: flex;
	justify-content: flex-start;
	align-items: center;
	
	overflow: hidden;
} 
	@media only screen and (min-width: 560px) and (max-width: 959px) {
		#Page__level1.Page__Soution .SolutionTopCard{
		height: auto;
		margin: 30px 0 0 0;
		padding: 50px 30px 30px 30px;
		}
	}
	@media only screen and (max-width: 559px) {
		#Page__level1.Page__Soution .SolutionTopCard{
		height: auto;
		margin: 20px 0 0 0;
		padding: 40px 20px 20px 20px;
		}
	}

#Page__level1.Page__Soution .SolutionTopCard .SolutionTopCard_body{
	width:100%;
	height:363px;
	padding: 0 35px;
	display: flex;
	flex-direction: column;	
	justify-content: center;
	
	position: relative;
	background: linear-gradient(to right, #00a8a9 448px, transparent 449px, transparent 100% );
	z-index: 2;
} 
	@media only screen and (min-width: 560px) and (max-width: 959px) {
		#Page__level1.Page__Soution .SolutionTopCard .SolutionTopCard_body{
		width:100%;
		height:auto;
		padding: 0;
		}
	}
	@media only screen and (max-width: 559px) {
		#Page__level1.Page__Soution .SolutionTopCard .SolutionTopCard_body{
		width:100%;
		height:auto;
		padding: 0;
		}
	}
	
#Page__level1.Page__Soution .SolutionTopCard .SolutionTopCard_body .Heading{
	font-size: 40px;
	line-height: 56px;
	border-bottom:2px solid #cccccc;
	font-weight: 700;
	margin-bottom:1em;
} 
	@media only screen and (min-width: 560px) and (max-width: 959px) {
		#Page__level1.Page__Soution .SolutionTopCard .SolutionTopCard_body .Heading{
		font-size: 36px;
		line-height: 48px;
		}
	}
	@media only screen and (max-width: 559px) {
		#Page__level1.Page__Soution .SolutionTopCard .SolutionTopCard_body .Heading{
		font-size: 24px;
		line-height: 36px;
		}
	}
#Page__level1.Page__Soution .SolutionTopCard .SolutionTopCard_body .Text_catch{
	width:310px;
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	margin: 0;
}
	@media only screen and (min-width: 560px) and (max-width: 959px) {
		#Page__level1.Page__Soution .SolutionTopCard .SolutionTopCard_body .Text_catch{
		width:auto;
		font-size: 18px;
		line-height: 26px;
		}
	}
	@media only screen and (max-width: 559px) {
		#Page__level1.Page__Soution .SolutionTopCard .SolutionTopCard_body .Text_catch{
		width:auto;
		font-size: 16px;
		line-height: 24px;
		}
	}
#Page__level1.Page__Soution .SolutionTopCard .SolutionTopCard_body .Text{
	width:310px;
	margin-top:0.5em;
}
	@media only screen and (max-width: 959px) {
		#Page__level1.Page__Soution .SolutionTopCard .SolutionTopCard_body .Text{
		width:auto;
		}
	}
#Page__level1.Page__Soution .SolutionTopCard .Image{
	width:652px;
	position: absolute;
	right: 0;
	top:0;
	z-index: 1;
} 
	@media only screen and (max-width: 959px) {
		#Page__level1.Page__Soution .SolutionTopCard .Image{
		width:100%;
		margin-top: 1em;
		position: relative;
		left: auto;
		top:auto;
		}
	}
#Page__level1.Page__Soution .SolutionTopCard .Button{
	position: absolute;
	left:448px;
	bottom: 0;
	z-index: 3;
	
	background-color: rgba(0,168,169,0.8);
}

	@media only screen and (max-width: 959px) {
		#Page__level1.Page__Soution .SolutionTopCard .Button{
		width:200px;
		position: relative;
		display: block;
		margin: 1em auto 0 auto;
		left:auto;
		bottom: auto;
		background-color: var(--kblue-exdeep);
  
	-webkit-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
		}
	}
#Page__level1.Page__Soution .SolutionTopCard a {
	 color:#FFF;
	 text-decoration: none;
	 -webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
	}
#Page__level1.Page__Soution .SolutionTopCard a:hover {
	 opacity: 0.7;
	}

#Page__level1.Page__Soution .SolutionTopCard a:hover .Button {
	   /*border: 1px solid #00a8a9;*/
	  background-color: rgba(0,168,169,1);
	}

	@media only screen and (max-width: 959px) {
		#Page__level1.Page__Soution .SolutionTopCard a:hover .Button {
		background-color :#028b8e;
		}
	}
	
	


/* ===== Solution_level2 ===== */

/*#Page__level2.Page__Soution .Section__heading h2.Button:hover {
	  background-color: var(--kblue);
	  color:#FFF;
	}
*/

#Main__Content #Page__level2.Page__Soution .Section__heading.-headingLink {
	padding: 0;
	background:rgba(0,0,0,0);
}
	@media only screen and (min-width: 560px) and (max-width: 959px) {
		#Main__Content #Page__level2.Page__Soution .Section__heading.-headingLink {
		padding: 0;
		}
	}
	@media only screen and (max-width: 559px) {
		#Main__Content #Page__level2.Page__Soution .Section__heading.-headingLink{
		padding: 0;
		}
	}
#Main__Content #Page__level2.Page__Soution .Section__heading.-headingLink .Link_block{
	padding: 4rem 20rem 1rem 10rem;
	background: var(--kblue);
}
	@media only screen and (min-width: 560px) and (max-width: 959px) {
		#Main__Content #Page__level2.Page__Soution .Section__heading.-headingLink .Link_block{
		padding: 3rem 5em 1rem 5rem;
		}
	}
	@media only screen and (max-width: 559px) {
		#Main__Content #Page__level2.Page__Soution .Section__heading.-headingLink .Link_block{
		padding: 2rem 2rem 1rem 2rem;
		}
	}


/*
#Page__level2.Page__Soution #Main__Inner .Block__section:first-child {
  margin-top: 50px;
}
	 @media only screen and (min-width: 560px) and (max-width: 959px) {
	  #Page__level2.Page__Soution #Main__Inner .Block__section:first-child {
		margin-top: 50px;
	  }
	}
	@media only screen and (max-width: 559px){
	  #Page__level2.Page__Soution #Main__Inner .Block__section:first-child {
		margin-top: 30px;
	  }
	}
*/
/* ===== Solution_level3 ===== */
 
#Page__level3.Page__Soution .Hero .Hero__heading {
	font-size: 3.2rem;
	font-weight: 300;
	line-height: 1;
	color: #333;
}
	@media only screen and (min-width: 560px) and (max-width: 959px) {
		#Page__level3.Page__Soution .Hero .Hero__heading {
		font-size: 2.6rem;
		}
	}
	@media only screen and (max-width: 559px) {
	   #Page__level3.Page__Soution .Hero .Hero__heading {
		font-size: 2.4rem;
		}
	}
#Page__level3.Page__Soution .Lead__section {
margin-top:5rem;
}
	@media only screen and (min-width: 560px) and (max-width: 959px) {
		#Page__level3.Page__Soution .Lead__section {
		margin-top:3rem;
		}
	}
	@media only screen and (max-width: 559px) {
	   #Page__level3.Page__Soution .Lead__section {
		margin-top:2rem;
		}
	}
/*#Page__level3.Page__Soution .Block__section {
margin-top:10rem;
}
	@media only screen and (min-width: 560px) and (max-width: 959px) {
		#Page__level3.Page__Soution .Block__section {
		margin-top:6rem;
		}
	}
	@media only screen and (max-width: 559px) {
	   #Page__level3.Page__Soution .Block__section {
		margin-top:4rem;
		}
	}
*/

.GridBox{
	width:100%;
	margin-top: 5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
	column-gap:3rem;
	row-gap:5rem;
}
	@media only screen and (min-width: 560px) and (max-width: 959px) {
		.GridBox{
		margin-top: 4rem;
		}
	}
	@media only screen and (max-width: 559px) {
	   .GridBox{
		margin-top: 3rem;
		}
	}
.Grid__Item{
	width:100%;
	word-wrap: break-word;
}
.GridBox.-frame .Grid__Item{
border:1px solid;
border-color: var(--gray-line);
}
.GridBox.-grid3 .Grid__Item{
	width:calc((100% - 6rem)/3);
	margin: 0;
}
	@media only screen and (max-width: 559px) {
		.GridBox.-grid3{
			column-gap:2rem;
			row-gap:4rem;
			}
	   .GridBox.-grid3 .Grid__Item{
		width:calc((100% - 3rem)/2);
		}
	}
.GridBox.-grid2 .Grid__Item{
	width:calc((100% - 3rem)/2);
	height: 100%;
	margin: 0;
}
	@media only screen and (max-width: 559px) {
		.GridBox.-grid2{
			column-gap:3rem;
			row-gap:4rem;
			}
		.GridBox.-grid2 .Grid__Item{
		width:calc((100% - 3rem)/2);
		}
	}

.GridBox .Grid__Item .heading_Link{
width:100%;
}
.GridBox .Grid__Item .heading{
width:100%;
padding: 1.6rem 2rem;
background-color: var(--gray-light);
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		.GridBox .Grid__Item .heading_Link a,
		.GridBox .Grid__Item .heading_Link.-noLink{
			min-height: 8rem;
		}
		.GridBox .Grid__Item .heading{
			padding: 1.6rem 2rem;
			min-height: 8rem;
		}
	}
	@media only screen and (max-width: 559px) {
		.GridBox .Grid__Item .heading_Link a,
		.GridBox .Grid__Item .heading_Link.-noLink{
		min-height: 9rem;
		}
		.GridBox .Grid__Item .heading{
		padding: 1.2rem 1.5rem 0 1.5rem;
		min-height: 9rem;
		}
	}

.media_Img{
	width: 100%;
	margin: 0;
}
.media_Img a:hover{
	opacity: 0.7;
}
.media_Body{
width:100%;
margin: 0;
}
.datalist{
width:100%;
padding-top: 1rem;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
}
.datalist dt{
width:100%;
font-size: 80%;
margin-top: 0.5em;
border-bottom:1px solid;
border-color: var(--gray-line);
}
.datalist .data_device,
.datalist .data_method,
.datalist .data_overview,
.datalist .data_features,
.datalist .data_formula{
width:10em;
display: inline-block;
color:var(--kblue-deep);
background-color: var(--gray-light);
line-height: 1;
padding: 0.8rem 0 0.5rem 0.8rem;
margin: 0;
}
.datalist dd{
width:100%;
font-size: 90%;
margin-top: 0.5em;
padding-bottom: 0.5em;
}

.media_Body .Button .Button__text{
font-size: 90%;
}


/*==========modal==========*/
@media screen and (max-width: 767px) {
.modal img {
	width:inherit;
}
}
.modal {
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  display:none;
  z-index: 999;
}

/*.modalin {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  display:none;
}*/
.overLay {
  position:absolute;
  position:fixed;
  top:0;
  left:0;
  background:rgba(0,0,0,0.7);
  width:100%;
  height:100%;
  z-index:10;
}
.modal .inner {
	width:70%;
	height: 86vh;
	margin: 0;
  position:fixed;
  z-index:11;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  padding:40px 40px 60px;
  overflow: scroll;
}

/*@keyframes modal{
  0% {top:-100%}
  100% {top:50%}
}
@keyframes modalClose {
  0% {top:50%}
  100% {top:100%}
} */


@media screen and (max-width: 767px) {
	.modal .inner {
	width:85%;
	padding:20px;
	position:absolute;
	top:0;
	transform:translate(-50%,7vh);
	}
}


a:hover img.rover {
-moz-opacity:0.7;
opacity:0.7;
filter: alpha(opacity=70);
}
a.modalClose,
a.modalClose img{
	width:22px;
	display: inline-block;
}
.align--Right {
  text-align: right !important;
}
.heading_Level2  {
  margin: 24px 0 24px 0;
  padding: 0 0 8px 0;
  line-height: 1.3;
  border-bottom: 1px solid #00a8a9;
}

.leftbox {
	float:left;
	width:48%;
}

.leftbox .media_Img img {
	width:100% !important;
}

 .rightbox {
	float: right;
	width:48%;
}
@media screen and (max-width: 767px) {
	.leftbox {
		float: none;
		width:100%;
	}
	.leftbox .media_Img img {
		width:100% !important;
		margin-bottom:1em;
	}
	.rightbox {
		float: none;
		width:100%;
	}	
}