@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

.mv_area {
	background: #FFF;
}

.number_one p, .number_one strong {
  font-family: "Noto Serif JP", serif;
  font-weight: 900;
  font-style: normal;
}

.number_one_area {
	display: inline-block;
	text-align: center;	
}

.number_one {
	position: relative;
	text-align: center;	
}
.number_one:before {
	position: absolute;
	content: "";
	display: block;
	height: 110%;
	width: 50px;
	top: 8px;
	left: -30px;
	background: url(https://www.techs-s.com/wp-content/themes/technoa/img/common/medal_decoration.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
.number_one:after {
	position: absolute;
	content: "";
	display: block;
	height: 110%;
	width: 50px;
	top: 8px;
	right: -30px;
	background: url(https://www.techs-s.com/wp-content/themes/technoa/img/common/medal_decoration.svg);
	background-repeat: no-repeat;
	background-size: contain;
	transform: scaleX(-1);
}

.number_one strong {
	color          : #572f15;
	font-size: 2em;
	text-shadow    : 
       1px  1px 0px #ffffff,
      -1px  1px 0px #ffffff,
       1px -1px 0px #ffffff,
      -1px -1px 0px #ffffff,
       1px  0px 0px #ffffff,
       0px  1px 0px #ffffff,
      -1px  0px 0px #ffffff,
       0px -1px 0px #ffffff;
	filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.4));
}
.number_one p {
	color: #3d3a39;
	text-align:center!important;
  	text-shadow    : 
       1px  1px 2px #ffffff,
      -1px  1px 2px #ffffff,
       1px -1px 2px #ffffff,
      -1px -1px 2px #ffffff,
       1px  0px 2px #ffffff,
       0px  1px 2px #ffffff,
      -1px  0px 2px #ffffff,
       0px -1px 2px #ffffff;
}
.number_one p span {
	color: #7f1d20;
	font-size: 1.2em;
}

.number_one strong em {
	color: #b2821d;
	font-size: 2.8em;
	line-height: 1em;
	text-shadow    : 
       3px  3px 0px #ffffff,
      -3px  3px 0px #ffffff,
       3px -3px 0px #ffffff,
      -3px -3px 0px #ffffff,
       3px  0px 0px #ffffff,
       0px  3px 0px #ffffff,
      -3px  0px 0px #ffffff,
       0px -3px 0px #ffffff;
	filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.6));
}
.number_one_area {
	padding: 20px 50px;
	background: rgba(255,255,255,0.8);
	width: 100%;
}

.number_one_area cite {
	font-weight: bold;
}

.techs-s-top-right {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		background: url(https://www.techs-s.com/wp-content/themes/technoa/img/product/techs-s-noa/techs-s_background.png);
		background-position: center;
		max-width: 580px;
		color: #000;
	margin: 0!important;
}

.techs-s-top-right:before {
		position: absolute;
		right: 0;
		top: 0;
		content: "";
		display: block;
		background: linear-gradient(-90deg,rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 80%);
		height: 100%;
		width: 50px;
}


.product-top-view {
	display: flex;
	max-width: 1400px;
	margin: auto;
	justify-content: center;
	align-items: stretch;
	background: #FFF;
	padding-bottom: 0!important;
}

.top-cathch {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}


.top-cathch strong {
	padding: 20px 0 0 10px;
	font-size: 1.4em;
	color: #12347C;

}
.top-cathch strong span {
	color: #FD9134;	
}

.top-cathch div {
	background: url(https://www.techs-s.com/wp-content/themes/technoa/img/product/techs-s-noa/cloud.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	padding: 60px 30px 35px 30px;
	text-align: center;
	top: -25px;
	left: 0;
	font-weight: bold;
	color: #FFF;
	font-size: 1.1em;
}

.top-cathch div span {
display: block;
}

.product-top-view h1 {
	text-align: center;
	color: #12347C;
	padding: 5px 5px 10px 5px;
	font-size: 1.4em;
	margin-bottom: 20px;
}



.product-top-view div figure figcaption {
	margin-top: 10px!important;
	text-align: center;
	color: #0856A0;
	font-weight: bold;
	font-size: 1.5em;
}

.product-top-view div figure img {
	max-width: 520px;
	object-fit: contain;
}

.techs-s-top-left {
	display: flex; 
	flex-direction: column;
	align-items: center;
	margin: 40px 20px 20px 0;
	max-width: 580px;
	width: 100%;
}

@media print, screen and (max-width: 560px){
	.techs-s-top-left h1 {
		margin-top: 50px;
	}
	.product-top-view {
		flex-wrap: wrap;
	}
	.techs-s-top-left {
		width: 100%;
	}
	.product-top-view div figure img {
		width: 100%;
	}
	.top-cathch div {
		font-size: 1em;
		margin-right: 10px;
		padding: 35px 20px 20px 20px;
	}
	.top-cathch strong {
		padding: 0;
		font-size: 1.2em;
	}
}