@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 100%
}

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

a:focus {
  outline: thin dotted
}

a:hover,
a:active {
  outline: 0
}

mark {
  background: transparent
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}

q {
  quotes: none
}

q:before,
q:after {
  content: '';
  content: none
}

small {
  font-size: 75%
}

sub,
sup {
  font-size: 75%;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

ul li,
ol li,
dl li {
  list-style: none
}

img,
picture source {
  width: 100%;
  height: auto;
  vertical-align: bottom
}

img,
abbr,
acronym,
fieldset {
  border: 0;
  -ms-interpolation-mode: bicubic
}

legend {
  border: 0;
  *margin-left: -7px
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle
}

button,
input {
  line-height: normal;
  *overflow: visible;
  border: none
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto;
  vertical-align: top
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal
}

.disable {
  pointer-events: none;
  opacity: .5
}

/* 共通 */
body {
    font-family: Helvetica, Arial, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
    font-size: 15px;
    color: #000;
    margin: 0
}
body a img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: 0.25s
}
body a:hover img {
    -ms-filter: "alpha(opacity=80)";
    opacity: 0.7
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3
}

a {
    text-decoration: none;
    color: #000;
}

.section {
    padding: 0 0 40px 0;
}
@media screen and (max-width:767px) {
  .section {
    padding: 0 0 30px 0;
  }
}

.width_fix {
    width: 1000px;
    margin: 0 auto;
}
@media screen and (max-width:767px) {
  .width_fix {
      width: 100%;
      padding: 0 20px;
  }
}
#main .width_fix {
  width: 100%;
}

@media screen and (min-width:768px) {
  .pc_only {
    display: block
  }

  .sp_only {
    display: none
  }
}

@media screen and (max-width:767px) {
  .pc_only {
    display: none
  }

  .sp_only {
    display: block
  }
}

.forsp {
  display: none;
}

.hover {
  transition: 0.25s
}
.hover:hover {
  opacity: 0.7
}

.paddig_top {
  padding: 40px 0 0 0;
}
.padding_bottom {
  padding: 0 0 40px 0;
}
@media screen and (max-width:767px) {
  .paddig_top {
    padding: 30px 0 0 0;
  }
  .padding_bottom {
    padding: 0 0 30px 0;
  }
}

/* 共通レイアウト */
.copyright, .foot {
  border-top: 1px solid #dadada;
}

/* 緊急での対応用 */
.forpc {
  padding: 0 0 40px 0;
}
@media screen and (max-width:767px) {
  .forpc {
    padding: 0 0 30px 0;
  }
}

#head {
  display: flex;
  width: 1000px;
  margin: 0 auto;
}
#head .menu_block {
  display: flex;
  gap: 30px;
  margin: auto 0 15px auto;
}
#head .menu_block li {
  position: relative;
  list-style-type: none;
}
#head .menu_block li:after {
  display: inline-block;
  position: absolute;
  content: "";
  background: #f49d1c;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  transition: .25s;
}
#head .menu_block li:hover:after {
  width: 100%;
}

@media screen and (max-width:767px) {
  #index {
    padding: 60px 0 0 0;
  }
  #head {
    display: block;
    position: fixed;
    z-index: 1000;
    width: 100%;
  }
  .top_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    height: 60px;
    overflow: hidden;
    padding: 0 20px 0 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
  }
  .top_inner_logo {
    display: block;
    width: 70px;
  }
  .top_inner .cta_btn,
  .top_inner .cta_tel_btn {
      display: flex;
      color: #FFF;
      font-weight: 600;
      align-items: center;
      gap: 5px;
      border-radius: 10px;
      padding: 10px 5px;
    }
    .top_inner .cta_btn {
        background: #26BD0B;
    }
    .top_inner .cta_tel_btn {
        background: #FA8329;
    }
    .top_inner .cta_btn img {
        width: 25px;
        height: 25px;
    }
    .top_inner .cta_tel_btn img {
        width: 25px;
        height: 25px;
        filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(1073%) hue-rotate(185deg) brightness(119%) contrast(100%);
    }
  .top__inner__btn--menubar {
    position: relative;
    cursor: pointer;
    width: 25px;
  }
  .top__inner__btn--menubar span {
    display: block;
    background: #5c5c5c;
    height: 2px;
    width: 25px;
    margin: 0 0 6px 0;
    transition: .3s ease-in-out;
  }
  .top__inner__btn--menubar span:last-child {
    margin: 0
  }
  .top__inner__btn--menubar.open span:first-child {
    transform: translateY(8px) rotate(-135deg)
  }
  .top__inner__btn--menubar.open span:nth-child(3) {
    transform: translateY(-8px) rotate(135deg)
  }
  .top__inner__btn--menubar.open span:nth-child(2) {
    transform: translateX(300px)
  }
  .top__menu {
    display: none;
    background: #fff;
    width: 100vw;
    z-index: 999
  }
  .top__menu>li {
    position: relative;
    font-size: 4.0625vw;
  }
  .top__menu>li,
  .top__menu>li .twocolumn li:nth-child(-n+2),
  .top__menu>li ul li:first-child {
    border-top: 1px solid #ccc
  }
  .top__menu>li ul {
    display: none;
    background: #f9f9f9;
    overflow: hidden
  }
  .top__menu>li ul li a:not(.menu--expand) {
    font-size: 3.125vw;
    color: #656565;
    padding: 3.125vw 3em
  }
  .top__menu>li ul li:not(:first-child) .menu__cnt {
    border-top: 1px solid #fff
  }
  .top__menu>li .menu--expand {
    display: flex;
    position: absolute;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #555;
    border-left: 1px solid #e3e3e3;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 6.2vw 5vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  }
  .top__menu>li .menu--expand,
  .top__menu>li .menu--expand span {
    transition: .3s ease-in-out
  }
  .top__menu>li .menu--expand span {
    display: block;
    background: #9a9a9a;
    height: 2px;
    width: 12px;
    margin: 0 0 -2px 0;
  }
  .top__menu>li .menu--expand.open {
    background: #cecece
  }
  .top__menu>li .menu--expand.open span:nth-child(2) {
    transform: rotate(0)
  }
  .top__menu>li .menu--expand span:nth-child(2) {
    transform: rotate(-90deg)
  }
  .top__menu>li a:not(.menu--expand) {
    display: block;
    position: relative;
    color: #202020;
    overflow-y: scroll;
    width: 100%;
    padding: 3.125vw 2em;
  }
  .top__menu>li .menu__cnt:after {
    position: absolute;
    content: url(../images/img/common/foot_arrow_sp.svg);
    right: 7%;
    top: calc(50% - 21.5px);
    transform: scale(.6)
  }
  .top__menu>li .twocolumn li {
    float: left;
    width: 50%
  }
  .top__menu>li .twocolumn li:nth-child(odd) {
    clear: both
  }
  .top__menu>li .twocolumn li:nth-child(-n+2) .menu__cnt {
    border-top: none
  }
  .top__menu>li:not(:first-child) {
    margin-top: -1px
  }
  .top__menu>li .menu__cnt:after {
    top: calc(50% - 11.5px)
  }
}

#container {
  display: flex;
  width: 1000px;
  margin: 30px auto 40px;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  #container {
    flex-flow: column;
    width: 100%;
    margin: 0 auto 30px;
  }
}
#main {
  order: 1;
  width: 730px;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  #main {
    order: 0;
    width: 100%;
    padding: 0 0 30px 0;
  }
}
#navi {
  order: 0;
  width: 220px;
  margin: 0 50px 0 0;
}
@media screen and (max-width:767px) {
  #navi {
    order: 1;
    width: 100%;
    padding: 0 20px;
    margin: 0;
  }
}
#navi .link {
  display: block;
  margin: 0 0 10px 0;
}
#navi .container_cta {
  flex-flow: column;
  padding: 10px 0;
}
#navi .container_cta .sub_text {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  line-height: 130%;
}
#navi .container_cta .sub_text small {
  display: block;
}
#navi .container_cta .text {
  font-size: 24px;
}
#navi .container_cta .call .text {
  display: inline-block;
  padding: 0 0 0 15px;
}
#navi .container_cta .web .text {
  padding: 0;
}
#navi #category {
  font-size: 13px;
  border: 1px solid #dadada;
  margin: 15px 0 0 0;
  padding: 5px;
}
#navi #category .category_link {
  display: block;
  color: #fff;
  text-align: center;
  background: #555;
  padding: 10px;
  margin: 0 0 15px 0;
}
#navi #category li {
  height: 40px;
}
#navi #category li a {
  display: block;
  color: #000;
  height: 32px;
  padding: 8px 0 0 62px;
}
#navi #category .kaden {
  background: url(../images/img/common/category_kaden.png)
}
#navi #category .hobby {
  background: url(../images/img/common/category_hobby.png)
}
#navi #category .gakki {
  background: url(../images/img/common/category_gakki.png)
}
#navi #category .camera {
  background: url(../images/img/common/category_camera.png)
}
#navi #category .train {
  background: url(../images/img/common/category_train.png)
}
#navi #category .beauty {
  background: url(../images/img/common/category_beauty.png)
}
#navi #category .audio {
  background: url(../images/img/common/category_audio.png)
}
#navi #category .kougu {
  background: url(../images/img/common/category_kougu.png)
}
#navi #category .navi {
  background: url(../images/img/common/category_navi.png)
}
#navi #category .brand {
  background: url(../images/img/common/category_brand.png)
}
#navi #category .golf {
  background: url(../images/img/common/category_golf.png)
}
#navi #category .kyozai {
  background: url(../images/img/common/category_kyozai.png)
}
#navi #category .tokei {
  background: url(../images/img/common/category_tokei.png)
}
#navi #category .sports {
  background: url(../images/img/common/category_sports.png)
}
#navi #category .fishing {
  background: url(../images/img/common/category_fishing.png)
}
#navi #category .art {
  background: url(../images/img/common/category_art.png)
}
#navi #category .gold {
  background: url(../images/img/common/category_gold.png)
}
#navi #category .noukigu {
  background: url(../images/img/common/category_noukigu.png)
}
#navi #category .pc {
  background: url(../images/img/common/category_pc.png)
}
#navi #category .smart {
  background: url(../images/img/common/category_smart.png)
}
#navi #category .car {
  background: url(../images/img/common/category_car.png)
}
#navi #category .bike {
  background: url(../images/img/common/category_bike.png)
}
#navi #category .others {
  background: url(../images/img/common/category_others.png)
}
#navi #recruit {
  padding: 20px 0 0 0;
}
#navi #recruit img {
  width: 100%;
}

#pankuzu {
  border-bottom: 1px solid #dadada;
  border-top: 1px solid #dadada;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width:767px) {
  #pankuzu {
    padding: 60px 0 0 0;
  }
}
#pankuzu .pankuzu_block {
    width: 1000px;
    margin: 0 auto;
}
@media screen and (max-width:767px) {
  #pankuzu .pankuzu_block {
    width: 100%;
  }
}
#pankuzu ol {
  padding: 15px 0;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  #pankuzu ol {
    padding: 10px;
  }
}
#pankuzu ol li:first-child {
  background: none
}
#pankuzu li {
  background: url(../images/img/common/pankuzu_bg.png) 0 50% no-repeat;
  float: left;
  list-style-type: none;
  padding: 0px 5px 0 15px;
}
#pankuzu li a {
  color: #2e71b8;
  text-decoration: underline;
}
@media screen and (max-width:767px) {
  #pankuzu li a {
    font-size: 13px;
  }
}

