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

.h-text__red	{
color:#bd0000;
}
.h-text__green	{
  color: #196e15!important;
  font-size:120% !important;

}

.h-space__bg-brown2 {
background: #eae7e3;
}

.h-text__bold	{
font-weight:700 !important;
}
.c-link--blue,.link--clipPath	{font-weight:700 !important;}

.malp10	{margin-left:20% !important;}
.mal20	{margin-left:20px !important;}
.mal30	{margin-left:30px !important;}
.mal35 {margin-left: 35px!important;}
.mat10	{margin-top:10px !important;}
.mat20	{margin-top:20px !important;}
.mat30	{margin-top:30px !important;}
.mat40	{margin-top:40px !important;}
.mab10	{margin-bottom:10px !important;}
.mab20	{margin-bottom:20px !important;}
.mab30	{margin-bottom:30px !important;}
.spat5	{padding-top:5px !important;}
.pat5	{padding-top:5px !important;}
.pat10	{padding-top:10px !important;}
.pat20	{padding-top:20px !important;}
.pab20	{padding-bottom:20px !important;}
.pat30	{padding-top:30px !important;}
.smat50	{margin-top:50px !important;}
.smat80	{margin-top:80px !important;}
.p20	{padding:5px 20px ;}
.tac {text-align:center;}
.b_gray	{border:2px solid #aaaaaa;}
.f120	{font-size:120% !important;}

@media (max-width: 769px) {
.pc { display:none; }
.sp { display:block; }
.p20	{padding:5px 10px ;}
.spat5	{padding-top:0px !important;}
.smat50	{margin-top:30px !important;}
.smat80	{margin-top:50px !important;}
.f120	{font-size:110% !important;}

}


table{
  margin: auto;
  margin-top: 30px;
  border-collapse: collapse;
  width: 90%;
}
th{
  padding: 10px;
  background-color: #007c7c;
  color: #fff;
  font-size: 16px;
  font-weight:bold;
  text-align: center;  
  border: solid 2px #000000;
}
td{
  padding: 3px;
  border: 2px solid #000;
  font-size: 16px;
  text-align: center;
}
td.td3{
  width: 60%;
}

@media only screen and (max-width:749px) {
  table{
    width: 100%;
  }
  th{
    font-size: 12px;
  }
  table {
    max-width: 500px;
  }
  td {
    font-size: 12px;
  }
}




.l-guide__search-input {
  position: relative;
  width: 100%;
}

.l-guide__search-input::before {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  background: url(../images/search_black_icon.svg) center/15px 15px no-repeat;
}

.l-guide__search-input > input {
  width: 100%;
  padding: 10px 10px 10px 33px;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 3px;
}

.l-guide__search-container {
  padding: 13px 10px;
}
@media (min-width: 769px) {
  .l-guide__search-container {
    padding: 0;
  }
}

.l-guide__search-listWrap {
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  max-height: 210px;
  overflow-y: auto;
  z-index: 1000;
  display: none;
}

.l-guide__search-listTop {
  background-color: #fff;
  font-size: 12px;
  color: #999;
  padding: 18px 10px 8px;
  display: none;
}

.is-active .js-suggestion {
  display: block;
}

.is-active .js-searchResults {
  display: block;
}

.search-result {
  position: relative;
  padding: 10px;
  color: #333;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
}

.search-result:hover {
  background: #f3f3f3;
}

.search-result::after {
  position: absolute;
  top: 50%;
  right: 4px;
  content: "";
  width: 12px;
  height: 6px;
  display: inline-block;
  background: url(../images/arrow_green.svg) center/20px 20px no-repeat;
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}

.highlight {
  color: blue;
}

.no-results {
  padding: 10px;
}

.l-guide__search-input {
  position: relative;
  width: 100%;
}
.l-guide__search-input::before {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  background: url(../images/search_black_icon.svg) center/15px 15px no-repeat;
}
.l-guide__search-input > input {
  width: 100%;
  padding: 10px 10px 10px 33px;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 3px;
}
.l-guide__search-container {
  padding: 13px 10px 0px 10px;
}
@media (min-width: 769px) {
  .l-guide__search-container {
    padding: 0;
  }
}
.l-guide__search-listWrap {
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  max-height: 210px;
  overflow-y: auto;
  z-index: 1000;
  display: none;
}
.l-guide__search-listTop {
  background-color: #fff;
  font-size: 12px;
  color: #999;
  padding: 18px 10px 8px;
  display: none;
}
.is-active .js-suggestion {
  display: block;
}
.is-active .js-searchResults {
  display: block;
}
.search-result {
  position: relative;
  padding: 10px;
  color: #333;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
}
.search-result:hover {
  background: #f3f3f3;
}
.search-result::after {
  position: absolute;
  top: 50%;
  right: 4px;
  content: "";
  width: 12px;
  height: 6px;
  display: inline-block;
  background: url(../images/arrow_green.svg) center/20px 20px no-repeat;
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}
.highlight {
  color: blue;
}
.no-results {
  padding: 10px;
}
.l-guide__link-container {
  margin-top: 13px;
}
@media (min-width: 769px) {
  .l-guide__link-container {
    max-width: 716px;
    margin: 30px auto 0;
  }
}
.l-guide__link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 0 10px;
  margin-top: 24px;

}
@media (min-width: 769px) {
  .l-guide__link-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
    margin-top: 40px;
  }
}
.l-guide__link-list > li {
  width: 100%;
}
@media (min-width: 769px) {
  .l-guide__link-list > li {
    width: 50%;
    max-width: 350px;
  }
}
.l-guide__link-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #6fba2c;
  font-weight: 700;
  padding: 0 10px;
  border: 1px solid #6fba2c;
  border-radius: 4px;
  height: 50px;
    font-size:15px !important;
    line-height:1.1;

}
.l-guide__link-item--bg-green {
  background-color: #6fba2c;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.l-guide__link-item--arrow-down::after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(../images/arrow_green.svg) center/24px 24px no-repeat;
}


