@charset "utf-8";



/*  01 link
======================================================================================*/




/*  04 content
======================================================================================*/

/* common heading ---*/

.common_h {
  font-size: 16px;
  font-weight: 700;
  border-left: 5px solid #45b035;
  padding-left: 8px;
  line-height: 1.2;
  margin-bottom: 10px;
}

.center_h {
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  padding: 5px 0 10px;
}

.hbox_more {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ic_h2_bg {
  background-color: #45b035;
  background-repeat: no-repeat;
  background-image: url(../img/ic_kyouka.png), url(../img/title_pattern.png);
  background-size: 43px auto, auto 100%;
  background-position: left 5px center, right center;
  border-radius: 10px;
  padding: 6px 10px 7px 55px;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
}

.ic_h2_bg.oa-tap {  background-image: url(../img/ic_oa-tap.png), url(../img/title_pattern.png);}
.ic_h2_bg.vvf-cable {  background-image: url(../img/ic_vvf-cable.png), url(../img/title_pattern.png);}
.ic_h2_bg.joint-box {  background-image: url(../img/ic_joint-box.png), url(../img/title_pattern.png);}
.ic_h2_bg.block-outlet {  background-image: url(../img/ic_block-outlet.png), url(../img/title_pattern.png);}

.ic_h2_bg.genre {  background-image: url(../img/ic_genre.png), url(../img/title_pattern.png);}

.ic_h2_bg.ic_faq {  background-image: url(../img/ic_faq.png), url(../img/title_pattern.png);}

.ic_h2_bg.ic_map {  background-image: url(../img/ic_map.png), url(../img/title_pattern.png);}

.ic_h2_bg.ic_privacy {  background-image: url(../img/ic_privacy.png), url(../img/title_pattern.png);}

.ic_h2_bg.company {  background-image: url(../img/ic_company.png), url(../img/title_pattern.png);}

.ic_h2_bg.ic_terms {  background-image: url(../img/ic_terms.png), url(../img/title_pattern.png);}

.ic_h2_bg.ic-bloglist {  background-image: url(../img/ic-blog.png), url(../img/title_pattern.png);}



.line_h {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 25px;
}

.line_h span {
  border-bottom: 2px solid #45b035;
  padding-bottom: 5px;
}

.content .green_h {
  background-color: #45b035;
  font-size: 14px;
  line-height: 1.4;
  padding: 5px 10px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 15px;
}

.transfer .content .green_h {
  margin-bottom: 10px;
}



/* main --------------------*/

.common_main {
  margin-bottom: 30px;
}

.common_main img,
.satei_main h1 img {
  border-radius: 12px;
}



/* toppage -----------------*/

/* top_navi -----*/

.top_navi {
  overflow-x: scroll;
  padding: 0 10px 10px;
}

.top_navi ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
}

.top_navi li {
  border-radius: 9999px;
  background-color: #eee;
  white-space: nowrap;
}

.top_navi li a {
  display: block;
  padding: 3px 20px 3px 10px;
  font-size: 11px;
  color: #2fa71d;
  text-decoration: none;
}

.top_navi li a:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 0 5px 2px;
  border-top: 2px solid #45b035;
  border-right: 2px solid #45b035;
  transform: rotate(45deg);
}

/*main swiper ------*/

#main_swiper .swiper {
  opacity: 0;
}

#main_swiper .swiper-initialized {
  opacity: 1;
}

#main_swiper {
  position: relative;
  padding-bottom: 40px;
}

#main_swiper .swiper-slide {
  opacity: .5;
  /* 左右のスライドを薄くする */
}

#main_swiper .swiper-slide-active {
  opacity: 1;
  /* 中央のスライドは薄くしない */
}

#main_swiper .swiper-pagination-bullet {
  background: none;
  color: #333;
  font-size: 12px;
  font-weight: 700;
  line-height: 2;
  height: 30px;
  width: 30px;
  opacity: 0.7;
  margin: 0 3px;
}

#main_swiper .swiper-pagination-bullets {
  bottom: 0;
}

/* 現在のページネーションのスタイル */
#main_swiper .swiper-pagination-bullet-active {
  color: #008641;
  opacity: 1;
}

/* ページネーションの余白(位置) */
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px;
}

/* 前へ次への矢印カスタマイズ */
#main_swiper .swiper-button-prev,
#main_swiper .swiper-button-next {
  top: calc(50% + 5px);
}

#main_swiper .swiper-button-prev {
  left: 7.5vw;
}

#main_swiper .swiper-button-next {
  right: 7.5vw;
}

/* 前へ次への矢印カスタマイズ */
#main_swiper .swiper-button-prev::after,
#main_swiper .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 30px;
  margin: auto;
  width: 30px;
}

/* 前への矢印カスタマイズ */
#main_swiper .swiper-button-prev::after {
  background-image: url(../img/button-prev.png);
}

/* 次への矢印カスタマイズ */
#main_swiper .swiper-button-next::after {
  background-image: url(../img/button-next.png);
}

/* 画像サイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
}

.swiper-camp .card_ph img {
  height: 25vw;
}


/* thumblist swiper --------*/

.thumblist {
  padding: 10px;
  margin-bottom: 40px;
}

.thumblist a {
  text-decoration: none;
}


.thumblist * {
  margin-bottom: 0;
  line-height: 1.4;
}

@media screen and (max-width : 700px) {

  .thumblist .swiper-button-prev,
  .thumblist .swiper-button-next {
    display: none;
  }
}

.thumbph {
  border-radius: 10px;
}

.swiper_genre .thumbph {
  border-radius: 0px;
}

.thumblist h3 {
  font-size: 14px;
  font-weight: 700;
  margin-top: 5px;
}

.swiper_genre h3 {
  text-align: center;
}

.thumbprice {
  font-size: 10px;
}

.thumbprice span {
  font-size: 16px;
  font-weight: 700;
}


.news_tx {
  text-align: center;
  background-color: #eee;
  font-weight: 700;
  margin: 5px 10px 10px;
  padding: 3px;
}





/* thumb list ----*/