.magazine_list {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width:767px) {
  .magazine_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
.magazine_list li {
  background: #3d9fb1;
}
.magazine_list li a {
  display: block;
  color: #fff;
  height: 100%;
}
.magazine_list li img {
  width: 100%;
  height: 150px;
  object-fit: cover
}
.magazine_list li h4 {
  text-align: justify;
  margin: 5px
}

.footer {
  padding: 60px 0 0 0;
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width:767px) {
  .footer {
    width: 100%;
    padding: 40px 0 0 0;
  }
}
.footer .foot {
  display: flex;
  gap: 40px;
  font-size: 14px;
  padding: 20px;
  transition: .25s
}
@media screen and (max-width:767px) {
  .footer .foot {
    gap: 20px;
    background: url(../images/img/common/foot_bg_square.png);
    flex-flow: column;
    padding: 10px;
  }
}
.footer .foot .menu_l,
.footer .foot .menu_c,
.footer .foot .menu_r {
  flex: 1;
}
.footer .menu_ttl {
  font-weight: 700;
  border-bottom: 1px solid #FA8329;
  width: 100%;
  padding: 0 0 10px 0;
  margin: 0 0 15px 0;
}
@media screen and (max-width:767px) {
  .footer .menu_ttl {
    text-align: center;
  }
}
@media screen and (max-width:767px) {
  .footer .footer_list_block {
    border-top: 1px solid #dfe0de;
    border-left: 1px solid #dfe0de;
  }
}
.footer .footer_list_block .tree {
  background: url(../images/img/common/tree_bg.png) 10px 7px no-repeat;
  padding: 0 0 0 20px
}
@media screen and (max-width:767px) {
  .footer .footer_list_block .item,
  .footer .footer_list_block .tree {
    display: flex;
    align-items: stretch;
    background: #fff;
    border-right: 1px solid #dfe0de;
    border-bottom: 1px solid #dfe0de;
    padding: 0;
  }
}
.footer .footer_list_block .item a,
.footer .footer_list_block .tree a {
  position: relative
}
@media screen and (max-width:767px) {
  .footer .footer_list_block .item a,
  .footer .footer_list_block .tree a {
    display: block;
    width: 100%;
    padding: 15px 25px 15px 10px;
  }
  .footer .footer_list_block .tree a {
    background: #f4f7f9;
    padding: 10px 25px;
  }
}
.footer .footer_list_block .item a:after,
.footer .footer_list_block .tree a:after {
  display: inline-block;
  position: absolute;
  content: "";
  background: #f49d1c;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 0;
  transition: .25s;
}
.footer .footer_list_block .item a:hover:after,
.footer .footer_list_block .tree a:hover:after {
  width: 100%
}
@media screen and (max-width:767px) {
  .footer .footer_list_block .item a:after,
  .footer .footer_list_block .tree a:after {
    background: transparent;
    width: 6px;
    height: 6px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #ccc;
    right: 15px;
    left: auto;
    top: 50%;
    transform: translate(0, -50%) rotate(45deg)
  }
  .footer .footer_list_block .item a:hover:after,
  .footer .footer_list_block .tree a:hover:after {
    width: 6px
  }
}
.footer .footer_list_block dd {
  display: block;
}
@media screen and (max-width:767px) {
  .footer .footer_list_block .footTrigger {
    background: #fff;
  }
  .footer .footer_list_block .footTrigger .btn_block {
    display: flex;
    align-items: center;
    border-right: 1px solid #dfe0de;
    border-bottom: 1px solid #dfe0de;
    padding: 15px 10px;
  }
  .footer .footer_list_block .footTrigger ul {
    display: none;
  }
  .footer .footer_list_block .footTrigger.open ul {
    display: block;
  }
  .footer .footer_list_block .footTrigger .tree {
    background: none;
    padding: 0
  }
}
.footer .foot .menu_c .footer_list_block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.footer .foot .menu_r .footer_list_block {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width:767px) {
  .footer .foot .menu_r .footer_list_block {
    display: block;
  }
}

.footer .company_site_url {
  font-size: 14px;
  padding: 20px;
  transition: .25s;
}
@media screen and (max-width:767px) {
  .footer .company_site_url {
    padding: 20px 0;
  }
}
.footer .company_site_url .footer_list_block {
  padding: 0 0 20px 0;
}
.footer .company_site_url .footer_list_block:last-child {
  padding: 0;
}

.footer .copyright {
  display: flex;
  font-size: 13px;
  align-items: center;
  overflow: hidden;
  padding: 20px 25px;
}
@media screen and (max-width:767px) {
  .footer .copyright {
    flex-flow: column;
    padding: 20px 0;
  }
  .footer .copyright .recruit_banner_img {
    width: 220px;
  }
  .footer .copyright .img_block {
    display: flex;
    gap: 30px;
    padding: 30px 0;
  }
}
.footer .copyright .logo_img {
  width: 110px;
  margin: 0 15px 0 0;
}
@media screen and (max-width:767px) {
  .footer .copyright .logo_img {
    width: 130px;
    margin: 0;
  }
}
.footer .copyright .prime_img {
  width: 80px;
  margin: 0 15px 0 0;
}
@media screen and (max-width:767px) {
  .footer .copyright .prime_img {
    width: 100%;
    margin: 0;
  }
}
.footer .copyright .company_text {
  padding: 0 10px 0 0;
  width: 360px
}
@media screen and (max-width:767px) {
  .footer .copyright .company_text {
    padding: 0 0 20px 0;
    width: 100%
  }
}
.footer .copyright .permit_text {
  text-align: right;
  width: 400px;
}
@media screen and (max-width:767px) {
  .footer .copyright .permit_text {
    text-align: start;
    width: 100%;
  }
}

.container_cta {
  display: flex;
  gap: 20px;
  /* background: #FFF; */
  padding: 30px 20px 20px 20px;
}
@media screen and (max-width:767px) {
  .container_cta {
    flex-flow: column;
    gap: 30px;
    padding: 30px 0 20px 0;
  }
}
.reservation_cta_block {
  display: block;
  width: 60%;
  padding: 10px 0;
  margin: 40px auto 0;
}
@media screen and (max-width: 767px) {
  .reservation_cta_block {
      width: 100%;
      margin: 30px auto 0;
  }
}
.call,
.web {
    position: relative;
    flex: 1;
    text-align: center;
    border-radius: 10px;
    padding: 10px 0;
}
.call {
    background: #FA8329;
    box-shadow: 0 6px 0 #864A04;
}
@media screen and (min-width:768px) {
  .call {
    pointer-events: none;
  }
}
@media screen and (max-width:767px) {
  .call {
    pointer-events: auto;
  }
}
.web {
    order: 1;
    background: #26BD0B;
    box-shadow: 0 6px 0 #048608;
}
@media screen and (max-width:767px) {
  .web {
      order: 0;
      background: #26BD0B;
      box-shadow: 0 6px 0 #048608;
  }
}
.call .tip,
.web .tip {
    position: absolute;
    color: #1e1e1e;
    line-height: 1;
    border-radius: 4px;
    background: #FFD357;
    font-weight: 700;
    white-space: nowrap;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    width: 60%;
    padding: 4px 0;
}
.call .text,
.web .text {
  position: relative;
  display: inline-block;
  color: #FFF;
  font-size: 32px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
  padding: 10px 0;
}
.call .text.pc_only,
.web .text.pc_only {
  display: inline-block;
}
.call .text.sp_only,
.web .text.sp_only {
  display: none;
}
@media screen and (max-width:767px) {
  .call .text,
  .web .text {
      font-size: 26px;
  }
  .call .text.pc_only,
  .web .text.pc_only {
    display: none;
  }
  .call .text.sp_only,
  .web .text.sp_only {
    display: inline-block;
  }
}
.call .text {
    padding: 10px 0 10px 20px;
}
.call .text::before {
  position: absolute;
  content: "";
  background: url(../images/img/flow/icon_tel.png);
  width: 25px;
  height: 25px;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  background-size: cover;
  filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(1073%) hue-rotate(185deg) brightness(119%) contrast(100%);
}
.call .caption,
.web .caption {
    color: #FFF;
    line-height: 1;
}

#form_items {
  clear: both;
}
.form_parts {
  position: relative;
  border-radius: 8px;
  border: 1px solid #f3e2d2;
}
.form_parts input {
  overflow: hidden;
  background-color: #fff;
  behavior: url(https://www.takakuureru.com/form/js/PIE.htc);
  border: 1px solid #9a9a9a;
  border-radius: 3px;
  margin-right: 10px;
  padding: 7px;
}
.form {
  float: left;
  overflow: hidden;
  width: 600px;
  background-color: #f9f5ee;
  box-sizing: border-box;
  border-bottom: 1px dotted #f3e2d2;
  margin-right: 40px;
  margin-bottom: 1px;
  padding: 25px 15px 20px 0;
}
.item_remove {
  float: right;
  background-color: #666;
  font-size: 22px;
  color: #fff;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  margin-right: 10px;
  padding: 0 3px;
}
.form dl {
  overflow: hidden;
  box-sizing: border-box;
  margin: 0;
}
.form dt {
  float: left;
  clear: both;
  width: 150px;
  position: relative;
  box-sizing: border-box;
  padding: 15px 0 0 15px;
}
.form dd {
  float: left;
  position: relative;
  width: calc(100% - 150px);
  box-sizing: border-box;
  margin: 0;
  padding: 10px 0 5px 15px;
}

.shohin input {
  width: 55%;
}

.condition dd {
  padding-top: 15px;
}
.condition input {
  display: none;
}
.condition input {
  width: auto;
  margin-left: 20px;
}
.radio {
  letter-spacing: 5px;
  margin-right: 30px;
}
.condition input+label {
  position: relative;
  margin-right: 30px;
  padding-left: 26px;
}
.condition input+label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
  background-color: #fff;
}
.condition input:checked+label::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #000;
  border-radius: 50%;
}