/*  ------------ 「ヘルプ・お問い合わせ」 ---------------- */
.l-help-top__information-container {
  max-width: 716px;
  margin: 0 auto;
  padding: 16px 10px 30px;
}
@media (min-width: 769px) {
  .l-help-top__information-container {
    padding: 0 0 40px;
  }
}
.l-help-top__information-heading {
  padding: 10px 8.5px;
  border: 1px solid #ccc;
  background-color: #F8FFF1;
  border-radius: 4px 4px 0px 0px;
}
@media (min-width: 769px) {
  .l-help-top__information-heading {
    padding: 10px 6.25px;
  }
}
.l-help-top__information-heading > p {
  font-size: 12px;
  font-weight: 700;
}
.l-help-top__information-text {
  padding: 10px;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0px 0px 4px 4px;
}
@media (min-width: 769px) {
  .l-help-top__information-text {
    padding: 10px 16px;
  }
}
.l-help-top__information-texts > p {
  font-size: 12px;
}
.l-help-top__link-inner {
  max-width: 716px;
  margin: 0 auto;
  margin-top: 11px;
}
@media (min-width: 769px) {
  .l-help-top__link-inner {
    margin-top: 24px;
  }
}
.l-help-top__link-wrap {
  margin-top: 11px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (min-width: 769px) {
  .l-help-top__link-wrap {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.l-help-top__link-wrap > .l-guide__link-list {
  margin-top: 0;
}
.l-guide__link-item--arrow-right:after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(../images/arrow_green.svg) center/24px 24px no-repeat;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.l-help-top__btn-wrap {
  padding: 0 10px;
  margin: 32px auto 0;
  max-width: 370px;
}
@media (min-width: 769px) {
  .l-help-top__btn-wrap {
    padding: 0;
    margin: 50px auto 0;
    max-width: 350px;
  }
}
@media (min-width: 769px) {
  .l-help-top__list {
      padding-bottom: 40px;
  }
}
.l-help-top__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 0px;
  margin-top:10px;
}
.l-help-top__list > li {
  padding: 12px 0;
  border-bottom: 1px solid #ccc;
}
.l-help-top__list-question > span {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  width: 17px;
  padding-left: 3px;
  color: #6fba2c;
}
.l-help-top__list-question {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 6px;
padding-right: 40px;
cursor: pointer;
}
.l-help-top__list-question a {
font-weight: 700;
}


/*  ------------ 「よくある質問」ページ ---------------- */
.l-faq__lead-text {
  padding: 0 10px;
  margin-top: 10px;
}
@media (min-width: 769px) {
  .l-faq__lead-text {
    padding: 0;
    margin-top: 15px;
  }
}
.l-faq__section-container {
  margin-top: 24px;
  margin-bottom: -16px;
}
@media (min-width: 769px) {
  .l-faq__section-container {
    margin-top: 40px;
    margin-bottom: -40px;
  }
}
.l-faq__section-inner {
  padding: 0 10px;
  margin-top: 16px;
}
@media (min-width: 769px) {
  .l-faq__section-inner {
    max-width: 756px;
    padding: 0;
    margin: 10px auto 0;
  }
}
.l-faq__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 16px;
}
@media (min-width: 769px) {
  .l-faq__list {
    padding-bottom: 40px;
  }
}
.l-faq__list > li {
  padding: 12px 0;
  border-bottom: 1px solid #ccc;
}
@media (min-width: 769px) {
  .l-faq__list > li {
    padding: 16px 0;
  }
}
.l-faq__list-question {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  padding-right: 40px;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
  transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}
.l-faq__list-question::before,
.l-faq__list-question::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 9px;
  width: 18px;
  height: 2px;
  border-radius: 50px;
  background: #6fba2c;
  -webkit-transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
  transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}
