@charset "UTF-8";
.mobilebattery-sp {
  display: none;
}

/* ページ設定 */
#main-contents {
  font-size: 1em;
  font-family: 'Noto Sans JP', 'Roboto', sans-serif;
  font-weight: 400;
  color: #333333;
}

#container {
  width: 100%;
}

div#wrap-container {
  padding: 0;
  width: 100%;
}

#main-contents {
  width: 100%;
  margin: 0 0 10%;
}

.wrapper {
  width: 980px;
  margin: 0 auto 0;
}

h1 {
  border-bottom: 1px solid #cccccc;
  font-size: 1.8em;
  margin: 0 0 1.5%;
  padding-bottom: 6px;
  line-height: 1;
}

#container h1 {
  border-bottom: 1px solid #cccccc;
  font-size: 1.6em;
  line-height: 1.25;
  margin: 0 auto 1.4%;
  padding-bottom: 0;
  width: 980px;
}

#title-banner-box {
  background: #3F913D;
  background: linear-gradient(90deg, #3f913d 50%, #b1ce72 50%);
  width: 100%;
}

.title-banner {
  width: 980px;
  margin: 0 auto;
}

.title-banner img {
  width: 100%;
}

/* ページ内リンクボタン */
.mobilebattery-recycle-link-block {
  background-color: #FFF6E3;
  padding: 65px 0;
}

.mobilebattery-recycle-link-block-inner {
  display: flex;
  justify-content: center;
}

.mobilebattery-recycle-link-block-inner a {
  display: block;
  width: 280px;
  margin: 0 1%;
}

.mobilebattery-recycle-link-block-inner a img {
  width: 100%;
}

#mobilebattery-recycle-guide {
  background-color: #FFF6E3;
  padding: 20px 0;
}

/* 共通 */
.mobilebattery-block {
  border-radius: 8px;
  border: 1px solid #40913E;
  background-color: #fff;
  width: 980px;
  margin: 0 auto 40px;
  padding: 0 0 31px;
  box-sizing: border-box;
}

.mobilebattery-block-title {
  background-color: #40913E;
  border-radius: 8px 8px 0 0;
  color: #fff;
  font-size: 1.8666em;
  padding: 1.4% 3% 1.4%;
  line-height: 1.3;
  letter-spacing: 0.07em;
}

.mobilebattery-block-subtitle {
  font-size: 1.6em;
  margin: 43px auto 2%;
  width: 90%;
}

.mobilebattery-block-text {
  font-size: 1.1333em;
  line-height: 1.76;
  width: 89.7%;
  margin: 0 auto;
  letter-spacing: 0;
}

/* AC出力がないモバイルバッテリーの場合 */
#mobilebattery-block-no-ac .mobilebattery-block-subtitle {
  border-left: 6px solid #40913E;
  padding-left: 0.5em;
  box-sizing: border-box;
}

#mobilebattery-block-no-ac .mobilebattery-block-item {
  display: flex;
  width: 90%;
  margin: 0 auto;
}

#mobilebattery-block-no-ac .mobilebattery-block-item .mobilebattery-block-text {
  width: 60%;
  margin: 0;
}

#mobilebattery-block-no-ac .mobilebattery-block-item .mobilebattery-block-image {
  width: 29%;
  margin: -1.2% 0 0 7.7%;
}

#mobilebattery-block-no-ac .mobilebattery-block-item .mobilebattery-block-image img {
  width: 100%;
  margin: 0 0 3%;
}

/* AC出力があるモバイルバッテリーの場合 */
#mobilebattery-block-has-ac {
  padding: 0 0 43px;
}

/* ポータブル電源の場合の場合 */
#mobilebattery-block-portable {
  padding: 0 0 49px;
}

/* ポータブル電源の場合 */
#mobilebattery-block-portable .mobilebattery-btn {
  display: block;
  background-color: #FCFFF7;
  border: 1px solid #4E8542;
  color: #4E8542;
  border-radius: 8px;
  font-size: 1.0666em;
  position: relative;
  width: 51%;
  margin: 3% auto 0;
  padding: 0.7% 2%;
  box-sizing: border-box;
}

#mobilebattery-block-portable .mobilebattery-btn::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-top: solid 2px #518745;
  border-right: solid 2px #518745;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  margin-left: 4%;
}

#mobilebattery-block-portable .mobilebattery-btn img {
  width: 38px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3%;
}

/* サンワサプライの回収・リサイクルサービス */
.service-section {
  margin: 80px 0;
}

.service-section .service-container {
  border-color: #174EB0;
  background-color: #F6F8FF;
  padding: 0 0 53px;
}

.service-section .mobilebattery-block-title {
  background-color: #174EB0;
}

.service-section .mobilebattery-block-image {
  width: 90%;
  margin: 0 auto 6%;
}

.service-section .mobilebattery-block-text .atn {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
}

.service-section .mobilebattery-block-text .atn b {
  color: #FF0000;
}

.service-section .mobilebattery-block-btn {
  display: block;
  width: 46%;
  border: 4px solid #0085CB;
  color: #0085CB;
  text-align: center;
  position: relative;
  font-size: 1.6666em;
  background: #fff;
  margin: 48px auto 0;
  padding: 2.7% 0;
  font-weight: bold;
  border-radius: 13px;
}

.service-section .mobilebattery-block-btn::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-top: solid 2px #0070AA;
  border-right: solid 2px #0070AA;
  width: 11px;
  height: 11px;
  transform: rotate(45deg);
  margin-left: 4%;
}

.service-arrow {
  width: 80px;
  margin: 0 auto 25px;
}

.service-arrow img {
  width: 100%;
}

.service-highlight {
  font-size: 1.8em;
  line-height: 1.25;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.06em;
  margin: 0 0 47px;
}

.packing-info {
  background-color: #fff;
  border: 1px solid #3BA9E2;
  border-radius: 12px;
  width: 90%;
  margin: 5.7% auto 0;
  box-sizing: border-box;
  padding: 3.4% 3.4% 2.4%;
}

.packing-info .packing-subtitle {
  margin: 0;
}

.packing-info ul {
  margin: 4.1% 0 0;
  width: 93%;
}

.packing-info ul li {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.7;
  font-size: 1.1333em;
  margin: 0 0 0.2%;
}

.packing-info .packing-image {
  float: right;
  width: 37%;
  margin: 0.7% 0 0;
}

.packing-info .packing-image img {
  width: 262px;
}

/* clfx */
.clfx:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}