.necessary {
  position: absolute;
  right: 15px;
  background-color: #ff6c00;
  behavior: url(https://www.takakuureru.com/form/js/PIE.htc);
  font-size: 14px;
  color: #fff;
  line-height: 1;
  border-radius: 3px;
  margin-top: 3px;
  padding: 2px 5px 2px 5px;
}
.form_error_message {
  display: none;
  clear: both;
  float: right;
  color: red;
  line-height: 150%;
  padding-left: 30px;
}

.magazine {
  float: left;
  position: relative;
  width: 550px;
  margin-top: 13px;
  margin-bottom: 15px;
  margin-left: 50px;
}
.magazine input[type="checkbox"] {
  display: none;
}
.magazine input {
  margin-left: 20px;
}
.magazine label {
  line-height: 1;
}
.magazine input[type="checkbox"]:checked+label::before {
  content: "\2713";
  font-size: 16px;
  color: #fff;
}
.magazine label::before {
  position: absolute;
  left: -25px;
  display: inline-block;
  content: "";
  width: 15px;
  height: 15px;
  background-color: #666;
  text-align: center;
  line-height: 1;
}

.item_add {
  position: absolute;
  right: 0;
  bottom: 210px;
  overflow: hidden;
  display: block;
  width: 160px;
  background-color: #7bc4f8;
  box-shadow: 0 3px 3px rgba(0, 0, 0, .2), 0 -2px 0 0 #6b94b2 inset;
  border-radius: 7px;
  behavior: url(https://www.takakuureru.com/form/js/PIE.htc);
  cursor: pointer;
  font-size: 16px;
  color: #fff;
  text-align: center;
  letter-spacing: .5px;
  line-height: 1.5;
  margin-top: 25px;
  margin-bottom: 15px;
  margin-right: 40px;
  padding: 3px 5px 5px 5px;
}

.cta {
  position: absolute;
  right: 10px;
  bottom: 50px;
  text-align: center;
  margin-left: 40px;
}
.cta p {
  font-size: 13px;
  font-weight: 700;
  color: #cba262;
  text-align: center;
  letter-spacing: .5px;
  margin: 0;
  padding: 5px 45px 5px 0;
}
.cta p b {
  font-size: 22px;
}
.btn_next {
  display: block;
  background: #549e1d url(../img/common/arrow_right_white.svg) no-repeat scroll 30px 50% / 10px 18px;
  border-radius: 8px;
  box-shadow: 0 6px 0 hsl(113, 40%, 35%);
  box-sizing: border-box;
  width: 320px;
  transition: all 0.15s ease 0s;
  border: 0;
  font-family: "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  cursor: pointer;
  margin-bottom: 13px;
  margin-top: 5px;
  padding: 20px 20px 15px 45px;
}

#form_user {
  display: none;
}

.txt_btn_block {
  text-align: center;
  margin: 20px 0 0 0;
}

.txt_btn {
  display: inline-block;
  color: #777;
  font-weight: 700;
  text-align: center;
  border: 1px solid #dadada;
  background: #fff;
  transition: .25s;
  width: 60%;
  padding: 15px 0;
  margin: 0 auto;
}
@media screen and (max-width:767px) {
  .txt_btn {
    width: 100%;
  }
}

.link {
  color: #2e71b8;
  text-decoration: solid;
}

.link_btn {
  text-decoration: none;
  display: block;
  position: relative;
  font-weight: 700;
  text-align: center;
  background: #FFF;
  border-radius: 10px;
  padding: 20px 50px;
  margin-top: auto;
}

.link_block {
  margin: 40px 0 0 0;
}
@media screen and (max-width:767px) {
  .link_block {
    margin: 20px 0 0 0;
  }
}
.link_block .link_btn {
  color: #FA8329;
  border: 4px solid #FA8329;
  width: 60%;
  margin: 0 auto;
}
@media screen and (max-width:767px) {
  .link_block .link_btn {
    width: 100%;
  }
}
.link_btn::after {
  color: #FA8329;
  right: 30px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.icon_link {
  text-decoration: none;
  position: relative;
  font-weight: 700;
  padding-left: 20px;
}
.block_layout_rc_detail_table_area .default_table .icon_link {
  color: #1E1E1E;
}

.arrow::after, .icon_link::before, .box_arrow::after, .link_btn::after, .img_icon_link_btn::after, .scroll_prev::after, .scroll_next::after, .aside_itemstore_area .itemstore_block .item .link::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-width: 4px 4px 0 0;
  border-style: solid;
}
.arrow::after {
  color: #FA8329;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.box_arrow {
  position: relative;
  border-radius: 10px
}
.box_arrow::after {
  color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}
.icon_link::before {
  color: #FA8329;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

/* title */
.cate_title {
  font-family: "游明朝";
  font-size: 36px;
  padding: 0 0 5px 0;
  font-weight: inherit;
  border-bottom: 1px solid;
}
@media screen and (max-width:767px) {
  .cate_title {
    font-size: 20px;
  }
}

.page_title {
  font-size: 38px;
  font-weight: 900;
  line-height: 1;
  border-bottom: 1px dashed #C8C8C8;
  padding: 0 0 20px 0;
  margin: 0 0 40px 0;
}
@media screen and (max-width:767px) {
  .page_title {
    font-size: 26px;
    text-align: center;
    padding: 20px 0;
    margin: 0 0 20px 0;
  }
}
.fv_img {
  margin: 0 0 20px 0;
}
@media screen and (max-width:767px) {
  .fv_img {
    margin: 0;
  }
}

.border_title {
  font-size: 23px;
  font-weight: 700;
  text-align: center;
  letter-spacing: .5px;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 10px;
  margin: 0 0 20px 0;
}
@media screen and (max-width:767px) {
  .border_title {
    margin: 0 0 10px 0;
  }
}

.title_small {
  font-size: 70%;
}

.accent_title {
  color: #ec8413;
  font-size: 28px;
  text-align: center;
  margin: 0 0 20px 0;
}
@media screen and (max-width:767px) {
  .accent_title {
    font-size: 24px;
    margin: 0 0 10px 0;
  }
}
.accent_title small {
  color: #000;
  font-size: 18px
}

.store_plusbox {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 3.125vw;
}
@media screen and (max-width:767px) {
  .store_plusbox {
    margin: 0;
  }
}
.store_plusbox span {
  background-color: #ccc;
  display: inline-block;
  height: 14px;
  left: calc(50% - 1px);
  position: absolute;
  top: 2px;
  transition: .5s;
  width: 2px;
}
dl dt.open .store_plusbox span:nth-child(2),
.store_plusbox span:first-child,
.reusecenter .store_ttl.open .store_plusbox span:nth-child(2) {
  transform: rotate(90deg);
}

@media screen and (max-width:767px) {
  .plusbox {
    display: block;
    position: relative;
    border: 1px solid #ccc;
    background: #fff;
    height: 20px;
    width: 20px;
    margin-left: auto;
  }
  .plusbox span {
    display: inline-block;
    position: absolute;
    background: #ccc;
    width: 2px;
    height: 14px;
    top: 2px;
    left: calc(50% - 1px);
    transition: .5s;
  }
  .footTrigger .plusbox span:first-child,
  .footTrigger.open .plusbox span:nth-child(2) {
    transform: rotate(90deg);
  }
}

.label_tip {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  border-radius: 100vh;
  padding: 3px 19px;
  color: #FFF;
  background: #F27C22;
}

.bg_f9f5ee {
  background: #f9f5ee;
  padding: 40px 0 0 0;
  margin: 0 0 40px 0;
}
@media screen and (max-width:767px) {
  .bg_f9f5ee {
    padding: 30px 0 0 0;
    margin: 0 0 30px 0;
  }
}

/* TOPページレイアウト */
#slide {
    background: url(../images/img/index/bg1.png) 50% no-repeat;
    height: 630px;
    width: 100%;
}
@media screen and (max-width:767px) {
  #slide {
    background: url(../images/img/index/bg1_sp.png) 0 0/100% no-repeat;
    height: auto;
    padding: 0 0 20px 0;
  }
  #slide h1 {
    padding: 0 0 0 13%;
  }
}
#slide .mv {
  margin: 0 auto;
  overflow: hidden;
  width: 706px;
}
#slide .container_cta {
  margin: 20px 0 0 0;
}

.whatis_block {
  padding: 20px 0 0 0;
}
.whatis_block .img_block {
  display: flex;
  justify-content: space-between;
  margin: 0 100px;
}
@media screen and (max-width:767px) {
  .whatis_block .img_block {
    margin: 0;
  }
}
.whatis_block .img_block .logo_img {
  width: 155px;
}
.whatis_block .img_block .img {
  width: 370px;
  margin-bottom: -20px;
}
@media screen and (max-width:767px) {
  .whatis_block .img_block .logo_img {
    width: 40%;
  }
  .whatis_block .img_block .img {
    width: 50%;
    margin-bottom: 0;
  }
}
.whatis_block h2 {
  font-size: 28px;
  letter-spacing: .05em;
  padding: 0 0 10px 0;
  margin-top: -50px;
}
@media screen and (max-width:767px) {
  .whatis_block h2 {
    font-size: 22px;
    text-align: center;
    margin-top: 0;
  }
}
.whatis_block h2 span {
  color: #ec8411;
}

.what_list_block .what_list {
    display: flex;
    gap: 10px;
}
@media screen and (max-width:767px) {
  .what_list_block .what_list {
      flex-wrap: wrap;
      gap: 0;
      border-top: 2px solid #f49c1b;
      border-left: 2px solid #f49c1b;
  }
}
.what_list_block .what_list li {
    flex: 1;
    text-align: center;
    border: 2px solid #f49c1b;
    background: #fff;
    padding: 10px;
}
@media screen and (max-width:767px) {
  .what_list_block .what_list li {
    flex: none;
    border-top: none;
    border-right: 2px solid #f49c1b;
    border-bottom: 2px solid #f49c1b;
    border-left: none;
    width: 50%;
  }
}
.what_list_block .what_list li img {
    display: block;
    height: 80px;
    margin: 0 auto 20px;
}
.what_list_block .what_list li span {
    display: block;
    color: #ec8411;
    font-size: 24px;
    font-weight: 700;
    padding: 0 0 10px 0;
}
@media screen and (max-width:767px) {
    .what_list_block .what_list li span {
        font-size: 18px;
    }
}

.index_flow {
    background: #f9f5ee;
    padding: 40px 0;
    margin: 0 0 40px 0;
}
@media screen and (max-width:767px) {
    .index_flow {
        padding: 30px 0;
        margin: 0 0 30px 0;
    }
}
.index_flow ol {
    display: flex;
    flex-flow: column;
    gap: 40px;
    width: 800px;
    margin: 0 auto;
}
@media screen and (max-width:767px) {
    .index_flow ol {
        width: 100%;
    }
}
.index_flow ol li {
    position: relative;
    border-radius: 10px;
    border: 1px solid #F27C22;
    flex: 1;
    padding: 20px;
}
@media screen and (max-width:767px) {
    .index_flow ol li {
        padding: 10px;
    }
}
.index_flow ol li::after {
  display: inline-block;
  position: absolute;
  content: "";
  border-color: #F27C22 transparent transparent;;
  border-style: solid;
  border-width: 20px 40px;
  left: calc(50% - 40px);
  bottom: -50px;
}
.index_flow ol li:last-child::after {
    border: none;
}
.index_flow ol li .head_block {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 0 0 10px 0;
}
@media screen and (max-width:767px) {
    .index_flow ol li .head_block {
        gap: 5px;
    }
}
.index_flow ol li .head_block h3 {
    font-size: 20px;
}
.index_flow ol li .text_block {
    display: flex;
    gap: 10px;
}
.index_flow ol li .img {
  width: 230px;
}
@media screen and (max-width:767px) {
  .index_flow ol li .img {
    width: 140px;
    height: 100%;
  }
}
.index_flow h4 {
  text-align: center;
  padding: 20px 0 0 0;
}
@media screen and (max-width:767px) {
  .index_flow h4 {
      text-align: start;
  }
}