@media (min-width: 769px) {
  .l-faq__list-question::before,
  .l-faq__list-question::after {
    top: 10px;
  }
}
.l-faq__list-question::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
  transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}
.l-faq__list-question.is-open::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
  transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}
.l-faq__list-question > span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 17px;
  padding-left: 3px;
  color: #6fba2c;
}
.l-faq__list-answer {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
  transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
  padding-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.l-faq__list-answer.is-open {
  height: auto;
  -webkit-transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
  transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}
.l-faq__list-answer > span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 17px;
  padding-left: 3px;
  font-size: 16px;
  color: #bdbdbd;
  font-weight: 700;
}

@media (min-width: 769px) {
.l-faq__list-answer div img{
padding-right:50px;
padding-left:10px;
}
}

.l-faq__list-answer .small img{
width:70%;
margin-left:10%;
padding-left:0;
}

@media (min-width: 769px) {
.l-faq__list-answer .small img{
width:350px;
margin-left:0;
padding-left:0;
}
}

.l-faq__list-answer .small2 img{
width:190px;
margin-left:0%;
padding-left:0;
}

@media (min-width: 769px) {
.l-faq__list-answer .small2 img{
width:190px;
margin-left:0;
padding-left:0;
padding-right:10px;
}
}

.l-faq__list-answer .big img{
width:100%;
margin-left:0 !important;
padding-left:0;
}

@media (min-width: 769px) {
.l-faq__list-answer .big img{
width:500px;
margin-left:0;
padding-left:0;
}
}

.l-faq__list-answer .big2 img{
width:150%;
margin-left:0 !important;
padding-left:0;
}

@media (min-width: 769px) {
.l-faq__list-answer .big2 img{
width:500px;
margin-left:0;
padding-left:0;
}
}



.l-faq__btn-wrap {
  width: 100%;
  max-width: 350px;
  padding: 0 10px;
  margin: 30px auto 0;
}
@media (min-width: 769px) {
  .l-faq__btn-wrap {
    margin: 40px auto 0;
  }

}
.l-faq__menu-question {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  padding-right: 40px;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
  transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}
.l-faq__menu-question::before,
.l-faq__menu-question::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 9px;
  width: 18px;
  height: 2px;
  border-radius: 50px;
  background: #FFFFFF;
  -webkit-transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
  transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}