.thumblist_title {
  margin: 10px 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.ic_h2 {
  font-size: 15px;
  font-weight: 700;
  background-repeat: no-repeat;
  background-size: 36px auto;
  padding: 5px 5px 5px 40px;
}

.top .kyouka {
  background-image: url("../img/ic_top_kyouka.png");
}

.top .genre {
  background-image: url("../img/ic_top_genre.png");
}


.genrearea {
  margin: 10px 10px 0;
}


/* price_search -----*/

.price_search {
  margin: 10px 10px 40px;
}

.price_search_inner {
  border: 2px solid #e6e6e6;
  border-radius: 8px;
  margin: 10px 0;
}

.price_search_area {
  padding: 20px 20px 0;
}

.price_search_inner h3 {
  background-repeat: no-repeat;
  background-image: url("../img/ic_search.png");
  background-size: auto 68px;
  height: 68px;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.4;
  padding: 5px 0 0 75px;
  margin-bottom: 15px;
}

.price_search_inner h3 span {
  font-size: 14px;
  color: #45b035;
}

.price_search_inner h4 {
  font-size: 14px;
  color: #45b035;
  font-weight: 700;
  margin-bottom: 5px;
}

.price_search_inner select {
  margin-bottom: 15px;
  padding: 7px 10px;
  background-color: #fff;
  border: 2px solid #e6e6e6;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
}

.excluded {
  background-repeat: no-repeat;
  background-image: url("../img/top_img_search.png");
  background-size: 317px 130px;
  background-position: center bottom;
  height: 130px;
  padding: 85px 0 0 25px;
  margin: 0;
}

a.toolTip {
  position: relative;
  padding: 5px;
  font-size: 14px;
  font-weight: 700;
  color: #45b035;
}

a.toolTip span {
  display: block;
  border: solid 3px #dadada;
  background-color: #FFF;
  color: #000;
  text-decoration: none;
  position: absolute;
  top: 25px;
  left: -10px;
  padding: 15px;
  visibility: hidden;
  width: 280px;
  text-align: left;
}

a.toolTip:hover span {
  visibility: visible;
  z-index: 100;
  opacity: 1;
}

/* top point -----*/

.top_point {
  margin: 10px 10px 40px;
}


.top_point ul {
  max-width: 350px;
  margin-bottom: 15px;
}

.top_point ul li {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

.top_point .point_img {
  width: 106px;
}

.top_point .point_tx {
  width: calc(100% - 116px);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  padding-top: 10px;
}

/* top_voice --- */

.top_voice {
  margin: 10px 10px 40px;
}

.top_voice p {
  margin-bottom: 0;
}

/* top_exam ----*/

.top_exam {
  margin: 10px 10px 40px;
}

.top_exam ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0;
}

.top_exam ul li {
  width: calc((100% - 10px) /2);
}

.top_exam ul li img {
  width: 100%;
  height: 34vw;
  object-fit: cover;
  border-radius: 20px;
  border: 2px solid #e6e6e6;
  margin-bottom: 4px;
}

.top_exam ul li>p {
  font-size: 12px;
  margin-bottom: 0;
  line-height: 1.4;
  padding: 0 5px;
}

/* top_first ----------*/

.top_first {
  margin: 10px 10px 40px;
}

.top_first .top_first_img {
  background-repeat: no-repeat;
  background-image: url("../img/top_first_img.png");
  background-size: 20vw auto;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  padding-left: 22vw;
  min-height: 20vw;
}

.top_first ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 10px 0;
  margin-bottom: 20px;
}

.checkmark li {
  background-image: url("../img/checkmark.png");
  background-repeat: no-repeat;
  background-size: 24px auto;
  background-position: left bottom 2px;
  padding: 0px 5px 0px 30px;
  font-size: 14px;
  font-weight: 700;
}

/* faq ----------*/

.top .faq {
  margin: 10px 10px 40px;
}

.faq_1st {
  margin-top: 10px;
}

/*accordion共通-----*/
.accordion__area .accordion__head {
  cursor: pointer;
  position: relative;
}

.accordion__area .accordion__head:before,
.accordion__area .accordion__head:after {
  content: '';
  position: absolute;
  top: 24px;
  transform: translateY(-50%);
  transform-origin: center center;
  transition-duration: 0.5s;
}

.accordion__area .accordion__head:before {
  width: 10px;
  height: auto;
  border-top: 2px solid #45b035;
  right: 10px;
}

.accordion__area .accordion__head:after {
  width: auto;
  height: 10px;
  border-right: 2px solid #45b035;
  right: 14px;
}

.accordion__area .accordion__head.is-open:before {
  transform: translateY(-50%) rotate(360deg);
}

.accordion__area .accordion__head.is-open:after {
  transform: translateY(-50%) rotate(90deg);
}

.accordion__area .accordion__content {
  padding: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: all 0.5s;
}

/*faqのaccordion*/
.faq .accordion__area {
  border: 2px solid #e6e6e6;
  border-radius: 10px;
  margin-bottom: 10px;
}

.faq .accordion__area .accordion__head {
  background-image: url("../img/ic_q.png");
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: left 10px top 10px;
  padding: 11px 10px 3px 50px;
  min-height: 35px;
}

.faq .accordion__area .accordion__head .head {
  font-size: 14px;
  font-weight: bold;
}

.faq .accordion__area .accordion__content .text {
  border-top: 2px solid #e6e6e6;
  font-size: 13px;
  background-image: url("../img/ic_a.png");
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: left 10px top 10px;
  padding: 12px 15px 0 50px;

}



.tabs {
  background-image: url(../img/tabs_bg_sp.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 3.8vw;
}


.tab_item {
  width: 43%;
  background-color: #fff;
  color: #45b035;
  text-align: center;
  border-radius: 10px;
  padding: 1%;
  margin: 0px 2% 4% 4%;
  font-size: 3vw;
  font-weight: 700;
}

.tab_item:nth-of-type(even) {
  margin: 0px 4% 4% 2%;
}


.tabs input:checked+.tab_item,
.tab_item:hover {
  background-color: #45b035;
  color: #fff;
}

input[name="tab_item"] {
  display: none;
}

.tab_content {
  display: none;
  width: 100%;
  margin-top: 40px;
}

/* #touten:checked ~ #touten_content,
#mitsu:checked ~ #mitsu_content,
#ryoukin:checked ~ #ryoukin_content,
#hosyo:checked ~ #hosyo_content {
  display: block;
} */

#faq1:checked~#faq1_content,
#faq2:checked~#faq2_content,
#faq3:checked~#faq3_content,
#faq4:checked~#faq4_content {
  display: block;
}


#faq ul {
  margin-top: 20px;
}


/* genre page -----------------------*/

body.genre #itemlist_content {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
  gap: 0 4vw;
}

.top .swiper_genre .card,
body.genre .card {
  width: 44vw;
  padding: 0 0 20px;
  transition: transform 0.3s;
}

.top .swiper_genre .card_ph,
body.genre .card_ph {
  margin-bottom: 5px;
  width: 100%;
  border: 2px solid #e6e6e6;
  border-radius: 10px;
  background-image: url("../img/dot_bg.png");
  background-size: 24px;
  padding: 12px 17px;
}

.top .swiper_genre .card-info p,
body.genre .card-info p {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}

.top .swiper_genre .card_ph img {
  height: auto;
}

