@import url(//fonts.googleapis.com/css?family=Noto+Sans:400,700);
/* ===========================
* PC and Mobile
* =========================== */
#mv {
  background-image: url(../img/flow/mv.png); }

.mv_txt {
  padding: 40px 0 10px; }

.url {
  text-align: center; }


.skype { 
  border-radius: 20px;
  border: solid #228B22;
  width: 600px;
  height: 504px;
  background-color: #a9ce98;
  display:inline-block; }

.skype h3 {
  color: black;
  font-size: xx-large;
  padding-top:60px; }
.skype img {
  margin-top:20px; 
  height:365px; 
  display:inline; }
.skype div.img{
  display: inline-block;
  position: relative;
}
.skype div.img div.skypetext{
  position: absolute; 
  font-size: 17px;
  top: 40%;
  left: 12%;
 }
.skype a {
  color:black;
  font-size: x-large;
   }
.teamviewer { 
  border-radius: 20px;
  border: solid #008080;
  width: 600px;
  height: 504px;
  background-color: #a4c2e6;
  display:inline-block; }
.teamviewer h3 {
  color:black;
  font-size: xx-large;
  padding-top:60px; }
.teamviewer img {
  margin-top:20px; 
  height:365px; 
  display:inline; }
.teamviewer a {
  color:black;
  font-size: x-large;
 }
.teamviewer div.img{
    display: inline-block;
    position: relative;
  }
.teamviewer div.img div.teamviewertext{
  position: absolute;
  left: 27%;
  top: 41%;
  font-size: 30px; }

p.description_txt{
  text-align: left;
  max-width: 1233px;
  font-size: 2rem;
  font-weight: bold;
  width: 100%;
}
.zoom{
  border-radius: 20px;
  border: solid #D2691E;
  width: 1210px;
  height: 643px;
  background-color: #F4A460;
  margin:3px auto;
  line-height: 440px;
  display: inline-block;
}
.zoom img{
  max-width:100%;
  height:auto;
  vertical-align: middle;
  display: inline-block;
}

@media screen and (max-width: 1367px) {
  /* ===========================
  * Note PC
  * =========================== */ }
@media screen and (max-width: 567px) {
  /* ===========================
  * Mobile
  * =========================== */
  .flow {
    width: 100%;
    margin: 0 auto; }
  .flow > div ul li div {
    padding: 0 0 0 86px;
    min-height: 60px;
    background-size: 77px; }
    
  .skype { 
    width: 90%;
    height: auto; }
    
  .skype div.img div.skypetext{
    font-size: 10px; }
    
  .skype h3{
    font-size: 2.2rem;
    padding-top:30px; }
    
  .skype img{ 
    height:200px; 
     }
     
  .teamviewer { 
    width: 90%;
    height: auto; }
    
  .teamviewer div.img div.teamviewertext{
    left: 20.5%; 
    top: 44%; 
    font-size: 24px; }
    
  .teamviewer h3{
    font-size: 2.2rem;
    padding-top:30px; }
    
  .teamviewer img{ 
    height:200px; 
     } 
    p.description_txt{
      text-align: left;
      max-width: 1233px;
      font-size: 1.5rem;
      font-weight: bold;
      width: 90%;
    }
  .zoom { 
    width: 90%;
    height: auto;
    margin:0;
    line-height:240px;
    display: inline-block; }
  
}