#detail_flow {
    padding: 0 0 20px 0;
}
#detail_flow ol {
    display: flex;
    flex-flow: column;
    gap: 40px;
}
#detail_flow ol li {
    position: relative;
    border-radius: 10px;
    border: 1px solid #F27C22;
    flex: 1;
    padding: 20px;
}
@media screen and (max-width:767px) {
    #detail_flow ol li {
        padding: 10px;
    }
}
#detail_flow ol li::after {
  display: inline-block;
  position: absolute;
  content: "";
  border-color: #F27C22 transparent transparent;;
  border-style: solid;
  border-width: 20px 40px;
  left: calc(50% - 40px);
  bottom: -50px;
}
#detail_flow ol li:last-child::after {
    border: none;
}
#detail_flow ol li .head_block {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 0 0 10px 0;
}
@media screen and (max-width:767px) {
    #detail_flow ol li .head_block {
        gap: 5px;
    }
}
#detail_flow ol li .head_block h3 {
    font-size: 20px;
}
#detail_flow ol li .text_block {
    display: flex;
    gap: 10px;
}
#detail_flow ol li .img {
    width: 230px;
}
@media screen and (max-width:767px) {
    #detail_flow ol li .img {
        width: 140px;
        height: 100%;
    }
}

#flow .index_img_flow ol {
  display: flex;
  padding: 0 0 20px 0;
}
#flow .index_img_flow ol li {
  flex: 1;
  border: 1px solid #dadada;
  padding: 10px;
}
@media screen and (max-width:767px) {
  #flow .index_img_flow ol li {
    padding: 5px;
  }
}
#flow .index_img_flow ol li img {
  display: block;
  width: auto;
  height: 50px;
  margin: 0 auto;
}
@media screen and (max-width:767px) {
  #flow .index_img_flow ol li img {
    height: 30px;
  }
}
#flow .index_img_flow ol li p {
  text-align: center;
  font-weight: 600;
  padding: 10px 0 0 0;
}
#flow .step_block {
  padding: 0 0 30px 0;
}
#flow .step_block .title {
  padding: 0 0 20px 0;
}
#flow .step_block h3 {
  font-size: 26px;
  padding: 10px 0 0 0;
}
#flow .step_block .box {
  display: flex;
  border: 5px solid #f0f0f0;
  margin: 20px 0;
  padding: 20px;
}
@media screen and (max-width:767px) {
  #flow .step_block .box {
    padding: 10px;
  }
}
#flow .step_block .box p {
  border-right: 2px solid #f0f0f0;
  padding: 0 20px 0 0 ;
}
@media screen and (max-width:767px) {
  #flow .step_block .box p {
    padding: 0 10px 0 0 ;
  }
}
#flow .step_block .box ul {
  padding: 0 0 0 20px;
}
@media screen and (max-width:767px) {
  #flow .step_block .box ul {
    padding: 0 0 0 10px;
  }
}
#flow .step_block h4 {
  font-size: 22px;
  padding: 15px 0;
}
#flow .step_block .img_text_block {
  display: flex;
  gap: 20px;
  padding: 0 0 20px 0;
}
@media screen and (max-width:767px) {
  #flow .step_block .img_text_block {
    gap: 0;
  }
}
#flow .step_block .img_text_block .mail_img {
  width: 100px;
  margin-top: -35px;
}
#flow .step_block .img_text_block .camera_img {
  width: 100px;
  margin-top: -45px;
}
@media screen and (max-width:767px) {
  #flow .step_block .img_text_block .mail_img,
  #flow .step_block .img_text_block .camera_img {
    margin-top: 0;
  }
}
#flow .step_block dl {
  padding: 20px 0 0 0;
}
#flow .step_block .qaTrigger {
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  background-color: #f9f5ee;
  border: 1px solid #d7d7d7;
  font-size: 25px;
  font-weight: 700;
  justify-content: space-between;
  letter-spacing: .1em;
  line-height: 1.2;
  padding: 10px 20px;
  cursor: pointer;
  margin: 20px 0 0 0;
}
#flow .step_block dl .qaTrigger:first-child {
  margin: 0;
}
@media screen and (max-width:767px) {
  #flow .step_block .qaTrigger {
    padding: 10px;
  }
}
#flow .step_block .qaTrigger .faq_txt span {
  font-size: 70%;
  font-weight: 400;
  letter-spacing: 0;
}
#flow .store_list .reusecenter .store_ttl {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  border-bottom: 1px solid #bcbcbc;
  border-top: 1px solid #bcbcbc;
  display: flex;
  justify-content: space-between;
  padding: 1.5625vw 2.34375vw 1.5625vw 1.5625vw;
  cursor: pointer;
}
#flow .step_block dd,
#flow .store_list.flow_store .reusecenter .store_ttl,
#flow .store_list.flow_store .reusecenter .storelist_cnt {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
#flow .step_block dd {
  display: none;
  border-bottom: 1px solid #d7d7d7;
  padding: 30px;
}
@media screen and (max-width:767px) {
  #flow .step_block dd {
    padding: 15px;
  }
}
#flow .store_list.flow_store .reusecenter .store_ttl {
  background-color: #f9f5ee;
  border-bottom: none;
  padding: 15px;
}
#flow .store_list.flow_store .reusecenter:first-child .store_ttl {
  border-top: 1px solid #d7d7d7;
}
#flow .store_list.flow_store .reusecenter .store_ttl.open,
#flow .store_list.flow_store .reusecenter:last-child .store_ttl,
#flow .store_list.flow_store .reusecenter:last-child .storelist_cnt {
  border-bottom: 1px solid #d7d7d7;
}
#flow .store_list.flow_store .reusecenter .storelist_cnt {
  display: none;
}
#flow .store_list.flow_store .reusecenter .storelist_cnt .rc_menu_area {
  border-radius: 0;
}
@media screen and (max-width:767px) {
  #flow .store_list.flow_store .reusecenter .storelist_cnt .rc_menu_area,
  #flow .store_list.flow_store .reusecenter .storelist_cnt .rc_menu_area .item {
    padding: 10px;
  }
}
#flow .step_block .delivery_img,
#flow .step_block .visit_img,
#flow .step_block .shop_img {
  width: auto;
  height: 160px;
}
#flow .step_block .img_list_block {
  display: flex;
  gap: 10px;
  padding: 20px 0 0 0;
}
#flow .step_block .img_list_block img {
  width: 105px;
}
@media screen and (max-width:767px) {
  #flow .step_block .img_list_block img {
    width: 100%;
  }
}
#flow .step_block .img_box {
  display: flex;
  gap: 10px;
  justify-content: center;
}
@media screen and (max-width:767px) {
  #flow .step_block .img_box {
    flex-flow: column;
  }
}

.purchase_method_block {
    display: flex;
    gap: 15px;
  }
  @media screen and (max-width:767px) {
    .purchase_method_block {
      flex-flow: column;
  }
}
.purchase_method_block li {
    flex: 1;
    border: 1px solid #cbcbcb;
}
.purchase_method_block .link {
    text-decoration: none;
}
.purchase_method_block .link .ttl {
  position: relative;
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
  background: #f49c1b;
  min-height: 75px;
  padding: 5px;
}
#main .purchase_method_block .link .ttl {
  font-size: 17px;
}
@media screen and (max-width:767px) {
  .purchase_method_block .link .ttl,
  #main .purchase_method_block .link .ttl {
      font-size: 18px;
      min-height: 70px;
  }
}
.purchase_method_block .link .ttl::after {
    position: absolute;
    content: "";
    border-color: #f49c1b transparent transparent;
    border-style: solid;
    border-width: 10px 15px;
    bottom: -20px;
    left: calc(50% - 20px);
}
.purchase_method_block .cnt {
  color: #1E1E1E;
  text-align: center;
  background: #FFF;
  min-height: 205px;
  padding: 15px;
}
#main .purchase_method_block .cnt {
  min-height: 285px;
  padding: 15px 5px;
}
@media screen and (max-width:767px) {
  .purchase_method_block .cnt,
  #main .purchase_method_block .cnt {
      min-height: auto;
      padding: 15px 10px 10px 10px;
  }
}
.purchase_method_block .cnt .sttl {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    border-bottom: 4px solid #f49c1b;
    padding: 0 0 3px 0;
    margin: 0 0 10px 0;
}
.purchase_method_block .cnt .img_text_block {
  display: flex;
}
#main .purchase_method_block .cnt .img_text_block {
  display: block;
}
.purchase_method_block .cnt .img_text_block .img {
  width: 140px;
  margin: 0 15px 0 0;
}
#main .purchase_method_block .cnt .img_text_block .img {
  width: auto;
  height: 120px;
  margin: 0 auto 15px;
}
@media screen and (max-width:767px) {
  .purchase_method_block .cnt .img_text_block .img,
  #main .purchase_method_block .cnt .img_text_block .img {
    height: 100px;
    margin: 0 auto;
  }
  .purchase_method_block .cnt .img_text_block .text {
    text-align: start;
  }
}
.purchase_method_block .detail {
    color: #fff;
    font-size: 20px;
    text-align: center;
    background: #cbcbcb;
    padding: 10px 0;
}

#category_parts {
  background: url(../images/img/category/list_bg.png);
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}
@media screen and (max-width:767px) {
  #category_parts {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }
}
#category_parts .title {
  font-size: 28px;
  font-weight: 400;
  color: #fff;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  background: #666;
  padding: 10px 20px;
  letter-spacing: .5px;
  text-align: center
}
@media screen and (max-width:767px) {
  #category_parts .title {
    font-size: 24px;
  }
}
#category_parts ul {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
  padding: 40px 0 0 0;
}
#category #category_parts ul {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width:767px) {
  #category_parts ul {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 5px;
    padding: 20px 0 0 0;
  }
  #category #category_parts ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
#category_parts ul li {
  background: #fff;
}
#category_parts ul li a {
  display: block;
  text-align: center;
}
#category #category_parts ul li a h2 {
  font-size: 15px;
  border-bottom: 2px solid #cbcbcb;
  height: 50px;
  padding: 10px 0 5px 0;
  margin: 0 20px;
}
@media screen and (max-width:767px) {
  #category #category_parts ul li a h2 {
    height: 43px;
    padding: 0 0 5px 0;
    margin: 5px 5px 0 5px;
    overflow: hidden;
  }
}
#category_parts ul li a img {
  display: block;
  height: auto;
}
#category #category_parts ul li a img {
  height: 80px;
  max-width: 105px;
}
@media screen and (max-width:767px) {
  #category_parts ul li a img,
  #category #category_parts ul li a img {
    height: auto;
  }
}
#category_parts ul li a span {
  display: block;
  padding: 5px 0 0 0;
}
@media screen and (max-width:767px) {
  #category_parts ul li a span {
    height: 50px;
  }
}
#category #category_parts ul li a .shohin_block {
  display: flex;
  gap: 5px;
  padding: 5px;
}
@media screen and (max-width:767px) {
  #category #category_parts ul li a .shohin_block {
    flex-flow: column;
  }
}
#category #category_parts ul li a .shohin_block .shohin {
  display: block;
  text-align: start;
  padding: 0;
}
@media screen and (max-width:767px) {
  #category #category_parts ul li a .shohin_block .shohin {
    height: 60px;
  }
}
#category #category_parts ul li a .shohin_block .shohin li {
  font-size: 14px;
  line-height: 1.2;
  width: 125px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  #category #category_parts ul li a .shohin_block .shohin li {
    font-size: 12px;
    width: 90px;
    min-height: auto;
    padding: 0;
  }
}
#category #category_parts ul li a .arrow_block {
  display: block;
  position: relative;
  background: #cbcbcb;
  height: 20px;
}
#category #category_parts ul li a .arrow_block::before {
  position: absolute;
  content: "";
	width: 14px;
	height: 14px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
  background: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
