@charset "UTF-8";

/*******************************
*　電子回路の試作・製作
********************************/
/*セクション*/
.pg_prototyping{

}
.pg_prototyping .section.sec1{

}
.pg_prototyping .section.sec2{
  overflow: hidden;
}
.pg_prototyping .section.sec3{

}
.pg_prototyping .section.sec4{

}
.pg_prototyping .section.sec5{

}


@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){
  .pg_prototyping{

  }
  .pg_prototyping .section.sec1{

  }
  .pg_prototyping .section.sec2{
    padding-top: 90px;
  }
  .pg_prototyping .section.sec3{
    padding-top: 100px;
  }
  .pg_prototyping .section.sec4{

  }
  .pg_prototyping .section.sec5{
    padding-top: 100px;
  }


}
@media (min-width:1024px){


}
@media (min-width:1200px){
  .pg_prototyping{

  }
  .pg_prototyping .section.sec1{

  }
  .pg_prototyping .section.sec2{

  }
  .pg_prototyping .section.sec3{
    padding-top: 150px;
  }
  .pg_prototyping .section.sec4{

  }
  .pg_prototyping .section.sec5{
    padding-top: 100px;
  }

}

/*メイン*/

/*見出し*/
.prototyping_contents1_wrap .originalService_senses_text{

}