/* itempage の内他でも使いそうなパーツ*/
.prokuma_fukidasi {
  background-image: url(../img/prokuma-circle.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 60px auto;
  padding: 10px 73px 10px 0;
}

.prokuma_fukidasi_inner {
  position: relative;
  padding: 12px 10px;
  border: 2px solid #e6e6e6;
  border-radius: 10px;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 12px;
}

.prokuma_fukidasi_inner:before {
  content: "";
  position: absolute;
  bottom: 33%;
  right: -15px;
  width: 15px;
  height: 15px;
  box-sizing: border-box;
  background-color: #ffffff;
  /* 背景色と同じ色を指定 */
  rotate: 45deg;
  translate: -48%;
}

.prokuma_fukidasi_inner:after {
  content: "";
  position: absolute;
  bottom: 33%;
  right: -15px;
  width: 15px;
  height: 15px;
  box-sizing: border-box;
  border: 2px solid;
  border-color: #e6e6e6 #e6e6e6 transparent transparent;
  rotate: 45deg;
  translate: -48%;
}


/* guide ----------------------------*/
@media screen and (max-width : 700px) {

  .guide_menu {
    background-color: #eeeeee;
    padding: 10px 30px;
  }

  .guide_menu_inner>p {
    border: 2px solid #008641;
    border-radius: 10px;
    padding: 10px;
    position: relative;
    font-weight: 700;
    background-color: #fff;
    margin-bottom: 0;
  }

  .guide_menu_inner>p:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: calc(50% - 3px);
  }

  .guide_menu-content {
    display: none;
    background-color: #fff;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 100;
    padding: 5px 0;
  }

  .guide_menu-content li {
    padding: 0 5px;
  }

  .guide_menu-content a {
    color: black;
    padding: 8px;
    text-decoration: none;
    display: block;
  }

  .guide_menu-content a:hover {
    background-color: #eee;
  }


  .guide_menu_inner:hover .guide_menu-content {
    display: block;
  }


}



/* satei page -----------------*/

.satei_main {
  position: relative;
}

.satei_main .satei_bu {
  position: absolute;
  right: 3.2%;
  top: 74.1%;
  width: 52.5%;
}

.grayline_box {
  border: 2px solid #e6e6e6;
  border-radius: 10px;
  margin-bottom: 40px;
}

.satei_flow {
  padding: 15px 20px;
}

.satei_flow .satei_flow_img {
  padding: 0 20%;
}

.satei_flow ol {
  border-top: 2px dashed #e6e6e6;
}

.satei_flow ol>li {
  border-bottom: 2px dashed #e6e6e6;
  list-style-type: decimal;
  list-style-position: inside;
  text-indent: -1.2em;
  padding: 9px 0 9px 1em;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.satei_flow ol>li::marker,
.line_flow ol>li::marker {
  color: #45b035;
}

.satei_flow .satei_flow_notice {
  padding-left: 1em;
  margin: 7px 0 0;
}

.buy_item {
  background-image: url("../img/satei_staff_img.png");
  background-repeat: no-repeat;
  background-position: right 15px bottom;
  background-size: 163px 129px;
  padding: 15px 15px 20px;
}

.buy_item .buy_type {
  font-size: 14px;
  font-weight: 700;
}

.buy_item p .buy_type_b {
  font-weight: 700;
  font-size: 17px;
}

.howtosend li {
  padding: 15px;
  text-align: center;
  margin-bottom: 3%;
}

.howtosend h3 {
  background-image: url("../img/satei_txsend.png");
  background-repeat: no-repeat;
  background-size: 75px;
  background-position: center top 10px;
  padding-top: 90px;
  font-size: 16px;
  font-weight: 700;
}

.howtosend .phsend h3 {
  background-image: url("../img/satei_phsend.png");
}

.howtosend li p:last-child {
  margin-bottom: 0;
}

.satei_form,
.line_add {
  background-image: url(../img/mailsatei_form.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: center top 20px;
  padding-top: 90px;
  margin-top: 35px;
}

.line_add {
  background-image: url(../img/linesatei_add.png);
  background-size: 69px auto;
  padding: 110px 15px 15px;
}

#content .attention_line {
  margin-bottom: 0;
}


.attention_line span {
  color: #45b035;
  font-size: 14px;
  font-weight: 700;
}

.attention_line span:before,
.attention_line span:after {
  font-family: "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

.attention_line span:before {
  content: "＼ ";
}

.attention_line span:after {
  content: " ／";
}

.mailsatei_copy {
  padding: 10px 20px;
}

.qr_area {
  display: none;
  justify-content: space-between;
  align-items: stretch;
}

.qrcode {
  width: 35%;
  border: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.line_flow {
  width: 60%;
  margin-bottom: 5px;
}

.line_flow h4 {
  color: #45b035;
  font-size: 14px;
  font-weight: 700;
}

.line_flow ol {
  margin: 0 0 25px 5px;
}

.line_flow ol>li {
  list-style-type: decimal;
  list-style-position: inside;
  text-indent: -1.2em;
  padding: 2px 0 2px 1em;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.line_app {
  margin-bottom: 25px;
  text-align: center;
}

.line_app img {
  width: 80%;
  padding-top: 10px;
}


/* thanks */

.satei_thanks {
  background-image: url(../img/thanks_staff.png), url(../img/thanks_prokuma.png);
  background-repeat: no-repeat;
  background-size: 84px auto;
  background-position: left 15px top 15px, right 15px top 15px;
  padding: 40px 0 10px;
  text-align: center;
}

.thanks_lead,
.speedsatei_lead {
  font-weight: 700;
  font-size: 14px;
}

.thanks_add {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

.thanks_add p {
  font-size: 16px;
  font-weight: 700;
}

.thanks_add p img {
  width: 108px;
}

/* delivery and carryin*/

.transfer .content section,
.review  .content section{
  margin-bottom: 30px;
}

.speedsatei {
  background-image: url(../img/thanks_staff.png), url(../img/thanks_prokuma.png), url("../img/dot_bg.png");
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 84px auto, 84px auto, 24px;
  background-position: left 15px top 15px, right 15px top 15px;
  padding: 40px 0 10px;
  text-align: center;
}

.karisatei_bu {
  display: flex;
  gap: 10px;
  padding: 5px 15px;
  justify-content: center;
}

/* .transfer_point {
  display: flex;
  gap: 30px;
  justify-content: center;
  padding: 15px 5px 0px;
  text-align: center;
} */

.transfer_point h3 {
  font-size: 14px;
  font-weight: 700;
}

.transfer_point img {
  width: 80%;
}

.transfer .satei_flow .satei_flow_img {
  padding: 0;
}



.packing_inner {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 10px;
  justify-content: space-between;
}

.packing_inner dl {
  width: calc((100% - 10px) /2);
  text-align: center;
  margin: 0;
}

.packing_inner dt {
  background-color: #45b035;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.packing_inner dd {
  font-size: 12px;
  font-weight: 700;
}

.packing_inner dd .fig {
  font-size: 27px;
  color: #e60012;
}

.packing_inner dd img {
  padding: 15px 0;
}

.trans-weight>div {
  margin-bottom: 25px;
}

.trans-weight h3 {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
}


.trans-weight h3 img {
  width: 80px;
}

#content .trans-weight table {
  width: 100%;
  border-top: 2px solid #e6e6e6;
  border-left: 2px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

#content .trans-weight table td {
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 4px 12px;
  font-weight: 700;
}


#content .trans-weight table tr:nth-of-type(even) td {
  background-color: #f4f4f4;
}

.howtopack .grayline_box {
  padding: 15px;
}

.howtopack_inner {
  display: flex;
  gap: 4%;
}

.howtopack_inner>p {
  width: 38%;
}

.howtopack_inner>div {
  width: 58%;
}

.howtopack .grayline_box {
  margin-bottom: 15px;
}

.howtopack .grayline_box .color_list {
  margin-bottom: 5px;
}

.howtopack .grayline_box .color_list li {
  font-size: 13px;
  margin: 3px 0;
}

.howtopack .grayline_box .color_list li::before {
  top: 10px;
}

.content .page-nav {
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.content .page-nav a {
  font-size: 13px;
  margin-right: 10px;
}

.page-nav .arrow_link {
  color: #000;
}

.better-pack .line_h {
  font-size: 14px;
}

.better-point {
  display: flex;
  gap:10px;
  margin-bottom: 20px;
}

.better-point img {
  width: calc((100% - 20px) / 3);
}

.good-pack {
  padding: 4%;
  background-color: #fff;
  margin-bottom: 0;
}

.good-pack-detail {
  margin-bottom: 20px;
}






.carry_flow {
  padding: 0 5% 10px;
}

#content .carry_flow .h_bold span {
  color: #45b035;
}


.carry_flow_num {
  background-repeat: no-repeat;
  background-size: 70px;
  padding: 0 0 0 80px;
  margin: 15px 0;
}

.border-b {
  border-bottom: 1px dashed #e6e6e6;
  padding-bottom: 15px;
}

.carry_flow_num p {
  margin-bottom: 0;
}

.carry_flow_num.irai {
  background-image: url(../img/carry_flow_irai.png);
}

.carry_flow_num.carrydate {
  background-image: url(../img/carry_flow_date.png);
}

.carry_flow_num.carryday {
  background-image: url(../img/carry_flow_theday.png);
}

.carry_flow_num.arrive {
  background-image: url(../img/carry_flow_arrive.png);
}


/* voice -----------------------------*/

.grid_inner.voice_satis {
  padding: 20px 10px;
}

.voice_link {
  display: flex;
  gap: 10px;
}

.voice_link li {
  width: calc(50% - 5px);
}

.voice_link li .green_bu a {
  font-size: 14px;
}

.othervoice h3 {
  margin-top: 30px;
}


.voice_list {
  padding: 0 15px;
  margin-bottom: 15px;
}

.voice_list h4 {
  background-image: url(../img/voice_good.png);
  background-repeat: no-repeat;
  background-size: 41px 51px;
  background-position: top 10px left;
  height: 71px;
  line-height: 71px;
  font-size: 16px;
  font-weight: 700;
  padding-left: 45px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 10px;
}

.voice_list .bad {
  background-image: url(../img/voice_bad.png);
}

.voice_list .color_list li {
  margin-top: 0;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.6;
}

.voice_list .color_list li .res {
  font-weight: 400;
  font-size: 12px;
}

.button {
  font-size: 13px;
  font-weight: 700;
  padding: 10px 5px;
  position: relative;
  color: #45b035;
  text-align: center;
  border-top: 1px solid #e6e6e6;
  margin: 0;
}

.button:before,
.button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  background: #45b035;
}

.button:before {
  right: calc(50% - 50px);
  width: 1px;
  height: 9px;
  margin-top: -5px;
}

.button:after {
  right: calc(50% - 54px);
  width: 9px;
  height: 1px;
  margin-top: -1px;
}

.button.close:before {
  background: #fff;
}


/* map -----*/
.map_ph {
  width: 180px;
  margin: 0 auto 25px;
}

.map_right {
  text-align: right;
  font-size: 10px;
}

.map_call {
  padding: 10px 20px;
}

.callarea {
  border: 3px solid #000;
  border-radius: 10px;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  padding: 5px 0 10px;
}

.callarea a {
  text-decoration: none;
  color: #000;
  display: block;
  padding: 5px;
}

.callarea a:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 4px solid #45b035;
  border-right: 4px solid #45b035;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 10px 6px 0;
}

/* first -----------------------------*/

.promise {
  padding: 5% 4% 4%;
  margin-bottom: 30px;
}

.promise>ul li div {
  background-image: url(../img/promise_bg_sp.png);
  background-repeat: no-repeat;
  background-position: top 44px center;
  background-size: 100% 27px;
}

.promise>ul li h3 {
  background-image: url(../img/promise_01.png);
  background-repeat: no-repeat;
  background-size: 58px auto;
  background-position: left top;
  height: 70px;
  font-size: 18px;
  font-weight: 700;
  padding: 20px 0 0 70px;
  margin-bottom: 6px;
}

.promise>ul li:nth-of-type(2) h3 {
  background-image: url(../img/promise_02.png);
}

.promise>ul li:nth-of-type(3) h3 {
  background-image: url(../img/promise_03.png);
}

.promise>ul li>p {
  padding: 10px 20% 20px;
}

.ic_link {
  display: table;
  width: 100%;
  margin: 15px 0 0;
}

.ic_link a,
.promise .ic_link a,
.blog-btm .ic_link a {
  border: 2px solid #e6e6e6;
  border-radius: 20px;
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  height: 90px;
  width: 100%;
  padding: 14px 28px 14px 90px;
  background-repeat: no-repeat;
  background-position: left 14px center;
  background-size: 60px auto;
  text-decoration: none;
  position: relative;
  font-size: 15px;
  font-weight: 700;
  color: #45b035;
}

.ic_link a::after,
.promise .ic_link a::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-right: 3px solid #45b035;
  border-top: 3px solid #45b035;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 4px);
  right: 18px;
}