#category #category_parts ul li a .arrow_block::after {
  position: absolute;
  content: "";
  width: 4px;
	height: 4px;
	border-top: 2px solid #cbcbcb;
	border-right: 2px solid #cbcbcb;
	-webkit-transform: rotate(45deg);
  top: 50%;
  left: calc(50% - 1px);
  transform: translate(-50%, -50%) rotate(45deg)
}

.voice_area {
  background: #f9f5ee;
  padding: 40px 0;
}
#main .voice_area {
  padding: 0;
  margin: 0 0 40px 0;
}
@media screen and (max-width:767px) {
  .voice_area {
    padding: 30px 0;
  }
  #main .voice_area {
    padding: 0;
    margin: 0 0 30px 0;
  }
}
#index_voice {
  background: #f2e9db;
  padding: 0 0 20px 0;
}
#index_voice .main_title {
  position: relative;
  font-size: 28px;
  color: #fff;
  text-align: center;
  background: #EC8413;
  padding: 10px 0;
  margin: 0 0 30px 0;
}
#index_voice .main_title::after {
  position: absolute;
  content: "";
  border-color: #EC8413 transparent transparent;
  border-style: solid;
  border-width: 15px 20px;
  bottom: -30px;
  left: calc(50% - 20px);
}
@media screen and (max-width:767px) {
  #index_voice .main_title {
    font-size: 24px;
  }
}
#index_voice #voice {
  width: 800px;
  margin: 0 auto;
}
#main #index_voice #voice {
  width: 100%;
}
@media screen and (max-width:767px) {
  #index_voice #voice {
    width: 100%;
  }
}
#index_voice #voice .voice_title {
  background: url(../images/img/voice/voice_ttl_bg.png) no-repeat;
  height: 315px;
  width: 730px;
}
@media screen and (max-width:767px) {
  #index_voice #voice .voice_title {
    background: url(../images/img/voice/voice_ttl_bg_sp.png) 0 0 / 100% no-repeat;
    width: auto;
    height: auto;
  }
}
#index_voice #voice .voice_title p {
  padding: 195px 190px 0 170px;
}
@media screen and (max-width:767px) {
  #index_voice #voice .voice_title p {
    padding: 33vw 20px 12vw;
    text-align: center;
  }
}
#index_voice #voice .review_box {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 15px;
  margin: 0 0 15px 0;
}
@media screen and (max-width:767px) {
  #index_voice #voice .review_box {
    flex-flow: column;
    border: 1px solid #d7d7d7;
    padding: 10px;
    margin: 10px 10px 20px 10px;
  }
}
#index_voice #voice .review_box .comprehensive_evaluation {
  flex: 1;
  text-align: center;
  border-right: 1px dotted #d7d7d7;
}
@media screen and (max-width:767px) {
  #index_voice #voice .review_box .comprehensive_evaluation {
    border-right: none;
    border-bottom: 1px dotted #d7d7d7;
    padding: 10px 0;
  }
}
#index_voice #voice .review_box .comprehensive_evaluation dt {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px 0;
}
#index_voice #voice .review_box .comprehensive_evaluation dd {
  font-size: 18px;
}
#index_voice #voice .review_box .comprehensive_evaluation .sogo_kensu {
  font-size: 15px;
  margin: 10px 0 0 0;
}
#index_voice #voice .star_img {
  width: 15px;
  margin: 8px 8px 0 0;
}
#index_voice #voice .review_box .star_box {
  flex: 1;
  text-align: center;
}
@media screen and (max-width:767px) {
  #index_voice #voice .review_box .star_box {
    padding: 10px 0;
  }
}
#index_voice #voice .review_box .star_box .each_star {
  display: flex;
  justify-content: center;
  font-size: 12px;
  margin: 0 0 5px 0;
}
#index_voice #voice .review_box .star_box .each_star:last-child {
  margin: 0;
}
#index_voice #voice .review_box .star_box .each_item {
  width: 130px;
  padding: 5px;
  margin: 0 30px 0 0;
}
#index_voice #voice .voice {
  margin: 0 0 20px 0;
}
#index_voice #voice .voice .box {
  border: 1px solid #d7d7d7;
  background: #fff;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  #index_voice #voice .voice .box {
    padding: 20px;
    margin: 10px;
  }
}
#index_voice #voice .voice .box .bg_img {
  float: left
}
#index_voice #voice .voice .box .box_in {
  border-bottom: 20px solid #f9f5ee;
  border-left: 20px solid #f9f5ee;
  border-right: 20px solid #f9f5ee;
  overflow: hidden;
  padding: 15px 30px 30px
}
@media screen and (max-width:767px) {
  #index_voice #voice .voice .box .box_in {
    border: none;
    padding: 0;
  }
}
#index_voice #voice .voice .box .box_in .user_block {
  position: relative;
  min-height: 150px;
}
@media screen and (max-width:767px) {
  #index_voice #voice .voice .box .box_in .user_block {
    min-height: auto;
  }
}
#index_voice #voice .voice .box .box_in .user_block img {
  position: absolute;
  width: 190px;
  height: 150px;
}
@media screen and (max-width:767px) {
  #index_voice #voice .voice .box .box_in .user_block img {
    width: 140px;
    height: 105px;
  }
}
#index_voice #voice .voice .box .box_in .user_block .user_text {
  margin: 0 0 0 220px;
}
@media screen and (max-width:767px) {
  #index_voice #voice .voice .box .box_in .user_block .user_text {
    min-height: 105px;
    margin: 0 0 0 150px;
  }
}
#index_voice #voice .voice .box .box_in .user_block .item_block {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  background: #f9f5ee;
  margin: 10px 0 0 220px;
}
@media screen and (max-width:767px) {
  #index_voice #voice .voice .box .box_in .user_block .item_block {
    margin: 10px 0 0 0;
  }
}
#index_voice #voice .voice .box .box_in .user_block .item_block .title {
  text-align: center;
  width: 100px;
}
#index_voice #voice .voice .box .box_in .user_block .item_block .text {
  background: #fff;
  border-left: 1px solid #ddd;
  width: 100%;
  padding: 10px;
}
#index_voice #voice .voice .box .box_in .user_block .item_block .text b {
  display: inline-block;
  border-bottom: 1px solid #ddd;
  padding: 0 10px 5px 10px;
  margin: 0 0 10px 0;
}

#index_voice #voice .voice .box .comment_block {
  background: #fff;
  margin: 20px 0;
}
#index_voice #voice .voice .box .comment_block .guest_comment,
#index_voice #voice .voice .box .comment_block .staff_comment {
  display: flex;
  align-items: center;
}
#index_voice #voice .voice .box .comment_block .guest_comment {
  padding: 0 0 20px 0;
}
@media screen and (max-width:767px) {
  #index_voice #voice .voice .box .comment_block .guest_comment,
  #index_voice #voice .voice .box .comment_block .staff_comment {
    display: block;
  }
  #index_voice #voice .voice .box .comment_block .guest_comment .img_block,
  #index_voice #voice .voice .box .comment_block .staff_comment .img_block {
    display: flex;
    align-items: center;
  }
}
#index_voice #voice .voice .box .comment_block .guest_comment img,
#index_voice #voice .voice .box .comment_block .staff_comment img {
  width: 100px;
  padding: 10px;
  margin: 0 20px 0 0;
}
@media screen and (max-width:767px) {
  #index_voice #voice .voice .box .comment_block .guest_comment img,
  #index_voice #voice .voice .box .comment_block .staff_comment img {
    width: 12px;
    padding: 0;
    margin: 0 10px 0 0;
  }
}
#index_voice #voice .voice .box .comment_block .guest_comment h2 {
  display: inline-block;
  line-height: 200%;
  text-decoration: underline solid #FA8329 2px;
  text-underline-offset: 5px;
}
@media screen and (max-width:767px) {
  #index_voice #voice .voice .box .comment_block .guest_comment h2 {
    margin: 10px 0 0 0;
  }
}
#index_voice #voice .voice .box .comment_block .staff_comment p {
  font-size: 14px;
}
@media screen and (max-width:767px) {
  #index_voice #voice .voice .box .comment_block .staff_comment p {
    margin: 10px 0 0 0;
  }
}
#index_voice #voice .voice .box .box_in .star_block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
}
@media screen and (max-width:767px) {
  #index_voice #voice .voice .box .box_in .star_block {
    grid-template-columns: repeat(1, 1fr);
  }
}
#index_voice #voice .voice .box .box_in .star_block .star {
  display: flex;
  align-items: center;
  font-size: 12px;
  border: 1px solid #dadada;
}
#index_voice #voice .voice .box .box_in .star_block .star .item {
  text-align: center;
  background: #ececec;
  width: 140px;
  padding: 5px;
}
#index_voice #voice .voice .box .box_in .star_block .star .star_box {
  flex: 1;
  text-align: center;
}
#index_voice #voice .voice .box .box_in .star_block .star img {
  width: auto;
  margin: 0 8px 0 0;
}
#index_voice #voice #paging ul {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 20px 0 0 0;
}
@media screen and (max-width: 767px) {
  #index_voice #voice #paging ul {
    gap: 10px;
    overflow-x: auto;
    padding: 20px 10px 0 10px;
    scrollbar-width: none;
  }
}
#index_voice #voice #paging ul li a {
  color: #fff;
  background: #ec8413;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  border-radius: 10px;
  width: 50px;
  height: 50px;
}
#index_voice #voice #paging ul li a.active {
  color: #ec8413;
  background: #fff;
}
.use p {
  text-align: center;
  padding: 10px;
}
.index_voice_list_block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  background: #f2e9db;
  padding: 20px;
}
@media screen and (max-width:767px) {
    .index_voice_list_block {
        grid-template-columns: repeat(1, 1fr);
        padding: 10px;
    }
}
.index_voice_list_block li {
    background: #fff;
    padding: 20px;
}
@media screen and (max-width:767px) {
    .index_voice_list_block li {
        padding: 10px;
    }
}
.index_voice_list_block li .img_block {
    display: flex;
    gap: 10px;
    padding: 0 0 10px 0;
}
.index_voice_list_block li .img_block img {
    width: auto;
    height: 110px;
}
.index_voice_list_block li .img_block .text_block {
    width: 100%;
}
.index_voice_list_block li .img_block .text_block .name {
    padding: 0 0 10px 0;
}
.index_voice_list_block li .img_block .text_block .list_block {
    border: 1px solid #ddd;
}
.index_voice_list_block li .img_block .text_block .list_block .title {
    background: #F9F5EE;
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 5px;
}
.index_voice_list_block li .img_block .text_block .list_block .item {
    font-weight: 600;
    padding: 5px;
}