.l-faq__menu-question::before,
.l-faq__menu-question::after {
  top: 20px;
}
.l-faq__menu-question::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
  transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}
.l-faq__menu-question.is-open::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
  transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}
.l-faq__cat-list {
  margin: 30px 0 30px 0;
}
.l-faq__cat-list div{
  margin-bottom:10px;
}
.l-faq__cat-list ul{
  margin-top:10px;
}
.l-question__link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 0 10px;
  margin-top: 0px;
}
@media (min-width: 769px) {
  .l-question__link-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
    margin-top: 0px;
  }
}
.l-question__link-list > li {
  width: 100%;
}
@media (min-width: 769px) {
  .l-question__link-list > li {
    width: 23%;
    max-width: 350px;
  }
}
.l-guide__link-item{
  font-size: 14px;
  font-weight: 100;
}
.l-guide__link-item--bg-green{
  font-size: 16px;
  font-weight: 700;
}


/*  ------------ 「はじめてご利用の方へ」ページ ---------------- */
.heading {
  font-size: 28px;
  color: #333333;
  margin-bottom: 24px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .heading {
    font-size: 20px;
    padding: 24px 10px 16px;
    margin-bottom: 20px;
  }
}
.container {
  max-width: 1080px;
  padding: 0;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .container {
    padding: 0px 10px;
  }
}
.heading--gray {
  font-size: 18px;
  font-weight: 700;
  background-color: #F3F3F3;
  padding: 12px 10px;
}
.container--contents--introduction {
  padding: 24px 30px 62px;
}
@media screen and (max-width: 768px) {
.heading--gray {
  font-size: 16px;
}

  .container--contents--introduction {
    padding: 16px 10px 24px;
  }
}
.introduction--text {
  font-size: 16px;
  line-height:26px;
}
.container--contents {
  padding: 24px 30px 40px;
}
@media screen and (max-width: 768px) {
.introduction--text {
  font-size: 14px;
  line-height:24px;
}

  .container--contents {
    padding: 24px 10px 24px;
  }
}
.container--contents--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .container--contents--flex {
    display: block;
    padding: 0px;
    margin-bottom: 24px;
  }
}
.container--contents--first {
  margin: 0 auto;
  width: 816px;
}
@media screen and (max-width: 768px) {
  .container--contents--first {
    width: auto;
  }
}
.button--wrap--first {
  padding-right: 30px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .button--wrap--first {
    padding-right: 0px;
  }
}
.container--contents--second {
  padding: 0px 30px 40px;
}
@media screen and (max-width: 768px) {
  .container--contents--second {
    padding: 0px 10px 24px;
  }
}
.button--padding {
  padding: 0 30px;
}
.img--wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.button--text--first {
  font-size: 16px;
  text-align: center;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .button--text--first {
  font-size: 14px;
    margin-bottom: 24px;
  }
}
.heading--title {
  font-size: 16px;
  padding: 10px 0;
  font-weight: 700;
  border-bottom: 1px solid #CCCCCC;
}
.heading--title--second {
  font-size: 16px;
  padding: 10px 0;
  font-weight: 700;
  border-bottom: 1px solid #CCCCCC;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
.heading--title {
  font-size: 14px;
}

  .heading--title--second {
    margin-top: 14px;
  }
}
.container--contents--inner {
  padding: 16px 30px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .container--contents--inner {
    padding: 16px 0px 24px;
  }
}
.container--contents--inner--second {
  padding: 16px 30px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .container--contents--inner--second {
    padding: 16px 0px 0px;
  }
}
.list--title {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  padding-left: 20px;
}
.list--title::before {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #6FBA2C;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 2px;
}
.list--title2 {
  font-size: 16px;
  font-weight: 400;
  position: relative;
  padding-left: 20px;
}
.list--title2::before {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #6FBA2C;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 2px;
}
.list--contents {
  font-size: 16px;
  margin-top: 4px;
  line-height:26px;
}
.link--clipPath {
  display: inline-block;
  color: #0748a1;
  position: relative;
  padding-left: 12px;
  font-size: 16px;
  margin-top: 4px;
}
.link--clipPath::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  border-left: 6px solid transparent; /* 左辺 */
  border-right: 6px solid transparent; /* 右辺 */
  border-bottom: 10px solid #333333; /* 底辺 */
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
          clip-path: polygon(50% 0%, 0% 100%, 100% 100%); /* clip-pathで三角形を形成 */
}


