@media(max-width: 740px){
  /* 基本的な設定 */
  .pc{
    display: none;
  }
  .ssp{
    display: block;
  }
  .brsp{
    display: block;
  }
  .brpc{
    display: none;
  }
  .container{
    margin: 0 auto;
    padding: 45px 40px;
    min-width: 400px;
  }
  .h2wrap h2{
    font-size: 30px;
  }
  .h2wrap p{
    font-size: 18px;
  }
  /* 基本的な設定ここまで */

  /* fixedメニュー */

  .Flinklist{
    display: none;
  }
  .fmenuRight{
    width: 100%;
    max-width: 800px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
  }
  .fRburg{
    width: 35px;
    height: 32px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .fRburgO{
    width: 35px;
    height: 32px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .fRburg1 li:nth-of-type(1){
    position: absolute;
    top: 40%;
    right: 0;
    transform: translate(0,-40%);
    transform: rotate(-45deg) ;
  }
  .fRburg1 li:nth-of-type(2){
    display: none;
  }
  .fRburg1 li:nth-of-type(3){
    position: absolute;
    top: 40%;
    right: 0;
    transform: translate(0,-40%);
    transform: rotate(45deg) ;
  }
  .fRburg li{
    width: 100%;
    height: 4px;
    background-color: #fff;
  }
  .Fburglist{
    display: none;
    position: absolute;
    top: 70px;
    right: 0;
    width: 100%;
    text-align: center;
  }
  .FburglistFire{
    display: block;
  }
  .Fburglist li{
    background-color: #13043E;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .Fburglist a{
    padding: 20px 0;
    text-align: center;
    width: 100%;
    display: block;
  }

  /* fixedメニューここまで */





  /* ヒーロートップ */
  .heroTop{
    background: url("../images/431138-PE6FWY-817.jpg") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    height: 700px;
  }
  .HTcont{
    width: 60%;
  }
  .btnwrap{
    height: auto;
  }
  .topBtnWrap{
    height: auto;
    width: 100%;
    padding-top: 20px;
  }
  .topBtnWrap a{
    width: 100%;
    padding: 15px 40px;
    margin: 6px 0;
    border-radius: 8px;
    display: block;
    float: left;

    /* a要素でボタンを作る時、
    「ボタンの親タグにpaddingが効かない！」
    と感じたら、ボタン自体のタグに
    「display: inline-block;」
    を入れてみよう。 */
  }

  /* ヒーロートップここまで */

  /* 自己紹介 */

  .faceIcon,
  .greetContents{
    width: 100%;
  }
  .faceIcon{
    float: left;
    padding: 30px 30px 0 30px;

  }
  .greetContents{
    float: left;
  }
  .FiconBorder{
    margin: auto;
    width: 200px;
    height: 200px;
    border: 5px solid #707070;
    border-radius: 50%;
  }
  .FiconWrap{
    margin: 0;
  }
  .FiconWrap i{
    font-size: 150px;
    margin: 20px 0 30px;
    color: #707070;
    display: block;
  }

  .greetDl{
    padding: 11px 0;
    text-align: center;
  }
  .greetDt{
    font-size: 22px;
    padding-bottom: 10px;
  }
  .greetDd,
  .skillDocs{
    font-size: 16px;
    line-height: 18px;
    /* ↑「行のスペースが狭すぎるな…」
    と感じたら、「line-height」プロパティで
    行間を開けよう。
    ただし、「どのぐらいスペースを空けたいか」を
    そのまま設定すると失敗するぞ！ */

  }



  /* 自己紹介ここまで */

  /* スキル */
  .skillWrap{
    width: 100%;
    padding: 25px 0px;
    float: initial;
    text-align: center;
    line-height: 22px;
  }
  .skillsBg{
    padding: 50px 100px;
  }
  .skillH3{
    height: auto;
    font-weight: bold;
    text-align: center;
    font-size: 24px;
    padding-bottom: 20px;
  }


  /* スキルここまで */

  /* ポートフォリオ */
  .pfLeft,
  .pfRight{
    padding: 0 15px;
  }

  .pfLeft{
    float: initial;
    width: 100%;
    padding-top: 20px;
  }
  .phh3{
    font-size: 18px;
  }
  .pfdl dt{
    background-color: #707070;
    color: #fff;
    padding: 5px 0px 5px 5px ;
    margin-bottom: 5px;
  }
  .pfdl dd{
    margin-bottom: 5px;
  }
  .pfLink{
    font-size: 14px;
  }
  .pfLink i{
    font-size: 24px;
    padding-bottom: 5px;
  }
  .pfLeft img{
    width: 60%;
    margin: auto;
  }
  .pfRight{
    float: initial;
    width: 100%;
    padding-top: 20px;
    text-align: center;

  }
  .pfslide_inner{
    width: 80% ;
    margin: auto;
  }



  /* ポートフォリオここまで */

  /* 価格・対応形態 */
  .tableTtl {
      text-align: left;
      font-size: 20px;
      padding: 32px 0 6px;
  }
  .tableCont th,
  .tableCont td{
    padding: 10px;
    font-size: 16px;
    line-height: 21px;
    float: left;
    width: 100%;
  }
  .tableCont tr{
    padding-top: 10px;
  }
  .


  /* 価格・対応形態ここまで */
  .C_Form{
    padding: 30px 0 0;
    max-width: 400px;
    margin: auto;
  }
  .C_Form textarea,
  .C_Form input,
  .C_Form button{
    width: 100%;
    float: left;
    border: 1px solid #fff;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.4);
    font-size: 17px;
    color: #000;
    padding: 10px 18px;
    margin: 20px 0 0;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  }
  .C_Form input[type="submit"],
  .C_Form button[type="reset"]{
    font-size: 15px;
  }

  .C_Form input[type="submit"]:hover{
    background-color: rgba(255, 255, 255, 1);
    color: rgba(78, 102, 128, 1);
  }

  /* フォーム */



  /* フォームここまで */

  /* コピーライト */



  /* コピーライトここまで */


}



@media(max-width: 500px){
  /* 全体設定 */

  body{
    min-width: 200px;
  }
  .container{
    min-width: 200px;
    padding: 45px 20px;
  }

  /* 全体設定ここまで */

  /* 基本的な設定 */
  .pc{
    display: none;
  }
  .ssp{
    display: none;
  }
  .sp{
    display: block;
  }

  /* 基本的な設定ここまで */

  /* ヒーロートップ */

  .h2wrap h2, .topttl {
    font-size: 35px;
  }
  .heroTop{
    height: 400px;
  }
  .topBtnWrap a{
    width: 100%;
    padding: 10px 40px;
    margin: 4px 0;
    border-radius: 8px;
    display: block;
    float: left;

    /* a要素でボタンを作る時、
    「ボタンの親タグにpaddingが効かない！」
    と感じたら、ボタン自体のタグに
    「display: inline-block;」
    を入れてみよう。 */
  }



  /* ヒーロートップここまで */


  /* スキル */
  .skillWrap{
    width: 100%;
    padding: 25px 0px;
    float: initial;
    text-align: center;
    line-height: 22px;
  }
  .skillsBg{
    padding: 50px 35px;
  }

  /* スキルここまで */

  /* 自己紹介 */

  .faceIcon{
    float: left;
    height: auto;
    padding: 0 18px 10px;
  }
  .FiconBorder{
    margin: auto;
    width: 150px;
    height: 150px;
    border: 5px solid #707070;
    border-radius: 50%;
  }
  .FiconWrap{
    margin: 20px 0 0;
  }
  .FiconWrap i{
    font-size: 120px;
    margin: 10px 0 0;
    color: #707070;
    display: block;
  }
  .greetContents{
    padding: 0px;
  }
  .greetDl{
    padding: 16px 0;
  }

  /* 自己紹介ここまで */

  /* スキル */

  .skillicon{
    padding-bottom: 20px;
  }
  .SiconBorder{
    margin: auto;
    width: 150px;
    height: 150px;
    border: 5px solid #707070;
    border-radius: 50%;
  }
  .SiconWrap{
    margin: 20px 0 0;
  }
  .Sicon{
    font-size: 75px;
    text-align: center;
    margin: 32px 0 0;
    color: #707070;
    display: block;
  }

  /* スキルここまで */


}