.store_area {
  background: url(../images/img/index/shop_bg.png);
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}
@media screen and (max-width:767px) {
  .store_area {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }
}
.store_area .title {
  font-size: 28px;
  font-weight: 400;
  color: #fff;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  background: #666;
  padding: 10px 20px;
  margin: 0 0 20px 0;
  letter-spacing: .5px;
  text-align: center;
}
@media screen and (max-width:767px) {
  .store_area .title {
    font-size: 24px;
  }
}
.store_area .store_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  margin: 20px 0 0 0;
}
@media screen and (max-width:767px) {
  .store_area .store_list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.store_area .store_list li {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}
.store_area .store_list li a {
  display: flex;
  align-items: center;
}
.store_area .store_list li a img {
  object-fit: cover;
  width: 200px;
  height: 120px;
  margin: 0 10px 0 0;
}
@media screen and (max-width:767px) {
  .store_area .store_list li a img {
    width: 130px;
    height: 110px;
  }
}
.store_area .store_list li a span {
  color: #ec8411;
}
.store_area .category_store_list {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin: 20px 0 0 0;
}
@media screen and (max-width: 767px) {
  .store_area .category_store_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}
.store_area .category_store_list li a {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #ddd;
  background: #fff;
}
.store_area .category_store_list li a img {
  height: 130px;
  margin: 0 0 5px 0;
}
@media screen and (max-width: 767px) {
  .store_area .category_store_list li a img {
    height: 100px;
  }
}

#takaku_magazine {
  background-color: #f2e9db;
  padding: 20px;
}
#takaku_magazine ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width:767px) {
  #takaku_magazine ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
#takaku_magazine ul li {
  border: 2px solid #ddd;
  padding: 5px;
}
#takaku_magazine ul li a {
  display: flex;
  color: #2e71b8;
}
#takaku_magazine ul li a img {
  margin: 0 10px 0 0;
  width: 110px;
  height: 90px;
  object-fit: cover
}

.index_faq dl {
  border: 1px solid #f3e3d3;
  background: #fff;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .index_faq dl {
    padding: 10px;
  }
}
.index_faq dt {
  font-size: 18px;
  color: #ec8413;
  background: url(../images/img/flow/q.png) no-repeat;
  min-height: 40px;
  padding: 0 45px;
}
.index_faq dd {
  border-bottom: 1px dotted #dadada;
  background: url(../images/img/flow/a.png) no-repeat;
  min-height: 45px;
  padding: 0 45px 15px 45px;
  margin: 0 0 15px;
}
.index_faq dd a {
  color: #2e71b8;
  text-decoration: underline;
}
.index_faq dd .container_cta {
  margin: 0 0 0 -50px;
}
.index_faq dd .web,
.index_faq dd .call
{
  color: unset;
  text-decoration: auto;
}
@media screen and (max-width: 767px) {
  .index_faq dd .call .text,
  .index_faq dd .web .text {
      font-size: 20px;
  }
}

#index_company_media_bg {
  background: url(../images/img/index/media_bg_sp.png) 50% no-repeat;
  width: 100%;
  padding: 40px 0;
}
@media screen and (max-width:767px) {
  #index_company_media_bg {
    padding: 20px 0;
  }
}
#index_company_media_bg .box_area {
  display: flex;
  gap: 10px;
}
@media screen and (max-width:767px) {
  #index_company_media_bg .box_area {
    flex-flow: column;
  }
}
#index_company_media_bg .box_area .box {
  flex: 1;
  background-color: hsla(0, 0%, 100%, .7);
  padding: 20px;
}
#index_company_media_bg .box_area .box h3 {
  position: relative;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}
#index_company_media_bg .box_area .box h3::after {
  display: inline-block;
  position: absolute;
  content: "";
  background: #000;
  width: 60px;
  height: 2px;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
#index_company_media_bg .box_area .box .img_block {
  display: flex;
  justify-content: center;
  margin: 0 0 20px 0;
}
#index_company_media_bg .box_area .box .img_block a:first-child {
  margin: 0 20px 0 0;
}
#index_company_media_bg .box_area .box .img_block img {
  width: 100px;
}
#index_company_media_bg .box_area .box ul {
  list-style-type: disc;
  padding: 20px 0 0 2em;
}
#index_company_media_bg .box_area .box ul li {
  list-style-type: disc;
}

/* secound */
#whole #ttl {
  display: flex;
  gap: 20px;
  width: 1000px;
  padding: 20px 0 0 0;
  margin: 0 auto;
}
@media screen and (max-width:767px) {
  #whole #ttl {
    flex-flow: column;
    width: 100%;
  }
}
#whole #ttl img {
    order: 1;
    width: 530px;
}
@media screen and (max-width:767px) {
    #whole #ttl img {
    order: 0;
      width: 100%;
    }
}
#whole #ttl .title_block {
  order: 0;
  padding: 60px 0 0 0;
}
@media screen and (max-width:767px) {
    #whole #ttl .title_block {
        order: 1;
        padding: 0;
    }
}
#whole #ttl .title_block p {
  padding: 15px 0 0 0
}
@media screen and (max-width:767px) {
  #whole #ttl .title_block p {
    padding: 10px 0 0 0
  }
}

.sell_contents_wedget_area p:first-of-type {
  text-align: center;
}
.sell_contents_wedget_area .sell_contents .sell_contents_area {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  padding: 15px 0 0 0;
}
@media screen and (max-width:767px) {
  .sell_contents_wedget_area .sell_contents .sell_contents_area {
    grid-template-columns: repeat(2, 1fr);
  }
}
.sell_contents_wedget_area .sell_contents .sell_contents_block_inner {
  border: 1px solid #ddd;
  background: #fff;
  padding: 8px;
}
@media screen and (max-width:767px) {
  .sell_contents_wedget_area .sell_contents .sell_contents_block_inner {
    padding: 5px;
  }
}
.sell_contents_wedget_area .sell_contents .sell_contents_block_inner h3 {
  width: 225px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* ブラウザがサポートしていない場合のフェールセーフ */
  height: 40px;
}
@media screen and (max-width:767px) {
  .sell_contents_wedget_area .sell_contents .sell_contents_block_inner h3 {
    width: 100%;
  }
}
.sell_contents_wedget_area .sell_contents .sell_contents_block_inner .sell_contents_block_inner_img {
  position: relative;
  background: #fff;
  width: 100%;
  height: 130px;
}
.sell_contents_wedget_area .sell_contents .sell_contents_block_inner .sell_contents_block_inner_img img {
  display: block;
  position: absolute;
  width: auto;
  max-width: 95%;
  max-height: 95%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sell_contents_wedget_area .sell_contents .sell_contents_block_inner h4 {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  line-height: 18px;
  height: 34px;
  margin: 8px 0 4px;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  .sell_contents_wedget_area .sell_contents .sell_contents_block_inner h4 {
    width: 150px;
    text-overflow: ellipsis;
  }
}
.sell_contents_wedget_area .sell_contents .sell_contents_block_inner .sell_contents_block_inner_box01 {
  display: flex;
  align-items: center;
  gap: 5px;
}
.sell_contents_wedget_area span a {
  color: #2e71b8;
  text-decoration: underline;
}
.sell_contents_block_inner_date,
.sell_contents_block_inner_status {
  font-size: 11px;
  color: #aaa;
  text-align: center;
  line-height: 1.8;
}
.sell_contents_block_inner_status {
  display: inline-block;
  color: #777;
  border: 1px solid #aaa;
  padding: 2px 4px;
}
.sell_contents_block_inner_price {
  font-size: 24px;
  font-weight: 700;
  color: #d00;
  line-height: 1.4;
  margin: 4px 0 0;
}
.sell_contents_block_inner_cta {
  display: block;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 5px;
  background-color: #46AA4B;
  padding: 7px 10px;
  margin: 10px 0 0;
  text-decoration: none;
  transition: all .25s;
}
.sell_contents_linkwrap:hover .sell_contents_block_inner_cta {
  background-color: #fff;
  border: 1px solid #46AA4B;
  color: #46AA4B
}

.content_text {
  font-size: 15px;
  border: 1px solid #ddd;
  padding: 30px;
  margin: 0 auto 20px auto;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  .content_text {
    padding: 10px;
  }
}
.content_title p {
  padding: 0 0 20px 0;
}
.content_text img {
  float: right;
  margin: 0 0 20px 20px;
  width: 200px
}
.content_text h3 {
  font-size: 20px;
  line-height: 1.5;
  margin: 0 0 15px;
  padding: 0
}
.content_text h4 {
  background-color: #f9f5ee;
  border-left: 5px solid #FA8329;
  font-size: 18px;
  line-height: 1.5;
  margin: 20px 0 15px;
  padding: 8px 8px 8px 20px
}
.content_text p {
  margin: 0;
  padding: 0 0 15px 0
}
.content_text .link_block {
  text-align: right;
  margin: 20px 0 0 0;
}
@media screen and (max-width:767px) {
  .content_text .link_block {
    text-align: start;
  }
}
.content_text a {
  color: #2e71b8;
  text-decoration: underline;
}

.default_table {
  border-collapse: separate;
  border: 4px solid #E6E6E6;
  border-radius: 10px;
  min-width: 880px
}
.default_table thead {
  background: #E6E6E6
}
.default_table th,
.default_table td {
  padding: 15px
}
.default_table th {
  font-weight: 700
}
.default_table td {
  border-bottom: 4px solid #E6E6E6
}
.default_table tr:last-child td {
  border: none
}
.block_layout_rc_detail_table_area .default_table {
  min-width: auto
}
.block_layout_rc_detail_table_area .default_table th {
  width: 140px;
  text-align: left;
  vertical-align: top;
  border-bottom: 4px solid #E6E6E6;
  padding: 15px 0 15px 15px;
}
@media screen and (max-width: 767px) {
  .block_layout_rc_detail_table_area .default_table th {
    display: block;
    border: none;
    width: 100%;
    padding: 15px 15px 10px 15px;
  }
}
@media screen and (max-width: 767px) {
  .block_layout_rc_detail_table_area .default_table td {
    display: block;
    width: 100%;
    padding: 0 15px 15px 15px;
  }
}
.block_layout_rc_detail_table_area .default_table tr:last-child th {
  border: none;
}

/* .block_layout_rc_table_area .img_block {
  width: 100%;
  height: 240px;
  background-image: url(../images/img/index/rc_bg.png);
  background-position: center
}
@media screen and (max-width:767px) {
  .block_layout_rc_table_area .img_block {
    height: 200px
  }
}
.block_layout_rc_table_area .rc_table_block {
  padding: 0 60px;
  margin: -80px 0 0 0
}
@media screen and (max-width:767px) {
  .block_layout_rc_table_area .rc_table_block {
    padding: 0 20px;
    margin: -40px 0 0 0
  }
} */
.block_layout_rc_table_area .default_table {
  background: #FFF;
  width: 100%;
  min-width: auto
}
@media screen and (max-width:767px) {
  .block_layout_rc_table_area .default_table {
    margin: 0
  }
}
.block_layout_rc_table_area .default_table th {
  width: 130px;
  text-align: left;
  border-bottom: 4px solid #E6E6E6;
  padding: 15px 0 15px 15px
}
.block_layout_rc_table_area .default_table tr:last-child th {
  border: none
}
@media screen and (max-width:767px) {
  .block_layout_rc_table_area .default_table th {
    display: block;
    border: none;
    width: 100%;
    padding: 15px 15px 10px 15px
  }
}
@media screen and (max-width:767px) {
  .block_layout_rc_table_area .default_table td {
    display: block;
    width: 100%;
    padding: 0 15px 15px 15px
  }
}
.block_layout_rc_table_area .default_table .link_item_block .link_item {
  display: inline-block;
  line-height: 1.8;
  padding: 0 20px 0 0
}
.block_layout_rc_table_area .default_table .link_item_block .link_item:last-child {
  padding: 0
}

.block_layout_rc_area {
  display: flex;
  position: relative
}
@media screen and (max-width:767px) {
  .block_layout_rc_area {
    display: block
  }
}
.block_layout_rc_area .img {
  width: 40%;
  height: auto;
  min-width: 330px;
  margin: 0 10px 0 0
}
@media screen and (max-width:767px) {
  .block_layout_rc_area .img {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0
  }
}
.block_layout_rc_area .rc_text_block {
  position: absolute;
  text-align: center;
  border-radius: 50%;
  border: 4px dashed #FFD357;
  left: 0;
  top: 0;
  width: 180px;
  height: 180px;
  padding: 15px 0
}
@media screen and (max-width:767px) {
  .block_layout_rc_area .rc_text_block {
    top: 20px
  }
}
.block_layout_rc_area .rc_text_block .text {
  font-weight: 900;
  line-height: 1.3
}
.block_layout_rc_area .rc_text_block .count {
  font-size: 64px;
  font-weight: 900;
  line-height: 1
}
.block_layout_rc_area .rc_text_block .store {
  font-size: 24px;
  font-weight: 900;
  line-height: 1.3
}
.block_layout_rc_area .rc_block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  width: 100%
}
@media screen and (max-width:767px) {
  .block_layout_rc_area .rc_block {
    grid-template-columns: repeat(1, 1fr);
    gap: 0
  }
}
.block_layout_rc_area .rc_block .item {
  display: block;
  border-radius: 10px;
  border: 4px solid #E6E6E6;
  padding: 10px
}
.block_layout_rc_area .rc_block .item:last-child {
  border-color: #FA8329;
  padding: 0
}
@media screen and (max-width:767px) {
  .block_layout_rc_area .rc_block .item {
    display: flex;
    border-radius: 0;
    border-bottom: none
  }
  .block_layout_rc_area .rc_block .item:first-child {
    border-radius: 10px 10px 0 0
  }
  .block_layout_rc_area .rc_block .item:nth-last-child(2) {
    border-radius: 0 0 10px 10px;
    border-bottom: 4px solid #E6E6E6
  }
  .block_layout_rc_area .rc_block .item:last-child {
    border-radius: 10px;
    border-bottom: 4px solid #FA8329;
    margin: 20px 0 0 0
  }
}
.block_layout_rc_area .rc_block .item .text {
  font-size: 20px;
  font-weight: 700
}
@media screen and (max-width:767px) {
  .block_layout_rc_area .rc_block .item .text {
    font-size: 16px;
    width: 70px;
    min-width: 70px
  }
}
.block_layout_rc_area .rc_block .item .link_item_block .link_item {
  display: inline-block;
  line-height: 1.8;
  padding: 0 10px 0 0
}
.block_layout_rc_area .rc_block .item .link_item_block .link_item:last-child {
  padding: 0
}
.block_layout_rc_area .rc_block .item .link_item_block .link_item .rc_link {
  color: #FA8329;
  text-decoration: solid;
}
.block_layout_rc_area .rc_block .item .link {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  color: #FA8329;
  font-weight: 700;
  width: 100%;
  height: 100%;
  padding: 10px 20px
}
@media screen and (max-width:767px) {
  .block_layout_rc_area .rc_block .item .link {
    justify-content: center;
    padding: 20px 50px
  }
}