@media screen and (max-width: 768px) {
.list--title {
  font-size: 14px;
}
.list--title::before {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #6FBA2C;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 2px;
}
.list--title2 {
  font-size: 14px;
}
.list--title2::before {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #6FBA2C;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 2px;
}
.list--contents {
  font-size: 14px;
  line-height:24px;
  margin-top: 4px;
  }
  
.link--clipPath {
  font-size: 14px;
}

  
}

.button--wrap {
  max-width: 350px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .button--wrap {
    gap: 16px;
    margin: 0 10px;
  }
}
.button--main {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0;
  background-color: #6FBA2C;
  color: white;
  border-radius: 4px;
  gap: 0 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  font-weight: 700;
  cursor: pointer;
}
.button--main:hover, .c-button--next-green:hover, .c-button--outline:hover {
  opacity: 0.6;
}
.c-button--next-green {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  font-size: 14px;
  color: white;
  border-radius: 4px;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  padding: 13px 0;
  background-color: #6FBA2C;
  font-weight: 700;
  cursor: pointer;
}
.c-button--next-green::after {
  position: absolute;
  display: inline-block;
  right: 15px;
  z-index: 1;
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("../images/button_arrow.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.c-button--outline {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  font-size: 14px;
  border-radius: 4px;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  font-weight: 700;
  padding: 12px 0;
  color: #6FBA2C;
  background-color: white;
  border: 1px solid #6FBA2C;
  cursor: pointer;
}



/*  ------------ 「ネットオフについて」ページ ---------------- */
.l-help-about__link-container {
  max-width: 716px;
  margin: 0 auto;
}
.l-help-about__link-container .l-guide__link-list {
  margin-top: 11px;
}
@media (min-width: 769px) {
  .l-help-about__link-container .l-guide__link-list {
    margin-top: 40px;
  }
}
.l-help-about__section-container {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (min-width: 769px) {
  .l-help-about__section-container {
    margin-top: 36px;
    gap: 40px;
  }
}
.l-help-about__section-inner {
  padding: 16px 10px 0;
}
@media (min-width: 769px) {
  .l-help-about__section-inner {
    padding: 16px 30px 0;
  }
}
.l-help-about__section-inner > p {
  line-height: 26px;
}
.l-help-about__text {
  padding-bottom: 16px;
}
.l-help-about__list-title {
  padding: 12px 4px;
  font-weight: 700;
  border-bottom: 1px solid #ccc;
}
.l-help-about__list-text {
  padding: 10px 0;
  line-height: 26px;
}
.l-help-about__list-media {
  display: grid;
  grid-template-columns: 145px 1fr;
  gap: 8px;
}
.l-help-about__arrow-link {
  margin-top: 4px;
}
.l-help-about__icon-list li {
  padding-left: 1.5em;
  position: relative;
}
.l-help-about__icon-list li::before {
  position: absolute;
  left: 4px;
  content: "・";
  display: inline-block;
}
.l-help-about__btn-wrap {
  margin: 22px auto 0;
  padding: 0 10px;
  max-width: 370px;
}
@media (min-width: 769px) {
  .l-help-about__btn-wrap {
    padding: 0;
    margin: 40px auto 0;
    max-width: 350px;
  }
}


/*  ------------ 「キャンペーン・特集」ページ ---------------- */
.l-recommend__campaign-section {
  margin-top: 20px;
}
.l-recommend__campaign-section:first-child {
  margin-top: 0;
}
.l-recommend__campaign-heading {
  padding-bottom: 10px;
}
.l-recommend__campaign-heading span {
  position: relative;
  display: inline-block;
  padding-top: 8px;
  font-size: 18px;
  font-weight: 700;
}
.l-recommend__campaign-heading span::after {
  position: absolute;
  top: -8px;
  right: 0;
  display: inline-block;
  content: "";
  width: 27px;
  height: 27px;
  background: url(../images/cheap_icon.svg) center/27px no-repeat;
}
.l-recommend__campaign-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 9.47px;
  padding: 0 10px 0 0;
  margin: 0 -10px 0 0;
  overflow-x: scroll;
  scrollbar-width: none;
}
.l-recommend__campaign-list::-webkit-scrollbar {
  display: none;
}
@media (min-width: 769px) {
  .l-recommend__campaign-list {
    gap: 0 20px;
  }
  
  
}
.l-recommend__campaign-item {
  width: 100%;
  min-width: 172px;
}
.l-recommend__campaign-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 172/100;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-recommend__campaign-title {
  font-size: 12px;
}
/*# sourceMappingURL=styles.css.map */



.c-image {
  text-align: center;
  position: relative;
  margin:20px auto 10px;
}

.c-image__figure {
  margin: 0;
}

.c-image a {
  display: block;
  -webkit-transition: .4s;
  transition: .4s;
}

.c-image a:hover {
  opacity: .6;
}

.c-image img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
}