.promise .ic_link.ic_link_item a {
  background-image: url(../img/ic_link_item.png);
}

.promise .ic_link.ic_link_satei a {
  background-image: url(../img/ic_link_satei.png);
}

.ic_link.ic_link_delivery a {
  background-image: url(../img/ic-link-delivery.png);
}

.ic_link.ic_link_deli-faq a {
  background-image: url(../img/ic-link-faq.png);
}

.blog-btm .ic_link.ic_link_camp a {
  background-image: url(../blog/img/ic-link-campaign.png);
}

.blog-btm .ic_link.ic_link_denzai a {
  background-image: url(../blog/img/ic-link-top.png);
}

.ic_link.ic_link_item a {  background-image: url(../img/ic_link_item.png);}
.ic_link.ic_link_estimate a { background-image: url(../img/ic_link_estimate.png);}


.sateipoint {
  padding: 5% 4% 4%;
  margin-bottom: 30px;
}

.sateipoint_tx {
  text-align: center;
  margin-bottom: 20px;
}

.notice_ye {
  background-color: #FDEE21;
  padding: 7px;
  text-align: center;
  margin: 20px 0 5px;
  font-weight: 700;
  line-height: 1.5;
}

/* company ---------------------------*/

.company_info {
  padding: 5% 4% 4%;
}

.company_info dl {
  margin-bottom: 20px;
}

.company_info dt {
  font-size: 15px;
  font-weight: 700;
  color: #45b035;
}



/* notfound---------------------------*/

.notfound {
  background-color: #FFF;
  border-radius: 5px;
  padding: 10% 2% 2%;
  margin: 0 0 20px;
  text-align: center;
}

.img404 img {
  width: 120px;
  padding-bottom: 20px;
}

.notfound_title {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 auto 5px;
}

.notfound .h_lead {
  margin-bottom: 25px;
}



/* common parts ----------------------*/

.grid_inner {
  border: 2px solid #e6e6e6;
  border-radius: 8px;
  padding: 10px;
  background-image: url("../img/grid_bg.png");
  background-size: 24px auto;
  background-color: #fff;
}

