@charset "utf-8";

/*=================================================================================================================================*/
/**  個別指定 for PC	*/
/*=================================================================================================================================*/
@media screen and (min-width: 1281px) {
  /* fook */
  .only_pc_none {
    display: none !important;
  }
  .sp_br {
    display: none;
  }
}

@media screen and (min-width: 1280px) {
  /* fook */
  .only_pc_none {
    display: none !important;
  }
  .sp_br {
    display: none;
  }

  /* float */
  .float_L {
    float: left !important;
  }
  .float_R {
    float: right !important;
  }

  /*---------------------------------------------
 ** h2
---------------------------------------------*/
  h2 {
    margin-bottom: 40px;
  }

  /*---------------------------------------------
 ** h3
---------------------------------------------*/
  h3 {
    font-size: 26px;
  }

  /*---------------------------------------------
 **  h4
---------------------------------------------*/
  h4 {
  }

  /*---------------------------------------------
 **  ナビゲーション
---------------------------------------------*/
  .nav-toggle {
    display: none !important;
  }

  #nav {
    position: relative;
    height: 55px;
  }
  #nav ul {
    width: 1105px;
    height: 75px;
    margin: 0 auto;
  }
  #nav ul li {
    display: block;
    text-align: center;
    padding: 0 0 0;
    float: left;
    z-index: 1;
    background: #fff;
    line-height: 1.6;
    margin-right: 0px;
    font-size: 18px;
  }
  #nav ul li:last-of-type {
    margin-right: 0px;
  }
  #nav ul li a {
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
    position: relative;
    color: #444;
    text-decoration: none;
    display: block;
  }

  #nav ul li a:hover {
    background: #bdd5e8;
  }

  /*---------------------------------------------
 ** width
---------------------------------------------*/
  .w1100 {
    width: 1100px !important;
  }
  .w965 {
    width: 965px !important;
  }

  /*---------------------------------------------
 ** margin
---------------------------------------------*/
  .mb0 {
    margin-bottom: 0 !important;
  }

  /*---------------------------------------------
 **  flexbox
---------------------------------------------*/
  .display_flex {
    display: flex;
  }
  .flex_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .flex_item_clounm_3 {
    width: 31.5%;
  }
  .flex_item_clounm_2 {
    width: 48.5%;
  }
  .flex_item_clounm_4 {
    width: 23.5%;
    margin-bottom: 25px;
  }
  /*=================================================================================================================================*/
  /**  共通部分	*/
  /*=================================================================================================================================*/

  /*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
  /* ヘッダー */
  #header {
    width: calc((100% - 0px));
    border: 10px solid #0677ba;
    overflow: hidden;
  }
  
  /* ロゴ */
  #logo {
    width: 189px;
    height: 68px;
    margin: 0px auto 0;
    display: block;

    left: 0;
    right: 0;
    top: 0px;
    z-index: 999;
  }

  /* TEL */
  .tel {
    width: 315px;
    height: 64px;
    float: left;
    margin: 20px 0 0 0;
    background: url(../img/common/tel.png) 0 0 no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }

  /* メインイメージ */
  #top .main_img {
    height: 500px;
  }
  .main_img {
    height: 540px;
    text-align: center;
    position: relative;
  }

  .main_wrapper {
    width: 1112px !important;
  }

  /* 繋がるサービス */
  .joint {
    position: relative;
  }
  .joint:after {
    width: 51px;
    height: 24px;
    position: absolute;
    top: 23px;
    right: -57px;
    background: url(../img/common/joint.png) no-repeat;
    content: "";
  }

  /* 波 */
  #canvas-cont {
    position: absolute;
    top: -160px;
    margin-bottom: 0;
    z-index: -1;
  }


  /*=================================================================================================================================*/
  /**  TOPコンテンツ	*/
  /*=================================================================================================================================*/

  /*---------------------------------------------
 **  フッター
---------------------------------------------*/
  /* フッター */
  #footer {
    width: 100%;
    height: 600px;
    background: url(../img/common/footer_bg.png) 0 0 no-repeat;
    padding: 210px 0 0 0;
  }




  .footer_inner {
    width: 1200px;
    _zoom: 1;
  }

  /* ページTOPへ */
  #pageTop a {
    width: 70px;
    height: 126px;
  }


/* サービス */
.service_wrapper>div{ margin: 0 auto; }
.service_wrapper>div:hover{

  background:#DFEEF6;
   }

  /*=================================================================================================================================*/
  /**  内部ページ	*/
  /*=================================================================================================================================*/

  .our_work_wrapper a  {
    display:block;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.our_work_wrapper a:hover {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}



.header_tel{
  width: 410px;
  height: 87px;
  position: absolute;
  top: 60px;
  right: 9%;
}

.header_tel_nbr{ width: 290px; float: left;}
.header_contact_bt{ width: 120px; float: left;}


#content{/* width: 1200px; */margin: 0 auto;}
#blog #content{width: 1200px;}

.plan-flex{
  display: flex;
  flex-direction: column;
}
.price_base {
  margin-top: auto;
}

}

/*=================================================================================================================================*/
/**  ノートPC	*/
/*=================================================================================================================================*/
@media screen and (min-width: 1280px) and (max-width: 1700px) {
}

@media screen and (min-width: 1280px) and (max-width: 1530px) {
}

/*=================================================================================================================================*/
/**  1920px以上	*/
/*=================================================================================================================================*/
@media screen and (min-width: 1750px) {
}