.c-image2 img {
  max-width: 400px;
  width: auto;
  height: auto;
  vertical-align: middle;
}

.c-image3 img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
}

@media (max-width: 767px) {
.c-image2 img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
}
.c-image3 img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
}
}


.c-heading-sub-h4 {
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  margin-top: 60px;
  padding: 0 19px 8px;
  font-weight:700;
  margin-bottom:20px;
}

@media (max-width: 767px) {
  .c-heading-sub-h4 {
  font-size: 16px;
  margin-top: 40px;
    padding: 0 10px 8px;
  }
}

.c-heading-sub-h4+p {
  padding: 0 20px;
}

@media (max-width: 767px) {
  .c-heading-sub-h4+p {
    padding: 0 10px;
  }
}

.c-heading-sub-h5 {
  background: #f2f2f2;
  font-size: 16px;
  margin: 30px 0px 0;
  padding: 7px 24px;
  font-weight:bold;
}

@media (max-width: 767px) {
  .c-heading-sub-h5 {
  font-size: 14px;
    margin: 30px 0 0;
    padding: 7px 20px;
  }
}


/*ご利用ガイドスライダー*/

.c-mv-slider3 {
  padding: 9px 0 1px;
}

@media (max-width: 767px) {
  .c-mv-slider3 {
    padding: 9px 0 0;
  }
}


.c-mv-slider3__body {
  padding: 0 0 11px;
  margin: 0;
  list-style: none;
  
}

.c-mv-slider3__body .slick-slide {
  width: 280px;
  margin: 0 10px;
  overflow: hidden;
}



.c-mv-slider3__body .slick-dots {
  bottom: -20px;
}

@media (max-width: 767px) {
.c-mv-slider3__body .slick-slide {
  width: auto;
}



.c-mv-slider3__body .slick-dots {
    bottom: 0;
  }
}

.c-mv-slider3__body .slick-dots li {
  width: 9px;
  height: 9px;
  margin: 0 7.5px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .c-mv-slider3__body .slick-dots li {
    margin: 0 4px;
    width: 6px;
    height: 6px;
  }
}

.c-mv-slider3__body .slick-dots li.slick-active {
  width: 15px;
  height: 15px;
  margin: 0 4.5px;
}

@media (max-width: 767px) {
  .c-mv-slider3__body .slick-dots li.slick-active {
    width: 9px;
    height: 9px;
  }
}

.c-mv-slider3__body .slick-dots li.slick-active button {
  background: #196e15;
}


.c-mv-slider3__body .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
  background: #c4c4c4;
}

.c-mv-slider3__body .slick-dots li button:before {
  display: none;
}

