@charset "utf-8";

/*=================================================================================================================================*/
/** 個別指定 for スマートフォン
/*=================================================================================================================================*/

/*---------------------------------------------
 ** 320px
---------------------------------------------*/
@media screen and (max-width: 320px) {
  .h2_header_main span {
    font-size: 3.2rem !important;
  }
}

/*---------------------------------------------
 ** 740px
---------------------------------------------*/
@media screen and (max-width: 740px) {
  /*---------------------------------------------
body
---------------------------------------------*/
  html {
    scroll-behavior: smooth;
    font-size: 57%;
  }
  body {
    color: #444;
    padding: 0;
  }

  /* fook */
  .only_sp_none {
    display: none !important;
  }

  /*画像*/
  img {
    max-width: 100%;
    height: auto;
  }
  h2 {
    font-size: 3rem;
  }

  /*---------------------------------------------
 **  flexbox
---------------------------------------------*/
  .flex_item_clounm_3 {
    width: 100%;
  }
  .flex_item_clounm_2 {
    width: 100%;
  }
  .flex_item_clounm_4 {
    width: 100%;
  }

  /*---------------------------------------------
 **  メイン画像
---------------------------------------------*/
  .main_img {
    width: 100%;
    height: 130px;
    position: relative;
    background-size: cover;
    text-align: center;
  }
  .header_inner {
    width: 100% !important; /* height: 80px; */
    padding: 24px 0 0px;
    margin: 0 !important;
  }

  /*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
  .sns_bt_wrapper {
    display: none;
  }

  /*---------------------------------------------
 **  ロゴ
---------------------------------------------*/
  #logo {
    width: 175px;
    height: 58px;
    margin: 0px auto 0px;
  }
  #footer #logo {
    width: 224px;
    height: auto;
    margin: 0 auto 0px;
  }
  .sp_tel {
    width: 51px;
    height: 51px;
    position: absolute;
    top: 14px;
    left: 3%;
  }

  /*---------------------------------------------
 **  タイトル
---------------------------------------------*/

  /*=================================================================================================================================*/
  /**  TOP*/
  /*=================================================================================================================================*/
  .koumeito_img {
    position: absolute;
    top: -9px;
    left: -10px;
    width: auto;
    height: 20%;
    z-index: 1;
  }

  /*=================================================================================================================================*/
  /**  フッター*/
  /*=================================================================================================================================*/
  .footer_wrapper {
    margin: 0;
    padding-bottom: 10px;
  }

  /* フッターナビ */
  #footer nav ul {
    background: #f6f6f6;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1px 0 1px 0;
  }
  #footer nav li {
    width: 49.3%;
    margin: 1px;
  }
  #footer nav a {
    width: 100%;
    background: #fff;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    display: block;
    position: relative;
  }
  #footer nav a:after {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 15px;
    right: 11px;
    background: url(../img/common/bt_icon_blue.png) 0 0 no-repeat;
    background-size: 100%;
    content: "";
  }

  /* ページTOPへ */
  #pageTop {
    right: 6%;
    bottom: 0;
  }
  #pageTop a {
    width: 40px;
    height: 57px;
  }

  /*=================================================================================================================================*/
  /**  内部ページ*/
  /*=================================================================================================================================*/
  .h2_header_main {
    font-size: 3.5rem;
  }
  .h2_header_main span {
    font-size: 4.1rem;
  }
  .ribbon {
    font-size: 1.6rem;
    width: 80%;
    height: 14px;
    padding: 0.82rem;
  }
  .ribbon:before {
    left: -28px;
  }
  .ribbon:after {
  }

  .h2_span {
    font-size: 3rem;
    width: 100%;
    box-sizing: border-box; /*通常の記述*/
    -webkit-box-sizing: border-box; /*Google ChromeやSafariの機能を利用*/
    -moz-box-sizing: border-box; /*Firefoxの機能を利用*/
  }

  .flex_item_clounm_2_full {
    margin-bottom: 2rem;
  }

  .spb_01 {
    width: 40%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .stc_01 {
    width: 40%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .spb_02 {
    margin: 0 auto 1rem;
  }

  .prodct_header ul {
    margin: 1rem 0 0;
    float: unset;
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .prodct_header ul li {
    padding: 0.1rem 0.6rem 0rem;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .box-left-right .box-left {
    width: 100%;
  }

  .box-left-right .box-right {
    width: 100%;
  }
  .txt {
    padding: 0 0px;
    margin-top: 0;
  }
  .bdtg {
    margin-top: 3rem;
    padding-top: 2rem;
  }

  .dl_typ_01 {
    display: block;
  }

  .ex_dl_wrapper dl {
    width: 49.5%;
  }
  .ex_dl_wrapper dl {
    width: 48%;
  }
  .ex_dl_wrapper dl dd {
    font-size: 1.2rem;
  }

  .h3_ex_01 {
    padding: 0 2.2rem;
    font-size: 2.5rem;
  }

  .pLR_4em {
    padding-left: 1em;
    padding-right: 1em;
  }

  .flow_bg_01,
  .flow_bg_02 {
    padding: 6rem 2rem 3rem;
  }

  .mtop_01:after {
    margin-top: 5rem;
  }

  /* お問い合わせフォーム */
  #index .form_inner dl {
    padding: 1.5rem 5% 1rem;
    display: flex;
    flex-wrap: wrap;
  }
  #index .form_inner dl dt {
    width: 100%;
    padding-left: 25px;
    margin-bottom: 2rem;
  }
  #index .form_inner dl dd {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  #index .form_clounm_2 dt {
    padding-left: 0;
  }

  #index .form_inner dl dt:before {
    height: 25px;
  }

  #index .form_clounm_2 dd {
    margin-bottom: 20px;
  }
  #index .cb label {
    margin-right: 3rem;
    width: 100%;
    display: block;
  }
  #index .w100_input_txt_add input {
    width: 100% !important;
  }
  #index .w100_input_txt_add input:nth-of-type(1) {
    margin-bottom: 1rem;
  }

  #index .snd_db {
    display: block;
    margin: 0 auto;
    text-align: center;
  }

  #index #form_submit_button {
    margin: 1rem auto;
  }

  /* 入力エリア */
  #index .form_inner input[type="text"],
  #index .form_inner input[type="number"],
  #index .form_inner input[type="email"],
  #index .form_inner input[type="tel"],
  #index .form_inner textarea {
    border: 1px solid #fff;
    box-shadow: 1px 1px 1px 0px #eee inset;
    width: 100%;
    max-width: 94%;
  }

  #index .form_inner textarea {
    max-width: 90%;
    width: 95%;
  }

  /* アコーディオン */
  .accordion_open {
    margin: 0;
  }

  .point {
    width: 100%;
    float: unset;
  }

  .about th {
    border-right: none;
    display: block;
    width: 100%;
  }
  .about td {
    display: block;
    text-align: center;
  }
  .tal {
    text-align: left;
  }

  .map_wrapper > div:nth-of-type(1) {
    display: none;
  }

  .map_p {
    width: 100% !important;
    font-size: 1.5rem !important;
  }

  .teln {
    font-size: 4rem;
  }
  .teln:before {
    width: 47px;
    height: 32px;
    background: url(../img/free_d.png) no-repeat;
    background-size: cover;
    display: inline-block;
  }

  .tel_footer div {
    float: unset;
  }

  .contact_bt {
    width: 300px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-top: 2rem;
  }

  .tel_footer div {
    text-align: center;
  }

  .list-address {
    margin: 0;
    padding: 0;
  }
  .name {
    display: block;
  }
  .copyright {
    padding: 0 1rem;
    margin: 2rem auto 1rem;
  }

  .w_half {
    width: 40% !important;
  }
  .w_8 {
    width: 20% !important;
    margin-bottom: 1rem !important;
  }
  .form_inner label {
    display: block;
  }

  .group-heading .num_5 {
    flex-basis: 103px !important;
  }
  .group-heading .num {
    flex-basis: 54px;
    height: 35px;
  }
  .group-heading .title {
    font-size: 1.8rem;
  }

  .protect_div {
    margin-bottom: 2rem !important;
  }

  .protect_div img {
    width: 80%;
    margin: 0 auto;
  }

  .protect_div:nth-of-type(2) img {
    width: auto;
  }

  .stc_comparison_table {
    width: 100%;
  }


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

.rev_fan .pLR_1em{
  padding: 0;
}
.rev_list{
  width: 100%;
  ustify-content:left;
}
.rev_list li {
  position: relative;
  padding-left: 1.5rem;
  display: inline-block;
  margin-right: 1rem;
  display: block;
  font-size: 1.4rem;
}


.num{ max-width:34px;}

.point.box-inline {
  width: 101% !important;
}



/* アウタータワー */
.ot_img_01 {
  width: 40%;
  height: auto;
  margin: 0 auto 20px;
  display: block;
}
.ot_img_02{
  width: 90%;
  height: auto;
  margin: 0 auto 20px;
  display: block;
}


.news_icon {
  top: -30px;
  left: 15px;
}

.news_icon img {
  width: 70px;
}

}