/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
/* スマートフォン用CSS
----------------------------------------*/

@media screen and (max-width:600px) {
  /* 画面サイズが600px以下の場合に適用 */


  body {
    font-size: 3.5vw;
  }

  h1 {
    font-size: 7.2vw;
  }

  h2 {
    font-size: 6vw;
  }

  h2 img {
    max-width: 100%;
  }

  header {
    width: auto;
    margin: 0 5%;
  }

  .logo {
    float: none;
    margin-top: 60px;
    text-align: center;
  }

  .global-nav {
    float: none;
    margin-top: 40px;
    text-align: center;
  }

  .global-nav li {
    display: inline;
    float: none;
    margin: 0 8px;
  }

  #wrap {
    margin-top: 40px;
    padding: 35px 0 0;
  }

  .content {
    width: 100%;
  }

  .main {
    float: none;
    width: auto;
    margin: 0 5%;
  }

  .sidebar {
    float: none;
    width: auto;
    margin: 0;
    padding: 30px 10% 10px;
    background-color: #f7f6f4;
  }

  #portfolio {
    background-image: url(../images/bg-portfolio-sp.jpg);
  }
  
   #about {
    background-image: url(../images/bg-about-sp.jpg);
  }
  
/*  .career
	{
		display: none ;		/* 非表示にする */
	}
  
/*  #about .profile-image {
 display: none ;		/* 非表示にする */
}
  
  /*PCは表示しSPは非表示*/
.pcCnt { display:inline!important; }　/* 〇　表示にする */
.spCnt	{ display:none!important; }　/* 　×　非表示にする */
@media screen and (max-width: 768px) {
/*SPは表示しPCは非表示*/
.pcCnt	{ display:none!important; }
.spCnt { display:inline!important; }
}


  /*PCの場合*/
.pc	{ display:inline!important; }
.mb	{ display:none!important; }
@media screen and (max-width: 600px) {
/*タブレット、スマホの場合*/
.pc	{ display:none!important; }
.mb { display:inline!important; }
}
  
}