@media screen and (min-width: 768px) {
  body {
    padding-top: 0;
  }
  .toppage-h3 {
    margin-top: 5rem;
  }
  /*header_sns-link*/
  .header-sns .blog-link {
    right: 140px;
  }
  .header-sns .insta-link {
    right: 80px;
  }
  .header-sns .line-link {
    position: absolute;
    bottom: 1rem;
    right: 20px;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 40px;
    color: #00b900;
    padding: 0;
  }
  /*/header_sns-link*/
  /*key*/
  .key-visual {
    width: 100%;
    height: auto;
    /* height: 500px; */
    margin: 0 auto;
  }
  .key-filter {
    height: 500px;
  }
  .hero-catch .key-font {
    top: 50%;
    left: 20px;
    font-size: 3rem;
  }
  /*news*/
  .news {
    padding-right: 0;
    padding-left: 0;
  }
  .news > h3,
  .news article {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .news-contents::after {
    content: "";
    display: block;
    clear: both;
  }
  .news .news-thumb {
    text-align: left;
    padding-left: 1.5rem;
  }
  .news .news-thumb img {
    height: 155px;
    vertical-align: bottom;
  }
  .news .news-thumb,
  .news-thumb + .news-content {
    float: left;
  }
  /*info*/
  #info {
    width: 100%;
    margin: 0 auto;
  }
  #info::after {
    display: block;
    content: "";
    clear: both;
  }
  #company .list-sns {
    padding-left: 1.5rem;
  }
  #company .insta-link {
    left: 124px;
  }
  #company .twitter-link {
    left: 179px;
  }
  #company .line-link {
    left: 234px;
  }
  #company .youtube-link {
    left: 289px;
  }
  #company .info-con-text {
    padding: 0 24px;
  }
  #company,
  #map {
    width: 50%;
    float: left;
  }
  #map {
    padding-bottom: 40%;
  }
  .cont-info-link .info-pagelink {
    margin-left: 1.5rem;
  }
  #info .contact-link a {
    width: auto;
    padding: 0.5rem 3rem;
    margin-left: 1.5rem;
  }
  /*product*/
  #product {
    padding: 0 60px;
  }
  #product img {
    height: 600px;
  }
  /*/product*/
  /*explanation*/
  .explanation-contents a:not(.non-blue-link) {
    width: 13rem;
    height: 3rem;
    font-size: 0.9rem;
    line-height: 3rem;
  }
  .explanation-2link-wrap a {
    float: left;
  }
  .explanation-2link-wrap::after {
    display: block;
    content: "";
    clear: both;
  }
  .explanation-2link-wrap .explanation-2link {
    margin-top: 0;
    margin-left: 3rem;
  }
  /*/explanation*/
  /*news*/
  .news {
    padding-top: 5rem;
  }
  .news-list time {
    padding-right: 1.9rem;
  }
  /*/news*/
  /*insta-feed*/
  #insta-feed {
    margin-top: 5rem;
  }
  #insta-feed #sb_instagram {
    width: 600px !important;
  }
  /*/insta-feed*/
  /*main-contents*/
  .main-contents {
    width: 100%;
    margin: 0 auto;
  }
  /*/main-contents*/
  /*page_固定ページ*/
  .page-wrap {
    width: 100%;
    margin: 0 auto;
  }
  .page-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .page-title h1 {
    font-size: 2rem;
  }
  .page-items li.page-item {
    float: none;
  }
  aside.page-sidebar,
  .page-content {
    float: left;
  }
  aside.page-sidebar {
    width: 25%;
    margin-right: 90px;
  }
  .page-content {
    width: calc(75% - 90px);
  }
  .trouble-content {
    width: 100%;
  }
  .trouble-content #gas-guide {
    margin-bottom: 0 !important;
  }
  .trouble-content #trouble-case {
    margin-bottom: 0 !important;
  }
  .trouble-content .case3 {
    margin-bottom: 0 !important;
  }
  .trouble-content .page-img {
    text-align: center;
  }
  .trouble-content .page-img img {
    width: 50% !important;
  }
  .page-items {
    padding: 0;
  }
  .page-items li.page-item {
    width: 100%;
  }
  /*page-lp-fee*/
  .ele-fee-table th,
  .ele-fee-table td {
    font-size: 1rem;
  }
  .ele-fee-table th,
  .ele-fee-table td {
    padding: 1rem !important;
  }
  /*/page-lp-fee*/
  /*page-electronic*/
  .electronic-pagelink {
    width: 300px;
    margin: 0 auto;
  }
  /*/page-electronic*/
  /*contact*/
  #wpcf7-f124-p120-o1 .wpcf7-text,
  #wpcf7-f124-p120-o1 .wpcf7-textarea {
    width: 50%;
  }
  .contactform {
    padding: 1.5rem 5rem;
  }
  /*/contact*/
  /*/page_固定ページ*/
}
/*-------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .explanation {
    width: 100%;
  }
}
/*-----------------------------------------------------*/
@media screen and (min-width: 980px) {
  .news > h3,
  .news article,
  #info,
  .main-contents,
  .page-wrap {
    width: 980px !important;
  }
  #insta-feed #sb_instagram {
    width: 980px !important;
  }
  #trouble-case ul::after {
    content: "";
    display: block;
    clear: both;
  }
  #lp-case ul::after {
    content: "";
    display: block;
    clear: both;
  }
  #trouble-case li {
    float: left;
    width: calc(33.3% - 20px);
    margin: 0;
    margin-bottom: 3rem;
  }
  #lp-case li {
    float: left;
    width: calc(50% - 20px);
    margin: 0;
    margin-bottom: 3rem;
  }
  #trouble-case li:nth-child(3n + 1),
  #trouble-case li:nth-child(3n + 2) {
    margin-right: 30px;
  }
  #lp-case li:nth-child(odd) {
    margin-right: 40px;
  }
  /* lpgas-page */
  .gas-items-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .gas-item {
    float: left;
  }
  .gas-item:nth-of-type(3) {
    margin-left: 30px;
  }
  .gas-item:nth-of-type(1),
  .gas-item:nth-of-type(4) {
    margin-right: 30px;
  }
  .gasi-imgwrap {
    width: calc(215px - 20px);
    margin: 0;
  }
  /* information-page */
  #abefuel-information tr::after {
    content: "";
    display: block;
    clear: both;
  }
  #abefuel-information th,
  #abefuel-information td {
    float: left;
  }
  #abefuel-information th {
    width: 25%;
  }
  #abefuel-information td {
    width: 75%;
  }
}
/*-----------------------------------------------------*/
@media screen and (min-width: 1050px) {
  /*header*/
  .global-wrap {
    position: static;
    display: flex;
    height: 92px;
  }
  header#gheader {
    position: relative;
    left: 30px;
    width: 175px;
    height: auto;
    background-color: transparent;
    padding: 0;
    margin: 0;
    border-bottom: none;
  }
  .site-title {
    height: 55px !important;
    padding: 17.5px 0;
  }
  span.drawer-wrap {
    display: none;
  }
  /*header-sns*/
  .header-sns {
    width: 300px;
    height: 100%;
    margin-right: 1rem;
    margin-left: auto;
  }
  .header-sns .insta-link,
  .header-sns .blog-link,
  .header-sns .line-link {
    bottom: 50%;
    margin-bottom: -17px;
  }
  .header-sns .blog-link {
    right: 120px;
  }
  .header-sns .insta-link {
    right: 60px;
  }
  .header-sns .line-link {
    right: 0;
  }
  /*/header-sns*/
  /*global-navi*/
  #gnavi {
    position: relative;
    display: block;
    height: 3rem;
    background-color: transparent;
    padding-top: 22px;
    margin-left: 0;
    text-align: right;
  }
  #gnavi ul {
    /*display: inline-block;*/
    height: 100%;
    padding: 0;
    padding-right: 30px;
    background-color: transparent;
  }
  #gnavi-menu {
    border: none;
    flex-wrap: nowrap;
  }
  #gnavi .gnavi-item {
    width: auto;
    height: 100%;
    text-align: center;
    flex-grow: 1;
    margin-bottom: 0 !important;
    border: none;
  }
  #gnavi .gnavi-item:nth-of-type(odd) {
    border-right: none;
  }
  #gnavi .gnavi-item a {
    display: inline;
    line-height: 48px;
    padding: 1rem 1rem;
    font-size: 1.1rem;
  }
  #gnavi-menu a:hover {
    color: #fff;
    background-color: rgba(252, 252, 252, 0.1);
    transition: 0.3s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  /*key-visual*/
  .hero-catch .key-font {
    top: auto;
    bottom: 20%;
    left: 50%;
    width: 980px;
    text-align: center;
    margin: 0 0 0 -490px;
  }
  /*/key-visual*/
  /*product*/
  #product {
    /*width: 980px;*/
    text-align: center;
    padding: 5rem 0;
    margin: 0 auto;
  }
  .explanation-h3 {
    margin-top: 0;
  }
  .explanation-img {
    border: none;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
  }
  .product-items {
    display: inline-block;
    padding: 0;
    margin: 0 auto;
  }
  #product li {
    position: relative;
    width: calc(326.6px - 50px);
    float: left;
  }
  .product1 {
    left: 0;
    margin-right: 75px;
    margin-bottom: 0;
  }
  .product2 {
    right: 0;
  }
  .product1 img,
  .product2 img {
    height: 350px !important;
  }
  /*page-electronic*/
  .electronic-pagelink {
    width: 500px;
  }
  /*/page-electronic*/
  /*explanation*/
  .explanation1,
  .explanation2,
  .explanation3 {
    position: relative;
    border-top: 1px solid #ddd;
  }
  .explanation {
    margin: 0 auto;
    border: none;
  }
  .number-title,
  .explanation-contents {
    width: 54%;
  }
  .explanation2 .number-title,
  .explanation2 .explanation-contents {
    margin-left: auto;
  }
  .explanation-number {
    width: 2.3rem;
    height: 5rem;
    line-height: 6rem;
    margin-left: 0;
  }
  .explanation-wrap h4 {
    font-size: 2.7rem;
    font-weight: 400;
    text-align: left;
    padding: 0;
  }
  .explanation-img {
    width: 40%;
    height: 100%;
    position: absolute;
    top: 0;
  }
  .top3-3 {
    width: 40%;
    height: 100%;
  }
  .explanation1 .explanation-img,
  .explanation3 .explanation-img {
    right: 0;
  }
  .explanation2 .explanation-img {
    left: 0;
  }
  .explanation-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .top3-3 img {
    object-fit: fill;
  }
  .explanation-contents {
    padding: 0;
  }
  /*/explanation*/
  /*contact*/
  #wpcf7-f124-p120-o1 {
    padding: 0;
  }
  /*/contact*/
  /*insta-feed*/
  /*/insta-feed*/
}
/*----------------------------------------------*/
@media screen and (min-width: 1200px) {
  .explanation {
    width: 1200px;
  }
}