.dot_inner {
  border: 2px solid #e6e6e6;
  border-radius: 10px;
  background-image: url("../img/dot_bg.png");
  background-size: 24px;
  padding: 10px;
  margin-top: 10px;
  background-color: #fff;
}


@media screen and (min-width : 701px) {

  /* pc style ---------------------------------*/

  /* common heading ---*/

  .common_h {
    font-size: 22px;
    border-left: 7px solid #45b035;
    padding: 0 0 4px 7px;
    line-height: 1.2;
    margin: 0 0 20px;
  }

  .center_h {
    font-size: 28px;
    padding: 15px 0 20px;
  }

  .hbox_more {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }

  .ic_h2_bg {
    background-size: 70px auto, auto 100%;
    background-position: left 10px center, right center;
    border-radius: 17px;
    padding: 16px 10px 16px 88px;
    font-size: 22px;
    margin: 15px 0 30px;
  }

  .line_h {
    font-size: 28px;
    margin-bottom: 50px;
  }

  .line_h span {
    border-bottom: 4px solid #45b035;
  }

  .content .green_h {
    font-size: 18px;
    padding: 5px 10px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
  }

  .transfer .content .green_h {
    margin-bottom: 12px;
  }

  /* main --------------------*/

  .common_main img,
  .satei_main h1 img {
    border-radius: 24px;
  }




  /* toppage -----------------*/

  .top section {
    margin-bottom: 80px;
  }

  /* top_navi -----*/

  .top_navi {
    overflow-x: auto;
    padding: 0 10px 10px;
  }

  .top_navi li a {
    padding: 3px 20px 3px 10px;
    font-size: 12px;
  }

  /*swiper ------*/
  #main_swiper {
    padding-bottom: 45px;
    margin-bottom: 0;
  }

  /* .swiper-wrapper {
  gap:30px;
} */
  #main_swiper .swiper-pagination {
    bottom: 6px;
  }

  #main_swiper .swiper-pagination-bullet {
    font-size: 16px;
    height: 24px;
    line-height: 1.5;
    width: 24px;
    margin: 0 10px;
  }

  /* 前へ次への矢印カスタマイズ */
  #main_swiper .swiper-button-prev,
  #main_swiper .swiper-button-next {
    height: 2.3vw;
    width: 2.3vw;
    top: calc(50% + 5px);
  }

  #main_swiper .swiper-button-prev {
    left: 32.5vw;
  }

  #main_swiper .swiper-button-next {
    right: 32.5vw;
  }

  /* 前へ次への矢印カスタマイズ */
  #main_swiper .swiper-button-prev::after,
  #main_swiper .swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 3.3vw;
    width: 3.3vw;
    margin: auto;
  }

  /* thumblist swiper --------*/

  .thumblist {
    position: relative;
    padding: 100px 0 0;
    margin-top: -95px;
  }



  .thumblist h3 {
    font-size: 20px;
    margin-top: 5px;
  }

  .thumbprice {
    font-size: 16px;
  }

  .thumbprice span {
    font-size: 24px;
  }

  /*thumblist prev and next*/
  /* 前へ次への矢印カスタマイズ */
  .thumblist .swiper-button-prev,
  .thumblist .swiper-button-next {
    height: 36px;
    width: 36px;
    top: 68px;
  }

  .thumblist .swiper-button-prev {
    right: 45px;
    left: auto;
  }

  .thumblist .swiper-button-next {
    right: 0px;
  }

  /* 前へ次への矢印カスタマイズ */
  .thumblist .swiper-button-prev::after,
  .thumblist .swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 36px;
    width: 36px;
    margin: auto;
  }

  /* 前への矢印カスタマイズ */
  .thumblist .swiper-button-prev::after {
    background-image: url(../img/button-prev.png);
  }

  /* 次への矢印カスタマイズ */
  .thumblist .swiper-button-next::after {
    background-image: url(../img/button-next.png);
  }


  .swiper-camp .card_ph img {
    height: 162px;
  }


  .news_tx {
    margin: 5px 0px 10px;
    padding: 6px;
    font-size: 16px;
  }

  /* price_search -----*/

  .price_search {
    margin: 0px auto;
    width: 700px;
  }

  .price_search_inner {
    border: 3px solid #e6e6e6;
    border-radius: 15px;
    padding: 40px 110px 0;
    margin: 20px 0;
  }

  .price_search_area {
    padding: 0px 10px;
  }

  .price_search_inner h3 {
    background-size: auto 100px;
    height: 108px;
    font-size: 28px;
    padding: 5px 0 0 120px;
    margin-bottom: 30px;
  }

  .price_search_inner h3 span {
    font-size: 20px;
  }

  .price_search_inner h4 {
    font-size: 18px;
  }

  .price_search_inner select {
    margin-bottom: 15px;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 18px;
  }

  .price_search_inner .green_bu {
    margin: 20px 0 30px;
  }

  .excluded {
    background-size: auto 190px;
    background-position: right bottom;
    height: 210px;
    padding: 140px 0 0 10px;
    margin: 0;
  }

  a.toolTip {
    padding: 5px;
    font-size: 18px;
  }

  a.toolTip span {
    font-size: 16px;
    width: 330px;
    top: 40px;
    left: 0px;
  }

  /* top point -----*/

  .top_point {
    margin: 0 auto;
    width: 1000px;
  }

  .grid_inner {
    border: 4px solid #e6e6e6;
    border-radius: 20px;
    padding: 40px;
  }

  .top_point ul {
    max-width: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
  }

  .top_point ul li {
    display: block;
    margin-bottom: 10px;
    flex: 1;
    text-align: center;
  }

  .top_point .point_img {
    width: auto;
  }

  .top_point .point_img img {
    width: 60%;
  }

  .top_point .point_tx {
    width: auto;
    font-size: 20px;
  }

  /* top_voice ----*/

  .top_voice {
    width: 1000px;
    margin: 10px auto;
  }

  /* top_exam ----*/

  .top_exam {
    margin: 0px;
  }

  .top_exam ul {
    flex-wrap: nowrap;
    gap: 20px;
    margin: 20px 0;
  }

  .top_exam ul li {
    width: 380px;
    height: auto;
    font-size: 16px;
  }

  .top_exam ul li img {
    width: 380px;
    height: 220px;
    object-fit: cover;
    border-radius: 20px;
    border: 2px solid #e6e6e6;
    margin-bottom: 8px;
  }

  .top_exam ul li>p {
    font-size: 16px;
  }

  /* top_first ----------*/
  .top_first {
    margin: 0px auto;
    width: 1000px;
  }

  .top_first .top_first_img {
    line-height: 1.5;
    background-size: 140px auto;
    font-size: 24px;
    padding: 20px 0 20px 170px;
    min-height: auto;
  }

  .top_first .grid_inner>div {
    width: 640px;
    margin: auto;
  }

  .top_first ul {
    padding: 20px;
    margin-bottom: 40px;
  }

  .checkmark li {
    background-size: 40px auto;
    background-position: left bottom 2px;
    padding: 0px 5px 0px 45px;
    font-size: 22px;
  }

  /* thumb list ----*/

  .thumblist_title {
    margin: 10px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 100px;
  }

  .thumblist_title .cir_arrow {
    margin: 15px 0 0;
  }

  .ic_h2 {
    font-size: 22px;
    font-weight: 700;
    background-repeat: no-repeat;
    background-size: 60px auto;
    padding: 15px 5px 10px 70px;
    margin-top: 15px;
  }

  .top .kyouka {
    background-image: url("../img/ic_top_kyouka.png");
  }

  .top .genre {
    background-image: url("../img/ic_top_genre.png");
  }


  /* btm_satei---------*/

  .btm_satei {
    margin: 0px;
  }

  .btm_satei_inner {
    display: flex;
    justify-content: space-between;
  }

  .btm_satei_detail {
    border: 4px solid #e6e6e6;
    border-radius: 10px;
    background-image: url("../img/dot_bg.png");
    background-size: 24px;
    margin-top: 0px;
    display: flex;
    align-items: center;
    width: 580px;
  }

  .btm_satei_detail>p {
    padding: 0 15px 0 10px;
    border-right: 4px solid #e6e6e6;
    margin-bottom: 0;
  }

  .btm_satei_detail>p img {
    width: 96px;
  }

  .btm_satei_tx {
    padding-left: 20px;
  }

  .btm_satei_tx>p {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
  }

  .btm_satei_tx .cir_arrow {
    margin-top: 0px;
  }

  .btm_satei_tx .cir_arrow a {
    font-size: 26px;
  }


  /* contact ---*/

  /* section.contact {
    padding-bottom: 60px;
  }

  section.contact h2 {
    width: 890px;
    margin: auto;
    text-align: left;
  }

  .contact_inner {
    background-size: 240px auto;
    background-position: bottom right;
    padding-bottom: 0;
    width: 890px;
    margin: 0 auto;
  }

  .contact_inner dl {
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 0px;
    width: 590px;
    float: left;
  }


  .contact_inner dl * {
    text-align: center;
  }

  .contact_inner dl dt {
    font-size: 22px;
  }

  .contact_inner dl dd {
    font-size: 16px;
  }

  .contact_inner dl:after {
    content: "";
    position: absolute;
    left: 100%;
    top: calc(50% - 10px);
    bottom: auto;
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #FFEF5C;
    width: 0;
    height: 0;
  }

  .top_contact_bu {
    margin-bottom: 0;
  }

  #content .contact .or_bu {
    font-size: 24px;
  } */

  /* faq ----------*/

  .top .faq {
    margin: 0px 0px 100px;
  }

  .faq_1st {
    margin-top: 0px;
    float: left;
    width: 49%;
    margin-bottom: 20px;
  }

  .faq_2nd {
    float: right;
    width: 49%;
    margin-bottom: 20px;
  }

  /*faqのaccordion*/
  .faq .accordion__area {
    border: 2px solid #e6e6e6;
    border-radius: 17px;
    padding: 18px;
    margin-bottom: 20px;
  }

  .faq .accordion__area .accordion__head {
    background-size: 40px;
    background-position: left top 3px;
    padding: 5px 0px 0px 58px;
    min-height: 46px;
  }

  .faq .accordion__area .accordion__head .head {
    font-size: 18px;
  }

  .faq .accordion__area .accordion__content .text {
    font-size: 16px;
    background-size: 40px;
    background-position: left top 20px;
    padding: 25px 0px 10px 58px;
    margin: 17px 0 0;
  }



  .tabs {
    background-image: url(../img/tabs_bg_pc.png);
    padding: 1.6%;
    gap: 2%;
  }


  .tab_item {
    width: calc(94% / 4);
    background-color: #fff;
    color: #45b035;
    text-align: center;
    border-radius: 10px;
    padding: 1%;
    margin: 0;
    font-size: clamp(14px, 1.5vw, 18px);
    font-weight: 700;
  }

  .tab_item:nth-of-type(even) {
    margin: 0;
  }



  .tabs input:checked+.tab_item,
  .tab_item:hover {
    background-color: #45b035;
    color: #fff;
  }

  input[name="tab_item"] {
    display: none;
  }

  .tab_content {
    display: none;
    width: 100%;
    max-width: 1000px;
    margin-top: 60px;
  }

  #touten:checked~#touten_content,
  #mitsu:checked~#mitsu_content,
  #ryoukin:checked~#ryoukin_content,
  #hosyo:checked~#hosyo_content {
    display: block;
  }


  #faq ul {
    margin-top: 20px;
  }


  /* genre page -----------------------*/

  body.genre #itemlist_content {
    margin-top: 20px;
    gap: 0px 30px;
  }

  .top .swiper_genre .card,
  body.genre .card {
    width: 216px;
    padding: 0 0 45px;
    transition: transform 0.3s;
  }

  .top .swiper_genre .card_ph,
  body.genre .card_ph {
    border: 3px solid #e6e6e6;
    border-radius: 15px;
    background-size: 24px;
    padding: 21px 25px;
  }

  body.genre .card-info p {
    margin: 5px 0;
    font-size: 17px;
  }


  /* itempage の内他でも使いそうなパーツ*/
  .prokuma_fukidasi {
    background-size: 88px auto;
    width: 360px;
    padding: 1px 100px 0 0;
    background-position: right bottom 5px;
  }



  .content .prokuma_fukidasi_inner {
    padding: 13px;
    font-size: 16px;
    margin-top: 30px;
    text-align: center;
  }

  .prokuma_fukidasi_inner:before {
    bottom: 38%;
  }

  .prokuma_fukidasi_inner:after {
    bottom: 38%;
  }



  /* guide ----------------------------*/

  .guide_container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .guide_menu {
    width: 28%;
    background: none;
    padding: 0;
  }

  .guide_menu_inner>p {
    display: none;
  }



  .guide_menu-content {
    display: block;
    box-shadow: none;
    position: static;
    padding: 23px 0 5px;
    max-height: none;
    overflow-y: visible;
  }

  .guide_menu-content li {
    padding: 0 5px;
  }

  .guide_menu-content a {
    color: black;
    padding: 8px 8px 8px 25px;
    text-decoration: none;
    display: block;
    border-radius: 10px;
    position: relative;
  }

  .guide_menu-content a:hover,
  .guide_menu-content .is-current a {
    background-color: #eee;
    opacity: 1;
  }

  .guide_menu-content a:before {
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    border-bottom: 2px solid #008641;
    border-right: 2px solid #008641;
    transform: rotate(-45deg);
    position: absolute;
    top: 19px;
    left: 10px;
  }



  .guide_detail {
    width: 64%;
  }


  /* satei page -----------------*/

  .satei_main .satei_bu {
    right: 6%;
    top: 76%;
    width: 35%;
  }

  .grayline_box {
    border: 4px solid #e6e6e6;
    border-radius: 20px;
    margin-bottom: 55px;
  }

  .satei_flow {
    padding: 30px;
    display: flex;
    justify-content: space-between;
  }

  .satei_flow .satei_flow_img {
    padding: 0;
    width: 31%;
  }

  .satei_flow>div {
    width: 64%;
  }

  .satei_flow ol>li {
    text-indent: -1.2em;
    padding: 13px 0 13px 1em;
    font-size: 16px;
  }

  .buy_item {
    background-position: right 20px bottom;
    background-size: 21% auto;
    padding: 30px;
    display: flex;
  }

  .buy_item>p {
    width: 50%;
  }

  .buy_item>div {
    width: 30%;
    margin-left: 25px;
  }

  .buy_item .buy_type {
    font-size: 14px;
    font-weight: 700;
  }

  .buy_item p .buy_type_b {
    font-weight: 700;
    font-size: 17px;
  }

  .howtosend {
    display: flex;
    justify-content: space-between;
  }

  .howtosend li {
    width: 48.5%;
    padding: 15px;
    margin-bottom: 30px;
  }

  .howtosend h3 {
    background-size: 100px;
    background-position: center top 10px;
    padding-top: 120px;
    font-size: 22px;
  }

  .howtosend .phsend h3 {
    background-image: url("../img/satei_phsend.png");
  }

  .howtosend li p,
  .howtosend li p:last-child {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .howtosend li p img {
    width: 80%;
  }

  .satei_form {
    background-size: 103px auto;
    background-position: center top 30px;
    padding-top: 120px;
    margin-top: 70px;
  }

  .attention_line {
    margin-top: 30px;
  }

  .attention_line span {
    font-size: 18px;
  }

  .attention_line span:before {
    content: "＼ ";
  }

  .attention_line span:after {
    content: " ／";
  }

  .mailsatei_copy {
    padding-top: 20px;
  }

  .mailsatei_copy img {
    width: 500px;
  }

  #msateibtn {
    cursor: pointer;
  }



  .line_add {
    background-size: 98px auto;
    padding: 160px min(19%, 196px) 15px;
  }

  .line_add_inner {
    padding-bottom: 50px;
  }

  .qr_area {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }

  .qrcode {
    width: 50%;
    border: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    justify-content: center;
  }

  .line_flow {
    width: 45%;
  }

  .line_flow h4 {
    font-size: 20px;
  }

  .line_flow ol {
    margin: 0 0 35px 5px;
  }

  .line_flow ol>li {
    list-style-type: decimal;
    list-style-position: inside;
    text-indent: -1.2em;
    padding: 4px 0 4px 1em;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
  }

  .line_app {
    margin-bottom: 75px;
    text-align: center;
  }

  .line_app img {
    width: 70%;
    padding-top: 10px;
  }


  /* thanks */

  .satei_thanks {
    background-size: 95px auto;
    background-position: left calc(50% - 150px) top 40px, right calc(50% - 150px) top 40px;
    padding: 60px 0 30px;
    text-align: center;
  }

  .satei_thanks p {
    font-size: 14px;
  }

  .satei_thanks .thanks_lead,
  .speedsatei .speedsatei_lead {
    font-size: 20px;
    padding-top: 10px;
    line-height: 1.7;
  }

  .thanks_add {
    padding: 20px 0;
  }

  .satei_thanks .thanks_add p {
    font-size: 18px;
  }

  .thanks_add p img {
    width: 124px;
  }

  /* delivery and carryin*/

  .transfer .content section,
