@charset"utf-8";    /*中之島Lab用css*/
*{                          /*すべての要素に装飾が適用*/
  box-sizing: border-box;   /*レスポンシブ対応に必要*/
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&family=Yanone+Kaffeesatz&display=swap');
html {
  font-size: 62.5%;  /*標準ルートフォント16pxに0.625を掛けると10px remを使うときに必要*/
} 
/*@media screen and (min-width: 1200px) {
html {
  font-size: 80%;
}
}
@media screen and (min-width: 1024px) and (max-width:1199px) {
html {
  font-size: 70%;
}
}*/
media screen and (min-width: 1200px) and (max-width: 2000px){
html {
  font-size: 16px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
html {
  font-size: 16px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
html {
  font-size: 16px;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
html {
  font-size: 62.5%;
}
}
body{
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #222222;
  /*font-family:'Verdana',sana-serif;*/
  /*font-family:'Noto Sans JP',sana-serif;*/
  /*font-family:'Yanone Kaffeesatz',sana-serif;*/
  font-family: 'Roboto', sans-serif;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  line-height: 2;
  /*font-size: 1.6em;*/
}
p,h1,h2,h3,h4,h5,h6{
  /*margin-top: 0;*/
  margin: 0;
}
a {
  text-decoration: none;
}
h1{
  margin: 0;
  padding: 0;
  font-size: 5rem;
  font-weight: 300;   /*標準は400*/
}
h2{
  font-size: 4rem;
  font-weight: 300;   /*標準は400*/
}
h3{
  font-size: 3rem;
  font-weight: 300;   /*標準は400*/
}
h4{
  font-size: 2rem;
  font-weight: 300;   /*標準は400*/
}
h5,h6{
  font-size: 1.8rem;
  font-weight: 200;   /*標準は400*/
}
p{
  font-size: 1.6rem;
  font-weight: 400;   /*標準は400*/
}
.arrow{
  width: 30px;
  height: 30px;
  border: 5px solid;
  border-color: #0088ff #0088ff transparent transparent;
  transform: rotate(135deg);
}
/*==================btn==================================*/
#wrap .btn a{
  text-decoration: none;
  background-color: #009cd3;
  color: #ffffff;
  font-size: 2rem;
  padding: 0 5% 0 ;
  text-align: center;
  line-height: 40px;
  /*margin-top: 100px;*/
  border-radius: 50px;
  border: 3px solid #009cd3;
}
#wrap .btn a:hover{
  text-decoration: none;
  background-color: #ffffff;
  color: #009cd3;
}
/*===========================header================================*/
header .container{
  display: inline-flex;
  justify-content: space-between; 
  background-color: #ffffff;
  /*background-color: red;*/
  align-items: center;
  width: 100%;
  /*height: 35px;*/
  height: 3rem;
}
nav {
  margin-top: 0;
  padding:0;
}
header .headA{
  margin-top: 5px;
  padding-left: 20px;
  font-weight: 500;   /*標準は400*/
  font-size: 2rem;
/* line-height: 70px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;*/
  /*background-color: blue;*/
}

header .headB{
   /*background-color: yellow;*/
}
header .headB nav{
   /*background-color: yellow;*/
}


.headB ul{
  display: flex;
  margin: 0;
  padding: 0;
}
.headB a{
  display: block;
  padding: 15px;
  color: inheit;
  font-size: 12px;
  text-decoration: none;
}
.headB a:hover{
  background-color: rgba(0,0,0,0.3);
}*/
header .headC{
  margin-top: 5px;
  /*background-color: green;*/
}
/*==============================hメニュー=======================*/
#hmenu{
  margin:0:
  padding: 5px;
  background: #ffffff;
}
#hcheck, #hclose {display:none;}
#hopen{
  display: block;
  width: 58px;
  cursor: pointer;
}
#hopen img{ display: block;}
#hclose, nav{
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
}
#hclose{
  z-index: 2;
  width: 100%;
  background: transparent;
  opacity: 0.5;
  transition: 0.3s;
}
nav{
  z-index: 3;
  /*width: 330px;*/
  width: 70vw;
  background-color: #fff;
  transition: 0.3s;
  transform: translateX(-100%);
}
#hcheck:checked ~ #hclose { display: block;}
#hcheck:checked ~ nav{
  transform: translateX(0);
  box-shadow: 4px 0 12px rgba(0,0,0,0.4);
  overflow-y: scroll; 
}
/*
.nav{
  float: right;
  margin-top: 5px;
}*/
nav li{
 /*margin:  20px;*/
 margin: 20px auto;
 font-size: 1.8rem;
 list-style: none;
 text-align:center;
}