.rc_menu_area {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  width: 100%;
  border-radius: 10px;
  background: #F0F0F0;
  padding: 30px
}
@media screen and (max-width:767px) {
  .rc_menu_area {
    gap: 10px;
    padding: 20px;
    border-radius: 0
  }
}
.rc_menu_area .item {
  background: #FFF;
  border-radius: 10px;
  padding: 30px
}
@media screen and (max-width:767px) {
  .rc_menu_area .item {
    padding: 20px
  }
}
.rc_menu_area .item .head_text {
  font-size: 36px;
  font-weight: 900;
  padding: 0 0 30px 0
}
@media screen and (max-width:767px) {
  .rc_menu_area .item .head_text {
    font-size: 24px;
    text-align: center;
    padding: 0 0 20px 0
  }
}
.rc_menu_area .item .rc_menu_block {
  display: flex
}
@media screen and (max-width:767px) {
  .rc_menu_area .item .rc_menu_block {
    display: block
  }
}
.rc_menu_area .item .rc_menu_block .img_block {
  padding: 0 30px 0 0
}
@media screen and (max-width:767px) {
  .rc_menu_area .item .rc_menu_block .img_block {
    padding: 0 0 20px 0;
    text-align: center
  }
}
.rc_menu_area .item .rc_menu_block .img_block .img {
  width: 250px;
  height: auto;
  border-radius: 10px
}
@media screen and (max-width:767px) {
  .rc_menu_area .item .rc_menu_block .img_block .img {
    width: 150px;
    height: auto
  }
}
.rc_menu_area .item .rc_menu_block .img_block .label_img_block {
  display: flex;
  justify-content: center;
  padding: 10px 0 0 0
}
.label_img_block .label_img {
  width: 120px;
  height: auto;
}
.label_img_block .label_img:first-child {
  margin: 0 10px 0 0;
}
.rc_menu_area .item .rc_menu_block .detail_block .text_block {
  border-bottom: 1px dashed #C8C8C8
}
.rc_menu_area .item .rc_menu_block .detail_block .text_block:first-child {
  padding: 0 0 20px 0
}
.rc_menu_area .item .rc_menu_block .detail_block .text_block:last-child {
  padding: 20px 0 0 0;
  border-bottom: none
}

.notfound {
  text-align: center;
  padding: 40px 0;
}
@media screen and (max-width:767px) {
  .notfound {
    padding: 100px 0 30px 0;
  }
}
.notfound .nopage {
  font-size: 20px;
}
.notfound h2 {
  font-size: 28px;
}
@media screen and (max-width:767px) {
  .notfound h2 {
    font-size: 20px;
  }
}
.notfound b {
  font-size: 50px;
}
@media screen and (max-width:767px) {
  .notfound b {
    font-size: 40px;
  }
}
.notfound p {
  padding: 10px 0;
}
.notfound a {
  color: #2e71b8;
}

#detail_point {
  background: #f9f5ee;
  padding: 40px 0;
}
@media screen and (max-width:767px) {
  #detail_point {
    padding: 30px 0;
  }
}
#detail_point li {
  border-bottom: 1px solid #bcbcbc;
  padding: 15px;
}
#detail_point li:last-child {
  border: none;
}
#detail_point li .text_block {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 0 10px 0;
}
#detail_point li .text_block img {
  width: 60px;
}
#detail_point li .text_block b {
  font-size: 16px;
}
#detail_point li .text_block span {
  color: #ec8413;
}

#data_delete .title_block {
  padding: 0 0 15px 0;
}
#data_delete .title_block .text_block {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 0 0 15px 0;
}
@media screen and (max-width:767px) {
  #data_delete .title_block .text_block {
    display: flex;
    align-items: normal;
    flex-flow: column;
  }
}
#data_delete .title_block .text_block img {
  width: 200px;
}
@media screen and (max-width:767px) {
  #data_delete .title_block .text_block img {
    width: 100%;
  }
}
#data_delete .title_block .box {
  border: 1px solid #f3e3d3;
  padding: 20px 40px;
}
@media screen and (max-width:767px) {
  #data_delete .title_block .box {
    padding: 20px;
  }
}
#data_delete .content_block {
  padding: 15px 0;
}
#data_delete .content_block h3 {
  font-size: 20px;
  border-left: 3px solid #FA8329;
  padding: 0 0 0 20px;
  margin: 0 0 15px 0;
}
@media screen and (max-width:767px) {
  #data_delete .content_block h3 {
    font-size: 18px;
  }
}
#data_delete .content_block .flow,
#data_delete .content_block .box {
  border: 1px solid #dadada;
  padding: 20px 40px;
}
@media screen and (max-width:767px) {
  #data_delete .content_block .flow,
  #data_delete .content_block .box {
    padding: 20px;
  }
}
#data_delete .content_block .flow ul {
  display: flex;
  gap: 40px;
  align-items: center;
}
@media screen and (max-width:767px) {
  #data_delete .content_block .flow ul {
    flex-flow: column;
    align-items: normal;
  }
}
#data_delete .content_block .flow ul li {
  flex: 1;
  position: relative;
}
#data_delete .content_block .flow ul li::after {
  display: inline-block;
  position: absolute;
  content: "";
  border-color: transparent transparent transparent #dbdbdb;
  border-style: solid;
  border-width: 20px 20px;
  left: calc(100% + 11px);
  top: 50%;
}
#data_delete .content_block .flow ul li:last-child::after {
  border: none;
}
@media screen and (max-width:767px) {
  #data_delete .content_block .flow ul li::after {
    border-color: #dbdbdb transparent transparent;
    border-width: 20px 40px;
    left: calc(50% - 40px);
    top: auto;
    bottom: -50px;
  }
}
#data_delete .content_block .flow ul li img {
  width: 100%;
  margin: 0 0 15px 0;
}
#data_delete .content_block .box ul li {
  border-bottom: 1px dotted #dadada;
  width: 250px;
  padding: 10px 0;
}
@media screen and (max-width:767px) {
  #data_delete .content_block .box ul li {
    width: 100%;
  }
}
#data_delete .content_block .box dl {
  border-bottom: 1px dotted #dadada;
  padding: 10px 0;
}
#data_delete .content_block .box dl dt {
  font-size: 18px;
  font-weight: 700;
}