.review  .content section {
    margin-bottom: 50px;
  }

  .speedsatei {
    background-size: 95px auto, 95px auto, 24px;
    background-position: left calc(50% - 180px) top 20px, right calc(50% - 180px) top 20px;
    padding: 40px 0 30px;
    text-align: center;
  }

  .speedsatei p {
    font-size: 14px;
  }

  .speedsatei .speedsatei_lead {
    margin-bottom: 6px;
  }

  .karisatei_bu {
    display: flex;
    gap: 14px;
    padding: 25px 15px 0;
  }

  .karisatei_bu li {
    width: 220px;
  }

  .transfer_point {
    display: flex;
    gap: 30px;
    justify-content: center;
    text-align: center;
  }

  .transfer_point li {
    width: 300px;
  }

  .transfer_point h3 {
    font-size: 20px;
    margin: 0 0 10px;
  }

  .transfer_point img {
    width: 60%;
  }

  .transfer_point p {
    font-size: 14px;
  }

  .transfer .satei_flow {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 30px;
  }


  .transfer .satei_flow .satei_flow_img {
    padding: 0;
    width: 25%;
  }

  .transfer .satei_flow>div {
    width: 70%;
  }

  .satei_flow .green_bu {
    width: 100%;
  }

  .packing_inner {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    row-gap: 10px;
    justify-content: space-between;
  }

  .packing_inner .grid_inner {
    padding: 15px;
  }

  .packing_inner dl {
    width: calc((100% - 45px) /4);
  }

  .packing_inner dt {
    font-size: 18px;
    padding: 3px;
  }

  .packing_inner dd {
    font-size: 14px;
  }

  .packing_inner dd .fig {
    font-size: 32px;
    color: #e60012;
  }

  .packing_inner dd img {
    padding: 15px 0;
  }

  .trans-weight {
    display: flex;
    gap: 40px;
  }

  .trans-weight>div {
    margin-bottom: 25px;
    width: 480px;
  }

  .trans-weight h3 {
    gap: 10px;
    font-size: 20px;
  }


  .trans-weight h3 img {
    width: 95px;
  }

  #content .trans-weight table {
    width: 100%;
    border-top: 3px solid #e6e6e6;
    border-left: 3px solid #e6e6e6;
    border-right: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
  }

  #content .trans-weight table td {
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 11px 20px;
  }

  #content .trans-weight table .w60 {
    padding: 8px 5px;
    text-align: center;
  }


  .howtopack {
    display: flex;
    gap: 40px;
  }

  .howtopack .grayline_box {
    padding: 15px;
    width: 480px;
  }

  .howtopack_inner {
    display: flex;
    gap: 4%;
  }

  .howtopack_inner>p,
  .howtopack_inner>div {
    width: 48%;
  }

  .howtopack_inner>div p {
    font-size: 14px;
  }

  .howtopack .grayline_box {
    margin-bottom: 15px;
  }

  .howtopack .grayline_box .color_list {
    margin-bottom: 20px;
  }

  .howtopack .grayline_box .color_list li {
    font-size: 14px;
    margin: 1px 0 5px;
  }

  /* .howtopack .grayline_box .color_list li::before {
    top: 8px;
  } */

  .howtopack_point {
    text-align: center;
    margin: 50px 0;
  }

  .howtopack_point img {
    width: 555px;
  }

  .howtopack.packcarry {
    gap: 20px;
  }

  .howtopack.packcarry .grayline_box {
    padding: 15px 10px 5px 15px;
    width: 320px;
  }