.c-purchasing-list3 {
  padding: 0 8px;
  margin: 0 auto 50px;
  list-style: none;
  width:100%;
}


@media (max-width: 767px) {
  .c-purchasing-list3 {
    padding: 0;
  }
}

.c-purchasing-list3:after {
  content: "";
  display: block;
}

.c-purchasing-list3__item {
    width: 100%;
  display: flex;
  margin:0 auto 38px !important;
}


@media (max-width: 767px) {
  .c-purchasing-list3__item {
     width: 100%;
  }
}

@media (max-width: 767px) {
  .c-purchasing-list3__item:last-of-type {
    margin-bottom: 0;
  }
}

.c-purchasing-list3__image {
  width: 100%;
  margin:0 auto !important;
}

@media (max-width: 767px) {
  .c-purchasing-list3__image {
  width: 100%;
  }
}


.c-purchasing-list3__image div.c-image img {
  margin-left: 10px;

}



@media (max-width: 767px) {
.c-purchasing-list3__image div.c-image img {
  margin-left: 0px;

}

}


.c-purchasing-list3+div.c-button {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .c-purchasing-list3+div.c-button {
    margin-bottom: 50px;
  }
}


.slick-slider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list,.slick-slider {
  position: relative;
  display: block;
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,.slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after,.slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}


.slick-next,.slick-prev {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0;
  border: none;
}

.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover {
  background: transparent;
  color: transparent;
  outline: none;
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
  opacity: 1;
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
  opacity: .25;
}

.slick-next:before,.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: .75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
}

.slick-dots li,.slick-dots li button {
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
}

.slick-dots li button:focus,.slick-dots li button:hover {
  outline: none;
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "?";
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75;
}

/*追加分*/
.img_card img	{width:220px;margin:0 auto;}



.c-guide-inner {
  margin-bottom: 20px;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .c-guide-inner {
    padding: 0 10px;
  }
}

.c-guide-inner ul.h-text__ul-sub {
  margin-left: 10px;
}

@media (max-width: 767px) {
  .c-guide-inner ul.h-text__ul-sub {
    margin-left: 10px;
  }
}

.h-space__bg-sub {
  background: #f8f5e1;
  padding:20px;
  margin-bottom:20px !important;
}

.c-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  list-style: none;
}

@media (max-width: 767px) {
.h-space__bg-sub {
  background: #f8f5e1;
  padding:15px;
  margin-bottom:35px !important;
}

  .c-col {
    display: block;
  }
  
  
}

@media (min-width: 768px) {
  .c-col>li {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.c-col>li:not(:last-of-type) {
  margin-right: 8px;
}

@media (max-width: 767px) {
  .c-col>li:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.c-col__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-guide-inner ul.h-text__ul-sub {
  margin-left: 10px;
}

@media (max-width: 767px) {
  .c-guide-inner ul.h-text__ul-sub {
    margin-left: 0px;
  }
}

.h-text__circle-gray,.h-text__circle-green {
  padding-left: 19px;
  text-indent: -19px;
}

.h-text__circle-gray:before,.h-text__circle-green:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
}

.h-text__circle-green:before {
  background: #71b349;
  width: 10px;
  height: 10px;
  margin-right: 9px;
}

.h-text__circle-gray:before {
  background: #919191;
  width: 8px;
  height: 8px;
  margin-right: 9px;
}

.c-text-image__image {
  width: 100%;
}

.c-text-image__text {
  padding: 0 25px;
  margin-top: 15px;
  font-size: 1.4rem;
}

@media (max-width: 767px) {
  .c-text-image__text {
    padding: 0 10px;
  }
}

.c-text-image__text-heading {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align:center;
}

@media (max-width: 767px) {
  .c-text-image__text-heading {
    font-size: 14px;
  }
}

.c-text-image__text-heading+* {
  margin-top: 0;
}

@media (max-width: 767px) {
  .c-text-image__text>p {
    margin: 7px 0;
  }
}

.c-text-image__text>:first-child {
  margin-top: 0;
}

.c-text-image__text>:last-child {
  margin-bottom: 0;
}