/*左右共通レイアウト*/
.cmn_contents_row{
  position: relative;
  padding-bottom: 16px;
}
.cmn_contents_row:nth-child(n+2){
  margin-top: 50px;
}
.cmn_contents_row:before{
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  background: #f8fcff;
  position: absolute;
  top: 5%;
}
.cmn_contents_row:nth-child(odd):before{
  left: 8.5%;
  border-radius: 0 0 0 80px;
}
.cmn_contents_row:nth-child(even):before{
  right: 8.5%;
  border-radius: 0 0 80px 0;
}
.cmn_contents_box1{
  width: 100%;
  order: 1;
  position: relative;
  z-index: 1;
}
.cmn_contents_box2{
  width: 100%;
  order: 2;
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
.prototyping_contents2_wrap .cmn_contents{
  margin-top: 40px;
}
.cmn_contents_row:nth-child(odd) .cmn_contents_img img{
  border-radius: 0 30px 0 0;
}
.cmn_contents_row:nth-child(even) .cmn_contents_img img{
  border-radius: 0 0 30px 0;
}
.prototyping_contents2_wrap .cmn_contents_img:before{
  padding-top: 51.28%;
}
.cmn_contents_title_line{
  font-size: 15px;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cmn_contents_title_line p{
  background: #3488d4;
  color: #fff;
  text-align: center;
  padding: 1px 20px;
}
.cmn_contents_title_line p:after{
  /*  content: "";
    display: block;*/

}
.cmn_contents_title_line .line{
  width: 169px;
  aspect-ratio:169 / 7;
  background-image: url(/system_panel/uploads/images/line.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 15px;
}
.cmn_contents_title_line .line.sm{
  width: 116px;
  aspect-ratio:116 / 7;
  background-image: url(/system_panel/uploads/images/sm.png);
margin-bottom: 7px;
}
.cmn_contents_title2{
  font-size: 18px;
  font-weight: 600;
  line-height: 1.52em;
  color: #3488d4;
  margin-top: 17px;
}
.cmn_contents_txt{
  margin-top: 20px;
}

/*流れ*/
.page_contents_items{
  margin-top:50px;
}
.page_contents_item{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 30px;
}
.page_contents_item:nth-child(n+2){
  padding-top: 30px;
}
.page_contents_item:last-child{
  border-bottom:0;
}
.page_contents_box1{
  width: 100%;
  order: 2;
  margin-top: 20px;;
}
.page_contents_en{
  font-size: 30px;
  font-weight: 500;
  font-family: "Oswald", sans-serif;
  line-height: 1;
  color: #6fbbff;
}
.page_contents_en p{
  display: flex;
  align-items: center;
  letter-spacing: 0;
}
.page_contents_en p:after{
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background: #6fbbff;
  margin-left: 20px;
}
.page_contents_tt{
  font-size: 20px;
  font-weight: 600;
  margin-top: 20px;
}
.content_desc{
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  text-align: justify;
  margin-top: 20px;
}
.page_contents_box1 .content_desc{

}
.page_contents_box2{
  width: 100%;
  order: 1;
}
.page_contents_box2_img img{
  border-radius: 10px;
}
.page_contents_box2_img:before{
  padding-top: 71.42%;
}

/*2列*/
.page_contents2_items{
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-top: 40px;
  margin-inline:-15px;
}
.page_contents2_items:before{
  content: "";
  display: block;
  width: 100vw;
  height: 87.81%;
  background: #f3f9ff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.page_contents2_item{
  width: 100%;
  position: relative;
  z-index: 1;
}
.page_contents2_item:nth-child(n+2){
  margin-top: 40px;;
}
.page_contents2_item_inner{
  background: #fff;
  border: 1px solid #487fb0;
  border-radius: 20px;
  padding: 15px 15px 26px;
}
.page_contents2_item_content{
  padding-inline: 7px;
  margin-top: 20px;
}
.page_contents2_item_img img{
  border-radius: 16px;
}
.page_contents2_item_img:before{
  padding-top: 62.74%;
}
.page_contents2_item_tt{
  font-size: 18px;
  font-weight: 600;
}
.page_contents2_item_tt:after{
  content: "";
  display: block;
  width: 65px;
  height: 1px;
  background: #3488d4;
  margin-top: 16px;
}
.page_contents2_item .content_desc{
  margin-top: 10px;
}

/*works*/
.prototyping_works{
  margin-top: 40px;
}
.prototyping_works .webgene-blog{
  display: flex;
  flex-wrap: nowrap;
}
.prototyping_works .webgene-item{
  margin: 0 15px;
  float: left;
}
.prototyping_works .webgene-item a{
  display: block;
  width: 250px;

}
.prototyping_works .webgene-item img{
  border-radius: 20px;
}
.prototyping_works .webgene-item .img{
  border-radius: 20px;
  overflow: hidden;
}
.prototyping_works .webgene-item .img:before{
  padding-top: 71.42%;
}
@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){
  .cmn_contents_row:nth-child(n+2){
    padding-top: 50px;
  }
  
  .swiper-button-next, .swiper-rtl .swiper-button-prev{
    right: 0;
  }
  .swiper-button-prev, .swiper-rtl .swiper-button-next{
    left: 0;
  }
}
@media (min-width:768px){
  /*見出し*/
  .prototyping_contents1_wrap .originalService_senses_text{

  }

  /*左右共通レイアウト*/
  .cmn_contents_row:nth-child(n+2){
    margin-top: 163px;
  }
  .cmn_contents_row:before{
    top: 5%;
  }
  .cmn_contents_row:nth-child(odd):before{
    border-radius: 0 0 0 80px;
  }
  .cmn_contents_row:nth-child(even):before{
    border-radius: 0 0 80px 0;
  }
  .prototyping_contents2_wrap .cmn_contents{
    margin-top:60px;
  }
  .cmn_contents_row:nth-child(odd) .cmn_contents_img img{
    border-radius: 0 80px 0 0;
  }
  .cmn_contents_row:nth-child(even) .cmn_contents_img img{
    border-radius: 80px 0 0 0;
  }
  .cmn_contents_title_line{

  }
  .cmn_contents_title_line p{

  }
  .cmn_contents_title_line p:after{

  }
  .cmn_contents_title2{
    font-size: 20px;
  }
  .cmn_contents_txt{
    margin-top: 35px;
  }
  .cmn_contents_box1{
    width: 100%;
    order: 1;
  }
  .cmn_contents_box2{
    width: 100%;
    order: 2;
    margin-top: 30px;
  }

  /*流れ*/
  .page_contents_items{
    margin-top: 83px;
  }
  .page_contents_item{
    padding-bottom: 50px;
  }
  .page_contents_item:nth-child(n+2){
    padding-top: 50px;
  }
  .page_contents_box1{
    margin-top: 30px;;
  }
  .page_contents_en{
    font-size: 35px;
  }
  .page_contents_en p{

  }
  .page_contents_en p:after{

  }
  .page_contents_tt{
    font-size: 22px;
    margin-top: 25px;
  }
  .content_desc{

  }
  .page_contents_box1 .content_desc{

  }
  .page_contents_box2{

  }
  .page_contents_box2_img img{

  }
  .page_contents_box2_img:before{

  }

  /*2列*/
  .page_contents2_items{
    margin-inline:-15px;
    margin-top: 55px;
  }
  .page_contents2_item{

  }
  .page_contents2_item:nth-child(n+2){
    margin-top: 0;
  }
  .page_contents2_item:nth-child(n+3){
    margin-top: 50px;
  }
  .page_contents2_item_inner{
    height: 100%;
  }
  .page_contents2_item_content{
    margin-top: 23px;
  }
  .page_contents2_item_img img{

  }
  .page_contents2_item_img:before{

  }
  .page_contents2_item_tt{
    font-size: 20px;
  }
  .page_contents2_item .content_desc{

  }

  /*works*/
  .prototyping_works{
    margin-top: 55px;
  }
  .prototyping_works .webgene-blog{

  }
  .prototyping_works .webgene-item{
    width: 350px;
  }
  .prototyping_works .webgene-item a{
    width: 350px;
  }
  .prototyping_works .webgene-item img{

  }
  .prototyping_works .webgene-item .img:before{

  }
  .prototyping_contents5_wrap .read_more{
    margin-top: 54px;
  }
  
  .pg_home .section.sec3 .cmn_contents_row:nth-child(odd) .cmn_contents_box2,
 .pg_home .section.sec3 .cmn_contents_row:nth-child(even) .cmn_contents_box2{
    margin-top: 50px;
  }
}
@media (min-width:1024px){
  /*見出し*/
  .prototyping_contents1_wrap .originalService_senses_text.center{
    text-align: center;
  }

  .prototyping_contents2_wrap .tt3.large{
    line-height: 1.28em;
  }

  /*左右共通レイアウト*/
  .cmn_contents_row:before{
    top: 12%;
  }
  .cmn_contents_row:nth-child(n+2){
    margin-top: 163px;
  }
  .cmn_contents_row:nth-child(odd):before{
    margin-right: calc(50% - 50vw);
    border-radius: 0 0 0 80px;
  }
  .cmn_contents_row:nth-child(even):before{
    margin-left: calc(50% - 50vw);
    border-radius: 0 0 80px 0;
  }
  .cmn_contents_row:nth-child(odd) .cmn_contents_box1{
    order: 1;
  }
  .cmn_contents_row:nth-child(odd) .cmn_contents_box2{
    order: 2;
  }
  .cmn_contents_row:nth-child(even) .cmn_contents_box1{
    order: 2;
  }
  .cmn_contents_row:nth-child(even) .cmn_contents_box2{
    order: 1;
  }
  .cmn_contents_box1{
    width: 51.35%;
  }
  .cmn_contents_box2{
    width: 40.09%;
  }
  .prototyping_contents2_wrap .cmn_contents{
    margin-top: 90px;
  }
  .prototyping_contents2_wrap .cmn_contents_img:before{
    padding-top: 500px;
  }
  .cmn_contents_row:nth-child(odd) .cmn_contents_img{
    margin-left: var(--margin-for-device-side);
  }
  .cmn_contents_row:nth-child(even) .cmn_contents_img{
    margin-right: var(--margin-for-device-side);
  }
  .cmn_contents_title_line{

  }
  .cmn_contents_title_line p{

  }
  .cmn_contents_title_line p:after{

  }
  .cmn_contents_title2{
    font-size: 20px;
  }
  .cmn_contents_txt{

  }
  .prototyping_contents2_wrap .cmn_contents_box2{
    margin-top: 95px;
  }

  /*流れ*/
  .page_contents_items{

  }
  .page_contents_item{

  }
  .page_contents_box1{
    width: 59.9%;
    order: 1;
    margin-top: 0;
  }
  .page_contents_en{

  }
  .page_contents_en p{

  }
  .page_contents_en p:after{

  }
  .page_contents_tt{
    font-size: 25px;
  }
  .content_desc{

  }
  .page_contents_box1 .content_desc{

  }
  .page_contents_box2{
    width: 31.53%;
    order: 2;
    padding-top: 3px;
  }
  .page_contents_box2_img img{

  }
  .page_contents_box2_img:before{

  }

  /*2列*/
  .page_contents2_items{

  }
  .page_contents2_item{

  }
  .page_contents2_item_inner{

  }
  .page_contents2_item_img img{

  }
  .page_contents2_item_img:before{

  }
  .page_contents2_item_tt{
    font-size: 24px;
    margin-right: -16px;
  }
  .page_contents2_item .content_desc{

  }

  /*works*/
  .prototyping_works{
    margin-top: 55px;
  }
  .prototyping_works .webgene-blog{

  }
  .prototyping_works .webgene-item{

  }
  .prototyping_works .webgene-item a{

  }
  .prototyping_works .webgene-item img{

  }
  .prototyping_works .webgene-item .img:before{

  }
  
 .pg_home .section.sec3 .cmn_contents_row:nth-child(odd) .cmn_contents_box2,
 .pg_home .section.sec3 .cmn_contents_row:nth-child(even) .cmn_contents_box2{
    margin-top: 55px;
  }
}
@media (min-width:1200px){
  /*左右共通レイアウト*/

  .cmn_contents_row:nth-child(odd) .cmn_contents_img{
    margin-left: var(--margin-for-device-side);
  }
  .cmn_contents_row:nth-child(even) .cmn_contents_img{
    margin-right: var(--margin-for-device-side);
  }
  .prototyping_contents2_wrap .cmn_contents_box2{
    width: 42.479%;
  } 
  .prototyping_contents2_wrap .cmn_contents_img:before{
    padding-top: 500px;
  }
  .cmn_contents_title2{
    font-size: 25px;
  }

 .pg_home .section.sec3 .cmn_contents_row:nth-child(odd) .cmn_contents_box2,
 .pg_home .section.sec3 .cmn_contents_row:nth-child(even) .cmn_contents_box2{
    margin-top: 45px;
  }
}