.block_layout_slick_textimg_area .border_title {
  font-size: 40px;
  border-top: none;
}
@media screen and (max-width:767px) {
  .block_layout_slick_textimg_area .border_title {
    font-size: 26px;
  }
}
.block_layout_slick_textimg_area .textimg_block {
  display: flex;
}
@media screen and (max-width:767px) {
  .block_layout_slick_textimg_area .textimg_block {
    display: block;
  }
}
.block_layout_slick_textimg_area .textimg_block .img_block {
  width: 250px;
}
@media screen and (max-width:767px) {
  .block_layout_slick_textimg_area .textimg_block .img_block {
    width: 100%;
  }
}
.block_layout_slick_textimg_area .slider_for_img {
  border-radius: 10px;
  width: 250px;
  aspect-ratio: 1;
}
@media screen and (max-width:767px) {
  .block_layout_slick_textimg_area .slider_for_img {
    width: 100%;
  }
}
.block_layout_slick_textimg_area .slider_nav {
  display: flex;
  gap: 10px;
  padding: 10px 0 0 0
}
.block_layout_slick_textimg_area .slider_nav li {
  flex: 1;
}
.block_layout_slick_textimg_area .slider_nav .img {
  border-radius: 10px;
  border: none;
  cursor: pointer;
  height: 100%;
}
.block_layout_slick_textimg_area .textimg_block .text_block {
  padding: 0 0 0 30px
}
@media screen and (max-width:767px) {
  .block_layout_slick_textimg_area .textimg_block .text_block {
    padding: 20px 0 0 0
  }
}
.block_layout_slick_textimg_area .textimg_block .text_block .head_text {
  font-size: 30px;
  font-weight: 600;
  padding: 10px 0
}
@media screen and (max-width:767px) {
  .block_layout_slick_textimg_area .textimg_block .text_block .head_text {
    font-size: 26px;
  }
}
.block_layout_slick_textimg_area .textimg_block .text_block .text {
  padding: 0 0 10px 0
}
.block_layout_slick_textimg_area .textimg_block .text_block .text p {
  text-align: justify;
}
.block_layout_slick_textimg_area .textimg_block .text_block .list_block {
  border-radius: 10px;
  background: #F0F0F0;
  padding: 15px
}
.block_layout_slick_textimg_area .slick-track {
  transform: unset !important
}

.tab_area {
  position: relative;
  overflow: hidden;
}
.tab_area::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  border-bottom: 4px solid #FA8329;
  width: 100%;
}
.tab_area .tab_block {
  display: flex;
  gap: 3px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tab_area .tab_block .tab {
  display: block;
  white-space: nowrap;
  flex: 1;
  color: #FFF;
  background: #FA8329;
  border-top: 4px solid #FA8329;
  border-right: 4px solid #FA8329;
  border-left: 4px solid #FA8329;
  border-radius: 10px 10px 0 0;
  padding: 10px 5px;
  cursor: pointer;
}
.tab_area .tab_block .tab.active {
  position: relative;
  color: #FA8329;
  background: #FFF;
}
@media screen and (max-width: 767px) {
  .tab_area .tab_block .tab:first-child {
    margin-left: 20px;
  }
  .tab_area .tab_block .tab:last-child {
      margin-right: 20px;
  }
}
.tab_area .tab_block .tab .text {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .tab_area .tab_block .tab .text {
      font-size: 16px;
  }
}
.tab_area .tab_block .tab .img_text {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 5px;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .tab_area .tab_block .tab .img_text {
    font-size: 16px;
  }
}
.tab_area .tab_block .tab .img_text img {
  width: 40px;
}

.block_layout_tabpanel_area .panel_block {
  padding: 40px 0 0 0;
}
@media screen and (max-width: 767px) {
  .block_layout_tabpanel_area .panel_block {
    padding: 20px 20px 0 20px;
  }
}
.block_layout_tabpanel_area .panel {
  display: none;
}
.block_layout_tabpanel_area .panel.active {
  display: block;
}

.block_layout_flow_area {
  background: #F0F0F0;
  border-radius: 10px;
  padding: 40px;
}
@media screen and (max-width: 767px) {
  .block_layout_flow_area {
    padding: 20px 20px 40px 20px;
  }
}
.block_layout_flow_area .flow_block {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 40px;
  width: 100%;
}
.block_layout_flow_area .flow_block .rc_item {
  display: flex;
  position: relative;
  justify-content: center;
  flex-flow: column;
  border-radius: 10px;
  background: #FFF;
  min-height: 150px;
  padding: 10px 20px;
}
@media screen and (max-width: 767px) {
  .block_layout_flow_area .flow_block .rc_item {
    display: block;
    min-height: 100px;
    padding: 20px;
  }
}
.block_layout_flow_area .flow_block .rc_item .img_block {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 130px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .block_layout_flow_area .flow_block .rc_item .img_block {
    position: static;
    width: 150px;
    height: auto;
    margin: 0 auto;
  }
}
.block_layout_flow_area .flow_block.no_img .rc_item .img_block {
  display: none;
}
.block_layout_flow_area .flow_block .rc_item .img_block .img {
  border-radius: 10px;
  width: 100%;
  height: auto;
}
.block_layout_flow_area .flow_block .rc_item .head_block {
  display: flex;
  padding: 0 0 0 140px;
}
@media screen and (max-width: 767px) {
  .block_layout_flow_area .flow_block .rc_item .head_block {
    align-items: center;
    padding: 0;
    margin: 20px 0 0 0;
  }
}
.block_layout_flow_area .flow_block.no_img .rc_item .head_block {
  padding: 0;
  margin: 0;
}
.block_layout_flow_area .flow_block .rc_item .text {
  padding: 10px 0 0 140px;
}
@media screen and (max-width: 767px) {
  .block_layout_flow_area .flow_block .rc_item .text {
    padding: 10px 0 0 0;
  }
}
.block_layout_flow_area .flow_block.no_img .rc_item .text {
  padding: 10px 0 0 0;
}
.block_layout_flow_area .flow_block .rc_item::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  box-sizing: border-box;
  border-right: 18px solid transparent;
  border-left: 18px solid transparent;
  border-top: 20px solid #FA8329;
  transform: translateX(-50%);
}
.block_layout_flow_area .flow_block .rc_item:last-child::after {
  border-right: none;
  border-left: none;
  border-top: none;
}

.origin p {
  padding: 0 0 15px 0;
}

.suggest ul {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
@media screen and (max-width:767px) {
  .suggest ul {
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
  }
}
.suggest ul li a {
  display: block;
  text-align: center;
  border: 1px solid #bcbcbc;
}
.suggest ul li a img {
  display: block;
  width: 70%;
  border-bottom: 1px solid #d7d7d7;
  padding: 15px 0;
  margin: 0 auto 10px;
}
.suggest ul li a p {
  height: 45px;
}

#purchase h1 {
  font-size: 30px;
  text-align: center;
  border-bottom: 15px solid #f2f2f2;
  border-top: 15px solid #f2f2f2;
  box-shadow: 0 1px 0 0 #dadada;
  -webkit-box-shadow: 0 1px 0 0 #dadada;
  -moz-box-shadow: 0 1px 0 0 #dadada;
  margin: 0 0 40px 0;
  padding: 24px 0;
}
@media screen and (max-width:767px) {
  #purchase h1 {
    font-size: 24px;
  }
}
#purchase .fv_area {
  display: flex;
  margin: 0 0 20px 0;
}
@media screen and (max-width:767px) {
  #purchase .fv_area {
    flex-flow: column;
  }
}
#purchase .fv_area .text_block h2 {
  font-size: 24px;
  padding: 0 0 10px 0;
}
@media screen and (max-width:767px) {
  #purchase .fv_area .text_block h2 {
    font-size: 20px;
  }
}
#purchase .fv_area .text_block .img_block {
  display: flex;
}

#reason h1 {
  color: #FA8329;
  font-size: 40px;
  text-align: center;
  padding: 0 0 30px 0;
}
@media screen and (max-width:767px) {
  #reason h1 {
    font-size: 30px;
    padding: 0 0 20px 0;
  }
}
#reason h1 span {
  color: #000;
  font-size: 20px;
}
#reason ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media screen and (max-width:767px) {
  #reason ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
#reason ul li {
  text-align: center;
  border: 1px solid #f3e1d1;
  background: #fff;
}
#reason ul li h3 {
  font-size: 20px;
  text-align: center;
  background: #f3e1d1;
  padding: 10px 0;
  margin: 0 0 20px 0;
}
#reason ul li img {
  width: auto;
  height: 170px;
  padding: 0 20px;
  margin: 0 auto ;
}
#reason ul li p {
  padding: 0 20px;
}

.point_area ol {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width:767px) {
  .point_area ol {
    gap: 15px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.point_area ol li img {
  display: block;
  width: 65%;
  margin: 0 auto;
}
.point_area h3 {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  border-bottom: 1px solid #dadada;
  padding: 10px 0;
}
.point_area p {
    padding: 10px 0 0 0;
}

#company .read img {
  display: block;
  width: 40%;
  margin: 0 auto;
}
@media screen and (max-width:767px) {
  #company .read img {
    width: 50%;
  }
}
#company .read p {
  padding: 30px 0 0 0;
}
#company .salespoint {
  background: url(../images/img/company/shop_bg.png) 300px 120px no-repeat #f9f5ee;
  height: auto;
  text-align: center;
  padding: 25px 20px 20px;
}
@media screen and (max-width:767px) {
  #company .salespoint {
    padding: 25px 5px;
  }
}
#company .salespoint .logo_img {
  width: 20%;
}
@media screen and (max-width:767px) {
  #company .salespoint .logo_img {
    width: 40%;
  }
}
#company .salespoint ul {
  display: flex;
  padding: 20px 0 60px 0;
}
@media screen and (max-width:767px) {
  #company .salespoint ul {
    justify-content: center;
    padding: 20px 0 40px 0;
  }
}
#company .salespoint ul li img {
  width: 40%;
}
#company .salespoint p {
  font-size: 18px;
  font-weight: 700;
}
#company .more .text_img_block {
  display: flex;
  gap: 20px;
  border-top: 1px solid #dadada;
  padding: 20px 10px;
}
@media screen and (max-width:767px) {
  #company .more .text_img_block {
    flex-flow: column;
    align-items: center;
  }
}
#company .more .text_img_block:last-child {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
#company .more .text_img_block img {
  width: 140px;
  height: 140px;
}
#company .more .text_img_block .text_block h3 {
  display: inline;
  font-size: 20px;
  border-bottom: 2px solid #FA8329;
}
#company .more .text_img_block .text_block p {
  padding: 10px 0;
}
#company .box {
  border: 8px solid #f0f0f0;
  padding: 60px;
  text-align: center;
}
@media screen and (max-width:767px) {
  #company .box {
    padding: 30px 20px;
  }
}
#company .box .winwin_img,
#company .box .reuse_img {
  margin: 0 0 20px 0;
}
#company .box .reuse_img {
  width: 75%;
}
#company .box hr {
  border-top: 1px solid #dadada;
  height: 2px;
  margin: 40px 0;
}
#company .box p {
  line-height: 1.8;
}

.accordion_area dt {
  display: flex;
  position: relative;
  color: #000;
  align-items: center;
  margin: 20px 0 15px 0;
  cursor: pointer;
}
.accordion_area dt:first-child {
  margin: 0 0 15px 0;
}
.accordion_area dt .box_arrow {
  position: absolute;
  right: 0;
  top: 5px;
  width: 36px;
  height: 36px;
  background: #FA8329;
}
@media screen and (max-width:767px) {
  .accordion_area dt .box_arrow {
    top: 7px;
  }
}
.accordion_area dt .box_arrow::after {
  transform: translate(-50%, -50%) rotate(135deg)
}
.accordion_area dt.active .box_arrow {
  background: #ECE8E5;
}
.accordion_area dt.active .box_arrow::after {
  color: #FA8329;
  transform: translate(-50%, -50%) rotate(315deg)
}
.accordion_area dd {
  display: none;
}

.box_block p {
  padding: 0 0 30px 0;
}
@media screen and (max-width:767px) {
  .box_block p {
    padding: 0 0 20px 0;
  }
}