.content .page-nav {
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
  padding: 10px 0;
  gap:30px;
  justify-content: center;
  margin-bottom: 50px;
}

.content .page-nav a {
  font-size: 16px;
  margin-right: 0px;
}

.better-pack-title {
  background-repeat: no-repeat;
  background-image: url(../img/thanks_staff.png);
  background-size:100px auto;
  background-position: calc( 50% - 300px ) calc(0px + 10px);
  padding: 10px;
}

.better-pack-title > p:first-of-type {
  font-size: 20px;
}

.better-pack-title .line_h {
  font-size: 24px;
}

.better-point {
  display: flex;
  gap:86px;
  justify-content: center;
  margin-bottom: 40px;
}

.better-point img {
  width: 182px;
}

.good-pack {
  padding: 50px;
  background-color: #fff;
  margin-bottom: 0;
}

.good-pack-detail {
  display: flex;
  margin-bottom: 50px;
  gap:4%;
}

.good-pack-detail > * {
  width: 48%;
}
.good-pack-prokuma  {
  width: 430px;
  margin: auto;
}


  #content .packcarry .h_bold {
    font-size: 18px;
  }


  .carry_flow {
    padding: 30px 120px 10px;
  }

  .carry_flow_num {
    background-size: 115px;
    padding: 30px 0 0 130px;
    margin: 15px 0;
    min-height: 140px;
  }

  .carry_flow_num.irai {
    margin-bottom: 0;
    min-height: 130px;
  }

  #content .carry_flow .h_bold {
    font-size: 22px;
  }


  .border-b {
    border-bottom: 1px dashed #e6e6e6;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .carry_flow .color_list {
    margin-left: 130px;
  }

  .carry_flow .flow_img {
    margin-left: 130px;
  }


  /* voice -----------------------------*/

  .grid_inner.voice_satis {
    padding: 30px 10px;
  }

  .othervoice {
    width: 800px;
    margin: 0 auto 30px;
  }

  .othervoice h3 {
    margin-top: 50px;
  }

  .voice_link {
    display: flex;
    gap: 10px;
  }

  .voice_link li {
    width: calc(50% - 5px);
  }

  .voice_link li p {
    margin: 0;
  }

  .voice_link li .green_bu a {
    font-size: 20px;
  }



  .voice_list {
    padding: 0 40px;
    margin-bottom: 15px;
  }

  .voice_list h4 {
    background-size: 60px auto;
    background-position: top 10px left;
    height: 90px;
    line-height: 90px;
    font-size: 24px;
    padding-left: 65px;
    margin-bottom: 5px 0 20px;
  }

  .voice_list .color_list li {
    margin-top: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.6;
    padding-left: 15px;
  }

  .voice_list .color_list li .res {
    font-size: 14px;
  }


  body .voice_list .color_list li::before {
    top: 12px;
  }

  .button {
    font-size: 16px;
    padding: 20px 5px;
    margin-top: 20px;
  }


  .button:before {
    right: calc(50% - 60px);
    width: 1px;
    height: 9px;
    margin-top: -4px;
  }

  .button:after {
    right: calc(50% - 64px);
    width: 9px;
    height: 1px;
    margin-top: 0;
  }

  .button.close:before {
    background: #fff;
  }


  /* faq ------------------------------------






body.faq #faq {
	text-align:center;
	padding-bottom:0;
}

body.faq #faq > div {
	width:100%;
	margin:0 auto;
}

body.faq #faq ul {
	float:none;
	width:1110px;
	margin:30px auto;
}

body.faq #faq > div ul:nth-child(2n) {
	float:none;
}

.tab_item {
	width:270px;
	height:54px;
	font-size:18px;
	padding:18px 0 0;
	margin-right:10px;
	text-align:center;
	vertical-align:bottom;
}

.tabs .tab_item:last-of-type {
	width:270px;
	margin-right:0;
}

.tabs input:checked + .tab_item,
.tab_item:hover {
	height:70px;
	padding:28px 0 0;
}*/


  /* company ---------------------------*/

  /* map -----*/

  .map_inner {
    padding: 0 100px;
  }

  .map_address {
    display: flex;
    margin-bottom: 40px;
  }

  .map_address>div h4:nth-of-type(n+2) {
    margin-top: 30px;
  }

  .map_ph {
    width: 330px;
    margin: 0 auto;
  }

  .map_inner>ul {
    display: flex;
    gap: 30px;
  }

  .map_route {
    width: calc(55% - 30px);
  }

  .map_call {
    width: 45%;
    min-width: 200px;
    padding: 0;
  }

  .callarea {
    border: 3px solid #000;
    border-radius: 10px;
    font-size: clamp(19px, 1.9vw, 40px);
    font-weight: 700;
    text-align: center;
  }


  .callarea a:before {
    display: none;
  }


  /* first -----------------------------*/

  .promise {
    padding: 5px 10% 40px;
    margin-bottom: 30px;
  }

  .promise>ul li {
    display: flex;
    margin-bottom: 50px;
  }

  .promise>ul li:nth-of-type(2n) {
    flex-direction: row-reverse;
  }

  .promise>ul li div {
    width: 500px;
    background-image: url(../img/promise_bg_pc01.png);
    background-position: top 40px center;
    background-size: 100% 54px;
    padding-right: 30px;
  }

  .promise>ul li:nth-of-type(2n) div {
    background-image: url(../img/promise_bg_pc02.png);
    background-size: 100% 3px;
    background-position: top 90px center;
    padding: 0 0 0 30px;
  }


  .promise>ul li h3 {
    background-size: 77px auto;
    height: 90px;
    font-size: 24px;
    padding: 20px 0 0 90px;
    margin-bottom: 13px;
  }



  .promise>ul li div p {
    font-size: 14px;
  }

  .promise>ul li>p {
    width: 300px;
    padding: 0px;
  }

  .ic_link_area {
    display: flex;
    gap: 30px;
  }

  .ic_link {
    margin: 15px 0 0;
  }

  .ic_link a,
  .promise .ic_link a {
    height: 110px;
    padding: 14px 30px 14px 88px;
    text-align: center;
    background-position: left 14px center;
    background-size: 80px auto;
    font-size: 16px;
  }

  .ic_link a::after,
  .promise .ic_link a::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-right: 3px solid #45b035;
    border-top: 3px solid #45b035;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 3px);
    right: 24px;
  }

  .promise .ic_link.ic_link_item a {
    background-image: url(../img/ic_link_item.png);
  }

  .promise .ic_link.ic_link_satei a {
    background-image: url(../img/ic_link_satei.png);
  }


  .sateipoint {
    padding: 5px 20% 0px;
    margin-bottom: 30px;
  }

  .sateipoint_tx {
    text-align: left;
    margin-bottom: 40px;
    padding-left: 315px;
    font-size: 12px;
  }


  .notice_ye {
    padding: 7px;
    text-align: left;
    margin: 20px 0 5px;
  }

  .notice_ye_tx {
    font-size: 14px;
    margin-bottom: 80px;
  }

  /* company ------------------------------*/

  .company_info {
    padding: 70px;
  }

  .company_info dl {
    margin-bottom: 40px;
  }

  .company_info dt {
    font-size: 21px;
  }


  /* notfound---------------------------*/

  .notfound {
    border-radius: 15px;
    padding: 65px 30px;
    margin: 0 auto 50px;
    /* width: 1110px; */
  }

  .img404 img {
    width: 160px;
    padding-bottom: 50px;
  }

  .notfound_title {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .notfound .h_lead {
    margin-bottom: 70px;
  }



  /* contact ---------------------------------*/



  /* common parts ----------------------*/

  .grid_inner,
  .dot_inner {
    border: 4px solid #e6e6e6;
    border-radius: 20px;
  }



}