/*===========================ハンバーガーアイコン================================*/
.btn-burger {
  cursor: pointer;
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0px;
  right: 10px;
}
/*ハンバーガーアイコンを作る三本線*/
.icon, .icon:before, .icon:after {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 3px; 
  width: 23px; 
  background-color: #000;
  border-radius: 2px;
  display: block;
  content: '';
  cursor: pointer;
  margin: auto;
}
.icon:before {
  top: 16px;
}
.icon:after {
  top: -16px;
}
/*チェックボックス非表示*/
.nav-toggle {
  display: none;
}
/*===================アイコンをクリックしたら=================================*/
.nav-toggle:checked ~ .btn-burger .icon {
  background: transparent;
}
.nav-toggle:checked ~ .btn-burger .icon:before {
  transform: rotate(-45deg);
  top: 0;
}
.nav-toggle:checked ~ .btn-burger .icon:after {
  transform: rotate(45deg);
  top: 0;
}
.icon,.icon:before,.icon:after {
  transition: all .8s;
}

/*====================================footer==================================*/
footer .container{
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  padding: 15px 0 10px 0;
  text-align: left;
  background-color: #e6e6e6;
} 
.top{
  align-items：end;
  /*align-self: end;*/
  margin-left: auto;
}
.copyright{
  align-items：start;
  /*align-self: start;*/
  margin-top: 10px;
}
footer li{
  display: list-item;  /* 縦に並べる */
  list-style-type: none;
  text-transform: uppercase;
  padding: 0.5em;
}
footer{
  font-size: 1.6rem;
}
/*============scroll-snap======================*/
/*#wrap .container{
  overflow: auto;
  scroll-snap-type: y mandatory;
  height: 100vh;
}
#wrap .container{
  scroll-snap-align: start;
  height: 100vh;
}*/
/*===================================indexページのconA==============================*/
#wrap .container{
 display: flex;
 margin: 0;
 padding: 30px;
 flex-direction: column;
}
#wrap .container{
  line-height: 1.1;
}
#wrap .container2{
 display: flex;
 margin: 0;
 padding: 30px;
 flex-direction: column;
}
/*================================album==================================*/
/*.album img{
  max-width: 100%;
  height: auto;
  padding: 50px; 
}*/
.album {
  /*margin: auto;*/
  margin: 0;
  /*background-color: blue;*/
  background-color: #fff;
  position: relative;
}
.album img{
  /*max-width: 100%;
  height: auto;*/
  object-fit: cover;
  /*width: 450px;
  height: 334px;*/
  width: 100%;
  height: 90vh;
}
.album .img1 {
  display: block;
  margin: 0 auto;
}
.album .img2 {
  position: absolute;
  top: 0;
}
.album .img3 {
  position: absolute;
  top: 0;
  /*object-position: 10% 80%;*/
}
.album .img4 {
  position: absolute;
  top: 0;
}
.album .img5 {
  position: absolute;
  top: 0;
}
.album .img6 {
  position: absolute;
  top: 0;
}
.album .img7 {
  position: absolute;
  top: 0;
 
}
.album .img8 {
  position: absolute;
  top: 0;
}
/*
For "n" images You must define:
a=presentation time for one image
b=duration for cross fading
Total animation-duration is of course t=(a+b)*n
animation-delay = t/n or = a+b
Percentage for keyframes:

1  0%
2  a/t*100%
3  (a+b)/t*100% = 1/n*100%
4  100%-(b/t*100%)
5  100%
*/
@keyframes album {
0% {
  opacity: 0;
}
15% {
  opacity: 1;
}
18% {
  opacity: 1;
}
20% {
  opacity: 0;
}
100% {
  opacity: 0;
}
}
/*@-webkit-keyframes album {
0% {
  opacity: 0;
}
2% {
  opacity: 1;
}
10% {
  opacity: 1;
}
12.5% {
opacity: 0;
}
}*/
.album img {
  animation-name: album;
  animation-duration: 24s;
  animation-iteration-count: infinite;
  opacity: 0;
}
.album .img2 {
  animation-delay:3s;
}
.album .img3 {
  animation-delay:6s;
}
.album .img4 {
  animation-delay:9s;
}
.album .img5 {
  animation-delay:12s;
}
.album .img6 {
  animation-delay:15s;
}
.album .img7 {
  animation-delay:18s;
}
.album .img8 {
  animation-delay:21s;
}
/*============700px以上はここを読み込む===================*/
@media screen and (min-width:700px){
.album{
  /*background-color: red;*/
  background-color: #fff;
  /*display: flex;*/
  width: 1200px;
  margin: 10px auto;
  padding: 0;
  /*flex-direction: column;*/
  /*justify-content: space-between;*/
  /*justify-content: space-around;*/
  /*justify-content: center;*/
}
.album img{
  /*max-width: 100%;
  height: auto;*/
  object-fit: cover;
  /*width: 450px;
  height: 334px;*/
  width: 100%;
  height: 90vh;
}
}
/*===================================conA===================================*/
.conX h5,h6{
  font-size: 1.8rem;
  font-weight: 200;   /*標準は400*/
  background-color: rgba(0,0,0,0.5);
}
/*==========================================================*/
.conA {
  display: flex;
  flex-direction: column;
  justify-content: space-around; 
  background-image: url(./img_lab/oosaka.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width:100%;
  height:100vh;
}
.conA_0{flex: 0 0 15vh;}
.conA_1{flex: 0 0 35vh;}
.conA_2{flex: 0 0 35vh;}
.conA h2,h3{
  line-height: 1.0;
  margin-bottom: 2%;
}
/*===================================conA2===================================*/
.conA2 {
  display: flex;
  flex-direction: column;
  /*justify-content: space-around;*/ 
  justify-content: space-between;
  /*background-image: url(./img_lab/oosaka.jpg);*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width:100%;
  height:100vh;
  margin: 5% 0;
}
/*=========================700px以上はここを読み込む===================================*/
@media screen and (min-width:700px){ 
.conA2 {
  width: 1200px;
  margin: 10px auto;
  padding: 0;
}
}
.conA2_0{flex: 0 0 30vh;}
.conA2_1{flex: 0 0 30vh;}
/*.conA2_2{flex: 0 0 30vh;}*/
.conA2 h2,h3{
  line-height: 1.0;
  margin: 2% 0;
}
.conA2 h5{
  line-height: 1.5;
  margin-bottom: 2% 0;
}
/*===================================conBCD===================================*/
.conB {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center; 
  background-image: url(./img_lab/rokko_02.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover;
  width:100%;
  height:100vh;
}
/*=====================conBCDの子要素box=======================================*/
.boxA{background-color: #fff;
  flex: 0 0 5vh;
  align-self: center;
  margin-bottom: 5px;
  padding: 1px 5px;
}
.boxB{flex: 0 0 80vh;}
.boxC{
  flex: 0 0 10vh;
  align-self: center;
}
/*=======================conBCD==================*/
.conC {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center; 
  background-image: url(./img_lab/weighing_01.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover;
  width:100%;
  height:100vh;
}
/*========================conBCD==================*/
.conD {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center; 
  background-image: url(./img_lab/camera.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width:100%;
  height:100vh;
}
/*========================conBCD==================*/
.conE {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center; 
  background-image: url(./img_lab/gps_12.jpg);
  background-repeat: no-repeat;
  background-position: 70% 10%;;
  background-size: cover;
  width:100%;
  height:100vh;
}
.conE2 {
  background-image: url(./img_lab/alive_01.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width:100%;
  height:100vh;
}
/*========================conBCD==================*/
.conF {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center; 
  background-image: url(./img_lab/temp_humi_01.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width:100%;
  height:100vh;
}
/*========================conBCD==================*/
.conG {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center; 
  background-image: url(./img_lab/robo_01.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width:100%;
  height:100vh;
}
/*=======================indexページ終わり=========================*/
/*=======================製品開発紹介menu<div lass="product_development">=========================*/
.product_development{
  /*background-color: blue;*/
  background-color: #fff;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.dev_content{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 0;
  padding: 0;
}
.dev_content img{
  /*max-width: 100%;*/
  /*height: auto;*/
  object-fit: cover;
  width: 334px;
  height: 334px;
}
.dev_content_left{
  /*background-color: lightgray;*/
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 20px 20px 0; /* 上 | 右 | 下 | 左 */
  padding: 0 20px 0 20px;
  width: 100%;
  height: auto;
}
.dev_content_right{
  /*background-color: lightblue;*/
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 20px 20px 0; /* 上 | 右 | 下 | 左 */
  padding: 0 20px 0 20px;
  width: 100%;
  height: auto;
}
.dev_content_btn a{
  text-decoration: none;
  background-color: #009cd3;
  color: #ffffff;
  font-size: 2rem;
  padding: 0 5% 0 ;
  text-align: center;
  line-height: 40px;
  /*margin-top: 100px;*/
  border-radius: 50px;
  border: 3px solid #009cd3;
}
.dev_content_btn a:hover{
  text-decoration: none;
  background-color: #ffffff;
  color: #009cd3;
}
/*============700px以上はここを読み込む===================*/
@media screen and (min-width:700px){
.product_development{
  width: 1200px;
  /*background-color: red;*/
  background-color: #fff;
  margin: 0 auto;
  padding: 0;
}
.dev_content{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 0;
  padding: 0;
  /*flex-wrap: wrap;*/
}
.dev_content img{
  /*max-width: 100%;
  height: auto;*/
  object-fit: cover;
  width: 450px;
  height: 334px;
}
.dev_content_left{
  /*background-color: yellowgreen;*/
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 595px;
  /*margin-bottom: 10px;*/
  /*position: relative;*/
}
.dev_content_right{
  /*background-color: yellow;*/
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 595px;
}
}
/*==============================コンテンツページcontentA=================================*/
.wrap-content{
  /*background-color: blue;*/
  background-color: #fff;
  /*background-color: #e6e6e6;*/
  /*display: flex;
  flex-direction: column;
  /*justify-content: space-between;*/
  /*justify-content: space-around;*/
  /*justify-content: center;*/
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.wrap-content img{
  /*max-width: 100%;*/
  width: auto;
  height: 80vh;
  padding: 10px; /* 上 | 右 | 下 | 左 */
  /*background-color: blue;*/
}
.title h4{
  font-size: 2rem;
  font-weight: 600;   /*標準は400*/
  color: #008080;
  margin-bottom: 20px;
  /*position: absolute;*/
}
.contentA0{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*margin-bottom: 0;*/
  /*flex-direction:row;*/
  margin: 0;
  padding: 30px;
  /*width: 100%;*/
  /*background-color: #5D9AB2;*/
}
.contentA0_img{
/*background-color: #5D9AB2;*/
}
.contentA0_txt{
  /*display: flex;*/
  /*flex-direction: column;*/
  /*background-color: #5D9AB2;*/
}
.contentA0_txt_name{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contentA0_txth3{
  background-color: #fff;
}
.contentA0_txth4{
  /*background-color: #5D9AB2;*/
  margin-bottom: 3rem;
}
.contentA_solo_txt{
  display: flex;
  flex-direction: column;
  /*justify-content: space-around;*/
  justify-content: center;
  align-items: center;
  /*background-color: #5D9AB2;*/
  margin: 0;
  padding: 30px;
}
.contentA_solo img{
  width: auto;
  height: 90vh;
  /*background-color: #5D9AB2;*/
}
.contentA{
  display: flex;
  flex-direction: column;
  /*justify-content: space-around;*/
  justify-content: center;
  /*align-items: center;*/
  margin-bottom: 0;
  /*flex-direction:row;*/
  /*margin: 0;
  padding: 0;*/
  /*width: 100%;*/
  /*background-color: #5D9AB2*/;
}
/*=====================photo_list_side_scrolling=========================*/
.photo_list{
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  padding: 0;
}
.item{
  display: inline-block;
  flex-wrap: wrap;
  width: 90%;
  height: 85vh;
  /*height: auto;*/
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  /*background: rgba(255, 0, 0, 0.4);*/
}
.item img{
  /*padding: 0 0 5px 15px;*/
  /*max-width: 100%;
  height: auto;*/
  object-fit: cover;
  /*width: 450px;*/
  /*height: 334px;*/
  width: 100%;
  height: 55vh;
  /*width: 100%;*/
  /*height: auto;*/
}
.item_txt{
  word-wrap: break-word;
  padding: 0 0 0 15px;
  width: 100px;
  height: 15vh;
  display: flex;
  flex-direction: column;
  /*word-break: break-all;*/
  /*flex-wrap: wrap;*/
  /*background-color: lightgray;*/
}
.item_txt1{
  font-size: 1.8rem;
}
.item_txt2{
  /*overflow-wrap: break-word;*/
  /*word-wrap: break-word;*/
  font-size: 1.6rem;
  /*background-color: gray;*/
  /*flex-wrap: wrap;*/
  width: 100%;
  /*flex: 1;*/
  /*word-break: break-all;*/
   /*min-width: 0;*/
  /*background-color: blue;*/
}
/*.item_txt2 > br{
  display: block;
}*/

@media screen and (min-width:700px){
.photo_list{
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: button;
}
.item{
  max-width: 1000px;
  height: 95vh;
}
/*.object-position-t{
  object-position: 50% 10%;
}*/
.object-position-b{
  object-position: 50% 80%;
}
.item img{
  /*padding: 0 0 5px 15px;*/
  /*max-width: 100%;
  height: auto;*/
  object-fit: cover;
  /*width: 450px;*/
  /*height: 334px;*/
  width: 100%;
  height: 75vh;
  /*width: 100%;*/
  /*height: auto;*/
}
.item_txt{
  padding: 0 0 0 15px;
  width: 100%;
  height: 15vh;
  display: flex;
  /*background-color: blue;*/
}
/*.item_txt2 > br{
  display: none;
}*/
}
/*================================================*/
.contentA_img{
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*background-color: lightblue;*/
  background-color: #fff;
  /*background-color: red;*/
  margin: 0 20px 20px 0; /* 上 | 右 | 下 | 左 */
  padding: 0 20px 0 20px;
  width: 100%;
  height: auto;
}
/*.contentA_img img{
  max-width: 100%;
  height: auto;
  padding: 0;
}*/
.contentA_txt{
  /*background-color: lightgray;*/
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*margin: 0;
  padding: 5px;*/
  margin: 0 20px 20px 0; /* 上 | 右 | 下 | 左 */
  padding: 0 20px 0 20px;/* 上 | 右 | 下 | 左 */
  width: 100%;
  height: auto;
  /*overflow-wrap: normal;*/
  /*flex: auto;*/
  /*background-color: #5D9AB2;*/
  /*background-color:rgba(255,255,255,0.5);*/
}
/*.contentA-reverse{
  background-color: gray;
  justify-content: center;
  display: flex;
  margin-bottom: 0;
  flex-direction:row-reverse;
}
.contentA-reverse img{
  max-width: 100%;
  height: auto;
  padding: 0;
}
*/
/*============700px以上はここを読み込む===================*/
@media screen and (min-width:700px){
.wrap-content{
  /*background-color: red;*/
  background-color: #fff;
  display: flex;
  width: 1200px;
  margin: 10px auto;
  padding: 0;
  flex-direction: column;
  /*justify-content: space-between;*/
  /*justify-content: space-around;*/
  justify-content: center;
}
.contentA_solo{
  display: flex;
  flex-direction: column;
  /*justify-content: space-around;*/
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  /*margin: 0;
  padding: 0;*/
  width: 1200px;
  height: auto;
  /*background-color: #5D9AB2*/;
}
.contentA{
  display: flex;
  /*justify-content: space-around;*/
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  flex-direction:row;
  /*margin: 0;
  padding: 0;*/
  width: 100%;
  background-color: #fff;
}
.contentA_img{
  display: flex;
  /*background-color: yellowgreen;*/
  background-color: #fff;
  align-items: center;
  /*margin: auto;*/
  margin: 10px;
  padding: 0;
  /*flex: auto;*/
  /*width: 30%;*/
  width: 590px;
}
.contentA_txt{
  display: flex;
  flex-direction: column;
  /*align-items: center;*/
  /*background-color: yellow;*/
  background-color: #fff;
  /*margin: auto;*/
  margin: 0;
  /*padding: 5px;*/
  /*margin: 0 20px 20px 0; /* 上 | 右 | 下 | 左 */*/
  padding: 0 20px 0 20px;/* 上 | 右 | 下 | 左 */
  overflow-wrap: normal;
  /*flex: auto;*/
  /*background-color: #5D9AB2;*/
  /*background-color:rgba(255,255,255,0.5);*/
  width: 590px;
}
.contentA-reverse{
  justify-content: center;
  display: flex;
  margin-bottom: 0;
  flex-direction:row-reverse;
}
}
/*=============================================*/
/*@media (min-width:768px){
header .container{
  display: flex;
  alige-items: center;
  justify-content: space-between;
  max-width: 1000px;
  max-width: var(--large-width);
  margin-left: auto;
  margin-right: auto;
}
.headB ul{
  display: flex;
}
}
/*===================================working========================================*/
.wrap_working{
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0; /* 上 | 右 | 下 | 左 */
}
.working {
  display: flex;
  flex-direction: row;
  background-image: url(./img_lab/gps_03.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 30% 80%;
  width:100%;
  height:25vh;
}
.working_container{
  margin: 0;
  padding: 2rem; /* 上 | 右 | 下 | 左 */
  /*background-color: green;*/
}
.working_1{
  align-items: center;
  padding: 20px;
}
/*=========================700px以上はここを読み込む===================================*/
@media screen and (min-width:700px){ 
.wrap_working{
  width: 1200px;
  margin: 10px auto;
  padding: 0;
  /*background-color: red;*/
}
}
/*=========================content_prototyping=====================================*/
.content_prototyping{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.content_prototypingA{
  width: 90vw;
  text-align: center;
  margin-top: 20px;
  /*background-color: #e6e6e6;*/
}
.content_prototypingB{
  width: 80%;
  background-color: #cce7ff;
  /*text-align: center;*/
  /*line-height: 40px;*/
  margin-top: 20px;
  padding: 2% 5%;
  border-radius: 10px;
  /*border: 3px solid #009cd3;*/
}
.content_prototypingC{
  width: 80%;
  background-color: #cce7ff;
  margin-top: 20px;
  padding: 2% 5%;
  border-radius: 10px;
}
.content_prototypingD{
  display: flex;
  flex-direction: column;
  width: 80%;
  background-color: #cce7ff;
  margin-top: 20px;
  padding: 2% 5%;
  border-radius: 10px;
}
.content_prototypingD_0{
  display: flex;
  font-size: 1.4rem;
  /*flex-direction: column;*/
  /*flex-direction: row;*/
  /*justify-content: space-around;*/
  /*align-items: center;*/
  /*background-color: #fff;*/
}
.content_prototypingD_1{
  /*justify-self: center;*/
  /*flex: 1 0 50px;*/
  margin: 5px;
  padding: 2%;
  /*background-color: #cce7ff;*/
  border-radius: 5px;
  border: 0.7px solid #000;
}
.content_prototypingD_2{
  /*justify-self: center;*/
  /*flex: 1 0 50px;*/
  margin: 5px;
  padding: 2%;
  border-radius: 5px;
  border: 0.7px solid #000;
  /*background-color: #cce7ff;*/
}
.content_prototypingD_3{
  justify-self: center;
  /*flex: 1 0 70px;*/
  margin: 5px;
  padding: 2%;
  border-radius: 5px;
  border: 0.7px solid #000;
  /*background-color: #cce7ff;*/
}
.content_prototypingD_4{
  justify-self: center;
  /*flex: 1 0 30px;*/
  margin: 5px;
  padding: 2%;
  border-radius: 5px;
  border: 0.7px solid #000;
}
.content_prototypingD_5{
  justify-self: center;
  /*flex: 1 0 30px;*/
  margin: 5px;
  padding: 2%;
  border-radius: 5px;
  border: 0.7px solid #000;
}
.arrow_right{
  margin-right: 2px;
  width: 9px;
  height: 9px;
  border: 3.5px solid;
  border-color: #0088ff #0088ff transparent transparent;
  transform: rotate(45deg);
  /*background-color: #ffffff;*/
}
/*=========================700px以上はここを読み込む===================================*/
@media screen and (min-width:700px){
.content_prototyping{
  display: flex;
  width: 1200px;
  margin: 10px auto;
  padding: 0;
  /*background-color: blue;*/
}
}
/*==================================company_profile====================================*/
.wrap_company_profile{
  display: flex;
  flex-direction: column;
  /*background-color: green;*/
}
.company_profile {
  display: flex;
  flex-direction: row;
  background-image: url(./img_lab/gps_01.jpg);
  background-repeat: no-repeat;
  /*background-position: center center;*/
  background-size: cover;
  background-position: 5% 70%;
  width:100%;
  height:25vh;
}
.company_profile_table{
display: flex;
flex-direction: column;
align-items: center;
}
/*=========================700px以上はここを読み込む===================================*/
@media screen and (min-width: 700px){
.wrap_company_profile{
  width: 1200px;
  margin: 10px auto;
  padding: 0;
  /*background-color: red;*/
}
}
/*=============================table====================================*/
.company{
  width:90%;
  margin: 0 auto;
  border-collapse: collapse;
  font-size: 1.6rem;
}
.company tr {
  height:15vh;
  border-color: #DCDCDC;
  border-style: solid;
  border-width: 0.7px 0;
}