@charset "utf-8";
/* CSS Document */
/* 目次 
* トップ/下層 共通（レイアウト・テキスト・見出し・ボタン・ヘッダー・フッター・サイドバー・ぱんくず・その他)
* TOP
* 
*/
/*=================== モバイルファースト ==================*/
/**************************************************
* 共通（レイアウト・テキスト・見出し・ボタン・ヘッダー・フッター・ぱんくず・その他)
***************************************************/
/*------------------------------
レイアウト ※変更不可
------------------------------*/
.pc {
  display: none;
}
.sp {
  display: block;
}
/*------------------------------
 レイアウト 背景色あり ※変更不可
------------------------------*/
.two-column, .main {
  padding-bottom: 20px;
}
/*背景１００％のセット (.warp-bgと.wrap-innerセットで使う)*/
.wrap-bg {
  margin: 0 calc(50% - 50vw);
  padding: 2em calc(50vw - 50%);
  background: #006835;
}
.wrap-inner {
  margin: auto;
  max-width: 1140px;
  width: 94%;
}
/*------------------------------
 余白
------------------------------*/
#performance, #jisseki, #selected, #janru, #contact-cv {
  margin: 20px 0;
}
/*------------------------------
 フォント ※変更不可
------------------------------*/
p, li, a, th, td, dt, dd {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
}
.read {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.phonenumber a {
  font-family: 'ヒラギノ角ゴ StdN', 'Hiragino Kaku Gothic StdN', 'Arial Black', 'Arial Rounded MT Bold', sans-serif;
  font-size: 30px;
  font-size: 3.0rem;
}
/*------------------------------
見出し h1-h6 ※変更不可
-----------------------------*/
h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
}
h1 {
  font-size: 40px;
  font-size: 4.0rem;
}
h2 {
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
  color: #023B1F;
}
h3 {
  font-size: 24px;
  font-size: 2.4rem;
}
h4 {
  font-size: 22px;
  font-size: 2.2rem;
}
h5 {
  font-size: 20px;
  font-size: 2.0rem;
}
/*-----------------------------
 見出しデザインパターン　 ※変更不可
------------------------------*/
.g-ttl {
  color: #006835;
}
.bb-line {
  border-bottom: solid 3px #006835;
  text-align: left;
  margin-bottom: 10px;
  color: #006835;
}
/*真ん中にラインが入る見出し*/
.bor-line {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}
.bor-line:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #006835;
  border-radius: 2px;
}
/*背景みどり＆テキスト白の見出し*/
.bg-g-ttl {
  color: #fff;
  background: #006835;
  padding: 10px 4px;
}
/*------------------------------
ボタン ※変更不可
------------------------------*/
/* 共通　*/
.btn-box {
  display: block;
  text-align: center;
}
.btn-box .btn {
  display: inline-block;
  padding: 20px 10px;
  transition: .4s;
  border-radius: 8px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
}
/* 赤 */
.btn-box .btn.red {
  background: #A02222;
}
.btn-box .btn.red:hover {
  background: #cf9091;
  color: #A02222;
  box-shadow: none;
  /*    opacity: none;*/
}
/* 緑 */
.btn-box .btn.green {
  background: #006835;
}
.btn-box .btn.green:hover {
  background: #fff;
  color: #006835;
  box-shadow: none;
}
/* LINEグリーン */
.btn-box .btn.line-g {
  background: #00b900;
}
.btn-box .btn.line-g:hover {
  background: #7fdc7f;
  color: #00b900;
  box-shadow: none;
}
/* 一覧はこちらbtn */
.btn-box .btn.list {
  padding: 6px 3px;
  color: #9a9a9a;
  /*    width: 40%;*/
  font-size: 14px;
  font-size: 1.4rem;
}
.gray {
  background: #DBDBDB;
}
/*------------------------------
ヘッダー ※変更不可
------------------------------*/
#siteHeader .siteLogo {
  display: flex;
  align-items: center;
  width: 100%;
}
#siteHeader .siteLogo .img-box {
  max-width: 160px;
  margin-right: 6px;
  margin-top: 2px;
}
/*------------------------------
フッター ※変更不可

------------------------------*/
/* お問い合わせ */
#f-contact h2, #f-contact dt, #f-contact dd, #f-contact p, #f-contact p a, #f-contact dd a {
  color: #fff;
}
#f-contact .f-shop-date .img-box {
  max-width: 30px;
  margin-bottom: 16px;
}
#f-contact .f-shop-date .tel .img-box {
  max-width: 23px;
}
#f-contact .f-shop-date dl {
  border-bottom: 1px solid #fff;
  padding-bottom: 2px;
  margin-bottom: 8px;
}
#f-contact .f-shop-date dt {
  margin-bottom: 4px;
  font-weight: bold;
}
#f-contact .f-shop-date .shopdata dt {
  font-weight: bold;
}
#f-contact .f-shop-date dt, #f-contact .f-shop-date .f-con-wrap p {
  font-weight: 600;
  font-size: 15px;
  font-size: 1.5rem;
  /*color:#CFCFCF;*/
  color: #fff;
}
#f-contact .f-shop-date dd {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
}
#f-contact .f-shop-date .icon-box {
  /*    height: 38px;*/
  color: #fff;
  margin-bottom: 8px;
  font-size: 15px;
}
#f-contact .f-shop-date .f-con-wrap .tel, #f-contact .f-shop-date .f-con-wrap .con {
  margin: 20px auto 0;
  font-weight: 600;
  font-size: 20px;
  font-size: 2.0rem;
}
#f-contact .f-shop-date .f-con-wrap .con {
  margin-bottom: 20px;
}
#f-contact .f-shop-date .f-con-wrap .tel p, #f-contact .f-shop-date .f-con-wrap .con p {
  margin-bottom: 10px;
}
#f-contact .f-shop-date .f-con-wrap .tel .phonenumber a, #f-contact .f-shop-date .f-con-wrap .con .con-text a {
  color: #fff;
  display: block;
  text-align: center;
  border: 1px solid #fff;
  padding: 10px 0;
  border-radius: 4px;
}
#f-contact .f-shop-date .f-con-wrap .tel .phonenumber a {
  font-size: 7vw;
}
#f-contact .f-shop-date .f-con-wrap .tel .phonenumber .free-tel {
  width: 30px;
  display: inline-block;
  vertical-align: middle;
}
#f-contact .f-shop-date .f-con-wrap .con .con-text {
  position: relative;
}
#f-contact .f-shop-date .f-con-wrap .con .con-text a::before {
  content: "";
  padding: 36px;
  width: 18px;
  display: inline-block;
  position: absolute;
  background: url(../images/common/contact-footer-jyosei@2x.png) 0 0 no-repeat;
  background-size: contain;
  left: 10%;
  bottom: 1px;
  transform: translateX(-10%);
}
#f-contact .f-shop-date .f-con-wrap .con .con-text a {
  font-weight: 600;
  font-size: 24px;
  font-size: 2.2rem;
  line-height: 1.2;
}
#f-contact .f-shop-date .f-con-wrap .con .con-text span {
  font-size: 15px;
  font-size: 1.5rem;
}
#f-contact .img-map-area .img_box {
  display: flex;
}
#f-contact .img-map-area li {
  padding-top: 6px;
  padding-bottom: 6px;
}
#f-contact .img-map-area li:first-child {
  padding-right: 6px;
}
#f-contact .img-map-area .text-box {
  margin-top: 4px;
}
/* メニュー*/
#footer .f-nav {
  margin-top: 20px;
}
#footer .fnav-ttl {
  color: #006835;
  border-bottom: 1px solid #006835;
  font-weight: bold;
  padding-bottom: 3px;
  margin-bottom: 3px;
}
#footer .f-nav .f--nav {
  margin-bottom: 20px;
  font-weight: 600;
}
#footer .f-nav .f--nav a {
  margin-left: 1em;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: normal;
  color: #333;
}

#footer .under-fixed{
    display: flex;
    position: fixed;
    bottom: 10px;
    left: 12px;
    align-items: center;
}
#footer .under-fixed .under-fixed-icon{
    border-radius: 10px;
    padding: 10px;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    align-self: center;
    border: 1px solid #fff;
}

#footer .under-fixed .under-fixed-icon.phone-icon{
    margin-right: 10px;
       background:#A02222;
}
#footer .under-fixed .under-fixed-icon.line-icon{
        margin-right: 10px;
    background: #00b900;;
}
#footer .under-fixed .under-fixed-icon.mail-icon{
       background:#006835;
}
#footer .under-fixed .under-fixed-icon i{
    font-size: 28px;
}

#footer .copyright {
    margin-bottom: 70px;
    line-height: 1.3;
}
/*------------------------------
サイドバー
------------------------------*/
.page-template #sidebar .side-sodan-wrap{
    display: none
}
.two-column {
  margin-top: 20px;
}
#sidebar .side-sodan-wrap, #sidebar .side-bnnr > div {
  margin-bottom: 20px
}
#sidebar .side-sodan-wrap {
  background: #fff;
  border: 1px solid #bcd6a7;
  /*    border-radius: 12px;*/
}
#sidebar .side-sodan-wrap .ttl, #sidebar .side-janru-wrap .ttl, #sidebar .side-archive-wrap .ttl {
  padding: 20px 10px;
  line-height: 1;
  background: #bcd6a7;
  position: relative;
}
#sidebar .ttl::before, #sidebar .ttl::after {
  content: "";
  padding: 22px;
  width: 11px;
  display: inline-block;
  position: absolute;
}
/*
#sidebar .side-sodan-wrap .ttl::before {
  background: url("../images/common/side-ttl_icon-l@1.25x.png") 0 0 no-repeat;
  background-size: contain;
  left: 10%;
  bottom: 0;
}
#sidebar .side-sodan-wrap .ttl::after {
  background: url("../images/common/side-ttl_icon-r@1.25x.png") 0 0 no-repeat;
  background-size: contain;
  right: 8%;
  bottom: 6px;
}
*/
#sidebar .sodan-block {
  padding: 10px;
}
#sidebar .sodan-block .text-box {
  color: #006835;
  padding: 0 4% 4%;
  font-weight: bold;
}
#sidebar .sodan-block .tel-box {
  border: 1px solid #A02222;
  padding: 10px;
  border-radius: 4px;
}
#sidebar .side-sodan-wrap .btn-box .btn {
  line-height: 3em;
}
#sidebar .side-sodan-wrap .tel-box .phonenumber .img-box {
  height: 100%;
}
#sidebar .sodan-block .qa-read.text-box {
  padding-left: 70px;
  position: relative;
}
#sidebar .sodan-block .qa-read.text-box::before {
  content: "";
  background: url("../images/common/side-icon_qa@1.25x.png") 0 0 no-repeat;
  background-size: contain;
  padding: 32px;
  width: 16px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
/*リスト*/
#sidebar .side-janru-wrap .ttl, #sidebar .side-archive-wrap .ttl {
  background: #D8E3DD;
}
#sidebar li {
  margin: 0;
  border-bottom: 1px solid #DBDBDB;
  line-height: 1
}
#sidebar li:last-child {
  border-bottom: none;
}
#sidebar li a {
  padding: 20px 10px;
  display: block;
  text-decoration: none;
  position: relative;
  color: #006835;
  font-weight: 600;
  -webkit-transition: all 300ms 0s ease;
  -o-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease
}
#sidebar li a:hover {
  background-color: rgba(216, 227, 221, 0.8);
}
#sidebar ul.children {
  border-top: 1px solid #DBDBDB;
}
/*バナー*/
#sidebar .side-bnnr {
  display: flex;
}
#sidebar .side-bnnr div {
  padding: 10px;
}
/*------------------------------
ぱんくず ※変更不可
------------------------------*/
.breadcrumbs, .breadcrumbs a {
  /*    padding: 0 4px;*/
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.breadcrumbs, .breadcrumbs a {
  font-size: 13px;
  font-size: 1.4rem;
  color: #333;
}
/*------------------------------
table
------------------------------*/
#table table {
  margin: 20px auto;
  width: 100%;
}
#table tbody {
  height: 60px;
}
#table tbody th {
  display: list-item;
  list-style-type: none;
  padding: 3%;
  background: #EEEEEE;
  border: 1px solid #DCDCDC;
  margin-top: -1px;
}
#table tbody td {
  display: list-item;
  border: none;
  list-style-type: none;
  padding: 3%;
  border-bottom: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
}
#table tbody td a {
  border-bottom: 1px solid #666;
}
/**************************************************
* 共通ブロック  ※変更不可
***************************************************/
#janru #copy-wrap .sub-copy, #janru .janru-box .janru-list, #janru .janru-box .janru-list li .range {
  display: flex;
  flex-wrap: wrap;
}
/*------------------------------
#janru 高価買取ジャンル
------------------------------*/
#janru #copy-wrap .sub-copy {
  justify-content: space-between;
  flex-wrap: nowrap;
  margin: 20px auto 2px;
}
#janru #copy-wrap .sub-copy .sc02.img-box {
  margin: 13px 2% 10px;
  max-width: 460px;
}
#janru #copy-wrap .sub-copy .sc01.img-box, #janru #copy-wrap .sub-copy .sc03.img-box {
  max-width: 250px;
  width: 30%;
}
/*janru-box*/
#janru .janru-box {
  margin: 12px auto;
  padding: 20px 0;
  border-radius: 12px;
}
#janru .janru-box .janru-list {
  justify-content: center;
  padding: 10px 10px 0;
}
#janru .janru-box .janru-list li {
  margin: 2%;
  width: 46%;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .12), 0 2px 3px 0 rgba(0, 0, 0, .22);
  transition: .3s;
  border-radius: 12px;
  padding: 18px 14px 10px;
  text-align: center;
}
#janru .janru-box .janru-list li:hover {
  box-shadow: 0 15px 30px -5px rgba(0, 0, 0, .15), 0 0 5px rgba(0, 0, 0, .1);
  transform: translateY(-4px);
}
#janru .janru-box .janru-list li .range {
  align-items: center;
  flex-direction: column;
}
#janru .janru-box .janru-list li .img-box {
  max-width: 50px;
  margin-bottom: 10px;
  height: 100%;
}
#janru .janru-box .janru-list li p {
  font-size: 17px;
  font-size: 1.7rem;
  color: #006835;
  font-weight: 600;
}
/*------------------------------

#selected　だからWAKABAが選ばれる！

------------------------------*/
#selected .ttl-wrap, #selected ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#selected .ttl-wrap {
  margin: 0 !important;
}
#selected h2, #selected ul {
  width: 100%;
}
#selected .read {
  align-self: center;
}
#selected .img-box {
  max-width: 90px;
}
#selected li {
  margin: 0px 10px 20px;
  background: #f5fbf1;
  width: 100%;
  /*    box-shadow: 0 5px 10px -6px rgba(0,0,0,.2);*/
}
#selected li .poi {
  background: #b5de8f;
  padding: 8px;
  vertical-align: middle;
  letter-spacing: 0.1em;
  position: relative;
  text-align: center;
  text-shadow: 2px 2px 2px #fff;
}
#selected li .poi::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 12px;
  width: 38px;
  height: 45px;
}
#selected li .poi.poi01::before {
  background: url(../images/common/selected-point01.png) 0 0 no-repeat;
}
#selected li .poi.poi02::before {
  background: url(../images/common/selected-point02.png) 0 0 no-repeat;
}
#selected li .poi.poi03::before {
  background: url(../images/common/selected-point03.png) 0 0 no-repeat;
}
#selected li .poi.poi04::before {
  background: url(../images/common/selected-point04.png) 0 0 no-repeat;
}
#selected li .poi.poi01::before, #selected li .poi.poi02::before, #selected li .poi.poi03::before, #selected li .poi.poi04::before {
  background-size: contain;
}
#selected h3 span {
  background: -moz-linear-gradient(transparent 60%, #F8F486 60%);
  background: -webkit-linear-gradient(transparent 60%, #F8F486 60%);
  background: linear-gradient(transparent 60%, #F8F486 60%);
}
#selected li .text-box {
  padding: 10px 5%;
}
#selected li .text-box p:first-child {
  font-weight: 700;
  font-size: 20px;
  font-size: 2.0rem;
  text-align: center;
  color: #023B1F;
  margin-bottom: 8px;
}
#selected li .img-box {
  max-width: 260px;
  margin: 0 auto 12px;
}
#selected li .img-box.zero {
  max-width: 420px;
  padding: 0 10px;
}
/*------------------------------
#junk　ジャンク品
------------------------------*/
#junk {
  margin: 40px auto;
}
#junk .junk-wrapbox .img-box.sp {
  margin-top: -48px;
}
#junk .junk-wrapbox {
  border: 1px solid #d0aeb0;
  background-color: #fcfaf9;
  padding: 24px 2%;
}
#junk h3.ttl-junk {
  font-size: 14px;
  font-size: 1.4rem;
  color: #37513b;
  margin: 24px 0 10px;
}
#junk h3.ttl-junk span {
  background-color: #db676e;
  color: #FFFFFF;
  padding: 1%;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: -1px;
  margin-right: 4px;
}
#junk .junk-wrapbox ul {
  margin: 8px auto;
  text-align: center;
}
#junk .junk-wrapbox ul li {
  width: 40%;
  background-color: #b19a70;
  color: #FFFFFF;
  border-radius: 8px;
  display: inline-block;
  text-align: center;
  padding: 1%;
  margin: 2px auto 1px;
}
#junk .lead {
  margin-top: 24px;
  border-top: 1px solid #c53e46;
  text-align: center;
  padding: 16px 0 0;
  font-weight: 600;
}
#junk .lead p {
  font-size: 16px;
  font-size: 1.6rem;
}
#junk .lead p.strong {
  font-size: 20px;
  font-size: 2.0rem;
  margin-top: 4px;
}
/**************************************************
* #performance 高価買取実績
***************************************************/
/**************************************************
* #jisseki 買取強化ジャンル 投稿
***************************************************/
#performance .case, #jisseki .case {
  display: flex;
  flex-wrap: wrap;
}
#performance.under-page .read, #jisseki .read {
  font-size: 17px;
  font-size: 1.7rem;
}
#performance .case li, #jisseki .case li {
  margin: 2%;
  width: 46%;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
}
#performance .case .thum, #jisseki .case .thum {
  border: 1px solid #acacac;
  position: relative;
  max-width: 400px;
}
#performance .case .thum:before, #jisseki .case .thum:before {
  content: "";
  display: block;
  padding-top: 100%; /* 高さを幅の75%に固定 */
}
/*画像サイズのトリミング*/
#performance .case .thum img, #jisseki .case .thum img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  object-position: center center;
  z-index: -1;
}
#performance .case .kaitori, #jisseki .case .kaitori {
  width: 100%;
  background: #A02222;
  color: #fff;
  padding: 2px 6px;
  text-align: center;
  border-radius: 4px;
  margin: 6px auto 2px;
}
#performance .case .kaitori, #performance .case .content, #jisseki .case .kaitori, #jisseki .case .content {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.4;
}
#performance .case .money, #jisseki .case .money {
  color: #A02222;
  font-weight: 700;
  /* margin-top: auto; */
}
/*------------------------------

#performance 下層ページ用

------------------------------*/
#performance.under-page {
  background: #f9f6ed;
  position: relative;
 padding: 20px 8px;
  z-index: -1;
}
#performance.under-page h2 {
  font-size: 20px;
  font-size: 2.0rem;
  margin-bottom: 12px;
}
#performance.under-page .case .thum {
  background: #fff;
  position: relative;
  z-index: -2;
}
#performance.under-page .case .thum img {
  padding: 0 0 0 1px;
}
/*------------------------------

#jisseki 買取実績

------------------------------*/
/*ページ内リンク*/
#jisseki .page-nav {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 4%;
}
#jisseki .page-nav .in-link {
  margin: 10px auto;
  flex: 1 1 20%;
  text-align: center;
}
#jisseki .page-nav .in-link a::before {
  content: '';
  display: block;
  width: 10px;
  padding: 20px;
  margin: 0px auto 6px;
}
#jisseki .page-nav .in-link.camera a::before {
  background: url("../images/common/icon_cam@1.25x.png") 0 0 no-repeat;
  background-size: contain;
}
#jisseki .page-nav .in-link.diamond a::before {
  background: url("../images/common/icon_dia@1.25x.png") 0 0 no-repeat;
  background-size: contain;
}
#jisseki .page-nav .in-link.brand a::before {
  background: url("../images/common/icon_bra@1.25x.png") 0 0 no-repeat;
  background-size: contain;
}
#jisseki .page-nav .in-link.stamp a::before {
  background: url("../images/common/icon_sta@1.25x.png") 0 0 no-repeat;
  background-size: contain;
}
#jisseki .page-nav .in-link.antique a::before {
  background: url("../images/common/icon_ant@1.25x.png") 0 0 no-repeat;
  background-size: contain;
}
#jisseki .page-nav .in-link.jewelry a::before {
  background: url("../images/common/icon_jew@1.25x.png") 0 0 no-repeat;
  background-size: contain;
}
#jisseki .page-nav .in-link.watch a::before {
  background: url("../images/common/icon_wat@1.25x.png") 0 0 no-repeat;
  background-size: contain;
}
#jisseki .page-nav .in-link.gold a::before {
  background: url("../images/common/icon_gol@1.25x.png") 0 0 no-repeat;
  background-size: contain;
}
#jisseki .page-nav .in-link.other a::before {
  background: url("../images/common/icon_oth@1.25x.png") 0 0 no-repeat;
  background-size: contain;
}
#jisseki .page-nav .in-link a {
  color: #006835;
  font-weight: 600;
}
#jisseki .page-nav li {
  display: none;
}
#jisseki .case-list {
  margin-bottom: 24px;
}
#jisseki .case-list:last-child {
  margin-bottom: 0;
}
#jisseki .case a {
  color: #333;
}
#jisseki .case .thum {
  margin-bottom: 4px;
}
#jisseki .case-list .btn-box {
  padding: 4px;
  width: 80%;
  margin: 0 auto;
}
#jisseki .case-list .btn-box .btn {
  padding: 8px 15px;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  color: #9a9a9a;
}
/**************************************************
* #contact-cv 
お問い合わせ
***************************************************/
#contact-cv {
  background: linear-gradient(358deg, #f4f0eb, #fbfaf9);
  background-size: 400% 400%;
  -webkit-animation: AnimationName 33s ease infinite;
  -moz-animation: AnimationName 33s ease infinite;
  animation: AnimationName 33s ease infinite;
}
@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 51%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 51%
  }
}
@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 51%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 51%
  }
}
@keyframes AnimationName {
  0% {
    background-position: 0% 51%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 51%
  }
}
#contact-cv .bg-w {
  background: #fff;
  display: block;
  height: 20px;
}
#contact-cv .cv-01, #contact-cv .contact-cv-wrap {
  padding: 0 2% 2%;
}
#contact-cv .cv-01 {
  margin-top: -22px;
  padding-bottom: 0;
}
#contact-cv .cv-1-wrap {
  background: #e7f0eb;
  border-radius: 12px;
  border: 1px solid #3e4f46;
  padding: 3% 3% 6%;
  margin-bottom: 10px;
}
#contact-cv .cv-1-wrap .text-box {
  color: #3e4f46;
  font-weight: 600;
}
#contact-cv .cv-1-wrap .text-box.grade-line {
  position: relative;
  padding: 0.25em 0;
}
#contact-cv .cv-1-wrap .text-box.grade-line:after {
  content: "";
  display: block;
  height: 3px;
  background: -moz-radial-gradient(#658072, #e7f0eb);
  background: -webkit-radial-gradient(#658072, #e7f0eb);
  background: radial-gradient(#658072, #e7f0eb);
}
#contact-cv .cv-1-wrap .tel-box .ttl, #contact-cv .cv-1-wrap .tel-box .phonenumber a, #contact-cv .cv-2-wrap .ttl {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
#contact-cv .cv-1-wrap .tel-box .ttl.tel-bg-rr {
  color: #fff;
  text-align: center;
  padding: 6px 0;
  margin-bottom: 4px;
}
#contact-cv .cv-1-wrap .tel-box .tel-bg-rr {
  background: #c26a6a;
}
#contact-cv .cv-1-wrap .tel-box .phonenumber {
  background: #fff;
  padding: 10px;
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  align-items: center;
}
/*.tel-box .phonenumber a は、headerと共通*/
.tel-box .phonenumber a {
  display: flex;
  align-items: center;
  font-size: 7vw;
}
/*.tel-box .phonenumberは、headerと共通*/
.tel-box .phonenumber a, .tel-box .phonenumber p {
  color: #a02223;
}
.tel-box .phonenumber {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/*.tel-box .phonenumber img-boxは、headerと共通*/
.tel-box .phonenumber .img-box {
  max-width: 14%;
  padding-right: 6px;
}
#contact-cv .cv-1-wrap .tel-box .phonenumber a {
  justify-content: center;
}
#contact-cv .cv-1-wrap .tel-box .phonenumber .img-box {
  height: 100%;
}
/*LINE査定・出張買取*/
#contact-cv .cv-2-wrap .ttl {
  color: #fff;
  text-align: center;
  padding: 10px 0;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
#contact-cv .cv-2-wrap .line-box, #contact-cv .cv-2-wrap .syuccyo-box {
  background: #fff;
  padding: 14px 20px;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  margin-bottom: 14px;
}
#contact-cv .cv-2-wrap .img-box {
  max-width: 210px;
  margin: 0 auto;
}
#contact-cv .cv-2-wrap .text-box {
  margin: 10px auto;
  padding: 0 9%;
}
#contact-cv .cv-2-wrap .line-satei .ttl.line-satei-bg-g {
  background: #00b900;
}
#contact-cv .cv-2-wrap .line-box {
  border-left: 1px solid #00b900;
  border-right: 1px solid #00b900;
  border-bottom: 1px solid #00b900;
}
#contact-cv .cv-2-wrap .syuccyo-satei .ttl.syuccyo-bg-r {
  background: #a02223;
}
#contact-cv .cv-2-wrap .syuccyo-box {
  border-left: 1px solid #a02223;
  border-right: 1px solid #a02223;
  border-bottom: 1px solid #a02223;
}
/**************************************************
* #MV
***************************************************/
/*------------------------------
#mv *テキストがある場合
------------------------------*/
#mv.mv {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  z-index: -1;
}
#mv.mv .main-copy .main-copy-img {
  width: 94%;
  max-width: 400px;
  margin-bottom: 6px;
}
#mv.mv .sp.img-box {
  margin: 0 auto;
}
#mv.mv .main-copy {
  position: absolute;
  top: 24px;
  left: 16px;
  width: 93%;
}
#mv.mv .ttl {
  font-size: 38px;
  font-size: 3.8rem;
  color: #B18B0C;
  font-weight: 600;
}
#mv.mv .ttl span {
  font-size: 26px;
  font-size: 2.6rem;
}
#mv.mv .text-box {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  word-break: break-all;
}
#mv.mv .text-box span {
  padding-top: 2px;
  border-bottom: 2px solid #B18B0C;
}
/*------------------------------
 *MV 下層ページ用 *テキストあり
------------------------------*/
#mv.mv.under-page .ttl {
  font-size: 23px;
  font-size: 2.3rem;
  margin-bottom: 10px;
  color: #fff;
}
#mv.mv.under-page .main-copy {
  /*
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
*/
  padding: 6px 0;
}
#mv.mv.under-page .ttl, #mv.mv.under-page .text-box {
  color: #333;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}
#mv.mv.under-page .ttl span {
  font-size: 16px;
  font-size: 1.6rem;
}
#mv.mv.under-page .text-box {
  color: #333;
}
/**************************************************
* TOP
***************************************************/
#top .flex-wrap {
  display: flex;
}
/*------------------------------
MV
------------------------------*/
#top #mv.mv .item-box {
  display: flex;
flex-wrap: wrap;
  position: absolute;
     bottom: 20px;
    width: 60%;
    left: 3%;
}
#top #mv.mv .sp.img-box img{
  position: relative;
  z-index: -2;

}
#top #mv.mv .item-box .img-box {
    flex: 1 1 44%;
}

#top #mv.mv .sp.img-box::after {
  position: absolute;
  content: "";
  background: url(../images/mv/top-item/top-mv-sp-jyosei.png) no-repeat right bottom;
  background-size: contain;
        width: 140%;
    height: 100%;
        display: block;
    bottom: -93px;
    right: -170px;
}

/*------------------------------
ブログ・お知らせ
------------------------------*/
#top-blog, #top-info {
  margin-bottom: 20px;
}
#top-info li a, #top-blog li a {
  text-decoration: none;
}
.time {
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 6px;
}
#top-blog .btn-box, #top-info .btn-box {
  text-align: right;
  margin-top: 20px;
}
/*------------------------------
ブログ
------------------------------*/
#top-blog .blog-box {
  display: flex;
  flex-wrap: wrap;
}
#top-blog .blog-box li {
  margin: 2%;
  width: 46%;
  border-radius: 12px;
}
#top-blog .blog-box li {
  /*    border: 1px solid #acacac;*/
  position: relative;
  /*  max-width: 400px;*/
}
#top-blog .blog-box .img-box {
  max-width: 400px;
}
/*------------------------------
　#top-info お知らせ
------------------------------*/
#top-info {
  background: #fff;
  border: 1px solid #3e4f46;
  padding: 3% 3% 6%;
}
#top-info li {
  border-bottom: 1px solid #DBDBDB;
  margin: 4px 0 10px;
}
/*------------------------------
　.peripheral 地域情報
------------------------------*/
.peripheral-wrap {
  width: 100%;
  /*    padding: 10px 20px;*/
}
p.open_p {
  cursor: pointer;
  margin: 0;
  background: #D8E3DD;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  padding-right: 3em;
  font-weight: 600;
  color: #006835;
}
p.open_p:nth-child(3) {
  margin-bottom: 0;
}
.open_p::after, .open_p.active::after {
  font-size: 14px;
  color: #006835;
  display: inline-block;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.open_p.active::after {
  content: "▲";
}
.open_p::after {
  content: "▼";
}
/**************************************************
* #page-bnner 初めての方へ・よくあるご質問
***************************************************/
#page-bnner .beginner-wrap, #page-bnner .faq-wrap {
  position: relative;
  margin: 20px auto;
}
#page-bnner .beginner-wrap h2, #page-bnner .faq-wrap h2 {
  position: absolute;
  width: 96%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-shadow: 1px 1px 6px #333;
}
#page-bnner .beginner-wrap h2 span {
  position: relative;
}
#page-bnner .beginner-wrap h2 span::before {
  content: "";
  background: url("../images/common/fukidashi-left.png") 0 0 no-repeat;
  background-size: contain;
  padding: 48px;
  width: 96px;
  display: inline-block;
  position: absolute;
  left: 12px;
  top: -26px;
}
#page-bnner .beginner-wrap h2 span::after {
  content: "";
  background: url("../images/common/fukidashi-right.png") 0 0 no-repeat;
  background-size: contain;
  padding: 48px;
  width: 96px;
  display: inline-block;
  position: absolute;
  left: 132px;
  top: -26px
}

/**************************************************
* 会社案内 company
***************************************************/

#company #table tbody th {
color: #023B1F;
  background: #D8E3DD;
  border: 1px solid #D8E3DD;
}
#company #table tbody td {
  border-bottom: 1px solid #D8E3DD;
  border-right: 1px solid #D8E3DD;
  border-left: 1px solid #D8E3DD;
}
#company #table tbody td a {
  border-bottom: 1px solid #D8E3DD;
}
/**************************************************
* 高価買取ジャンル ページ
***************************************************/
#kouka .kouka-sec .sen {
  margin-bottom: -5px;
  font-weight: 700;
}
#kouka .kouka-sec .img-box {
  max-width: 130px;
  margin-right: 10px;
  margin-left: auto;
  margin-bottom: -42px;
  position: relative;
  z-index: -1;
}
/**************************************************
* 高く売るコツ！ column
***************************************************/
#column .mv {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  z-index: -1;
}
#column .flex-box {
  display: flex;
  flex-wrap: wrap;
}
#column #kotsu .img-box {
  margin: 8px auto;
}
#column #kotsu .column-text {
  padding: 0 4%;
}
#column #kotsu .column-text h3 {
  margin: 8px 0;
}
#column #kotsu .column-text p {
  margin-bottom: 14px;
}
#column .kotsu01, #column .kotsu02, #column .kotsu03 {
  margin: 24px auto;
}
/**************************************************
* 初めての方へ beginner
***************************************************/
#beginner .mv {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  z-index: -1;
}
#beginner #reason .ttl-wrap, #beginner #shorui .ttl-wrap, #beginner #kakudai .ttl-wrap {
  margin: 16px 0;
}
#beginner #reason .img-box, #beginner #shorui .img-box, #beginner #kakudai .img-box {
  margin: 0 auto 20px;
}
#beginner #reason .flex-box, #beginner #shorui .flex-box, #beginner #kakudai .flex-box {
  display: flex;
  flex-wrap: wrap;
  /*        max-width: 840px;*/
}
#beginner #reason .reason-wrap .img-box {
  margin: 24px auto 4px;
}
#beginner #reason .reason-wrap .img-box img {
  width: auto;
  display: block;
  margin: 0 auto;
}
#beginner #reason .img-box p {
  text-align: center;
  margin-top: 8px;
  font-weight: 700;
}
#beginner #reason .img-box p span {
  text-align: center;
  display: block;
  color: #006835;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 1.2;
}
#beginner #reason .img-box img.pc {
  display: none;
}
#beginner #reason .reason-textbox {
  background: #F9EFBC;
  background: -moz-linear-gradient(#fff 0%, #fcf6de 100%, #F9EFBC 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(100%, #fcf6de), to(#F9EFBC));
  background: -webkit-linear-gradient(#fff 0%, #fcf6de 100%, #F9EFBC 100%);
  background: -o-linear-gradient(#fff 0%, #fcf6de 100%, #F9EFBC 100%);
  background: -ms-linear-gradient(#fff 0%, #fcf6de 100%, #F9EFBC 100%);
  background: linear-gradient(#fff 0%, #fcf6de 100%, #F9EFBC 100%);
  position: relative;
  margin: 20px auto 0;
  ;
  padding: 10px 20px 80px;
  font-size: 20px;
  font-size: 2.0rem;
}
#beginner #reason .reason-textbox::after {
  content: "";
  background: url(../images/beginner/beginner-lead.png) no-repeat;
  background-size: contain;
  padding: 45px;
  width: 150px;
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
}
#beginner #shorui, #beginner #kakudai {
  margin-top: 20px;
}
#beginner #shorui .green-box {
  background-color: #D8E3DD;
  padding: 4%;
  margin: 8px auto;
  font-weight: 600;
}
#beginner #shorui .green-box ul li {
  /* display: inline-block; */
  font-size: 16px;
  font-size: 1.6rem;
  padding: 4px;
  margin-left: 24px;
  list-style-type: disc;
}
#beginner #kakudai h2 {
  margin-bottom: 20px;
}
#beginner #kakudai img {
  margin: 0 auto;
}
#beginner #kakudai .lead {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
}
#beginner #kakudai .kakudai-wrap {
  margin: 0 auto;
}
#beginner #kakudai .midashi {
  margin: 0px auto 24px;
}
/*
#beginner #kakudai .midashi .img-box{
    margin: 24px auto;
}
*/
#beginner #kakudai .kakudai-wrap .fle2 .img-box {
  display: none;
}
#beginner #kakudai .text-box {
  padding: 0 1%;
  margin: 0px auto;
}
#beginner #kakudai .kakudai-wrap .fle2 p {
  margin-bottom: 10px;
}
/**************************************************
* LINE審査 line
***************************************************/
#line .mv {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  z-index: -1;
}
#line .ttl-wrap {
  margin: 16px 0;
}
#line .read {
  padding: 0 8%;
}
#line .line_section {
  padding: 20px 0 0;
  /*    max-width: 380px;*/
  margin: 0 auto;
  text-align: center;
}
#line .stepTtl {
  text-align: center;
  margin: 0px auto 20px;
  font-size: 20px;
  font-size: 2.0rem;
  display: inline-block;
}
#line .line_stepBox {
  margin-top: 24px;
  background-color: #f5fbf1;
  /*    padding: 24px 4%;*/
}
#line .line_stepBox:nth-of-type(1) {
  margin-top: 0;
padding-bottom: 30px;
}
#line .line_stepBox h3 {
  margin-bottom: 15px;
}
#line #LINEbtn{
  padding-top: 20px;
    width: 45%;
    margin: 0 auto;
    max-width: 300px;
}
/*
#line #LINEbtn .line-it-button{
    margin: 0 auto;
    width: 300px!important;
    height: 60px!important;
 }
*/

#line .line_stepBox .step_type01 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  padding: 0 4% 20px;
}
#line .line_stepBox .step_type01 li {
  /*    width: 100%;*/
  flex: 0 0 100%;
  max-width: 360px;
  margin: 0 auto;
  text-align: left;
  margin-top: 20px;
}
#line .line_stepBox .step_type01 li:first-child {
  margin-top: 0;
}
#line .line_stepBox .step_type01 li .comment {
  display: table;
  margin-bottom: 20px;
}
#line .line_stepBox .img {
  height: auto !important;
}
.line_stepBox .step_type01 li .comment div span {
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
}
#line .line_stepBox .step_type01 li .comment p {
  display: table-cell;
  font-weight: bold;
  vertical-align: top;
  padding-top: 5px;
  padding-left: 10px;
  line-height: 1.4;
}
#line .line_stepBox .step_type01 li .comment div span {
  display: inline-block;
  color: #fff;
  text-align: center;
  background: #006835;
  font-size: 20px;
  font-size: 2.0rem;
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 50%;
  vertical-align: top;
}
#line .assessmentBox .col03 p {
  text-align: center;
  margin-bottom: 24px;
}
#line .assessmentBox h3:nth-of-type(1) {
  margin-top: 0;
}
#line .assessmentBox h3 {
  line-height: 1.4;
  margin-bottom: 20px;
  margin-top: 40px;
}
#line .assessmentBox .col03 li .listTtl.type02 {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.4;
}
#line .assessmentBox .col03 {
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  background-color: #f5fbf1;
  padding-bottom: 16px;
  padding: 20px 4%;
}
#line .assessmentBox .col03 li {
  flex: 0 0 48%;
}
#line .assessmentBox img {
  max-width: 200px;
  margin: 24px auto;
  display: block;
}
#line .assessmentBox .col03 li .listTtl {
  text-align: center;
  padding: 10px 5px;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  margin-top: 0;
  background: #D8E3DD;
  color: #006835;
}
#line .assessmentBox .col03 li .listTtl span {
  font-size: 20px;
  font-size: 2.0rem;
  width: 32px;
  height: 32px;
  line-height: 32px;
  color: #358f35;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
#line .assessmentBox .text-box.note {
  border: 1px solid #358f35;
  padding: 2%;
  margin-top: 14px;
}
#line .assessmentBox strong {
  color: #358f35;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 5px;
  /*
    margin-top: 30px;
 
*/
  /*    display: block;*/
}
/**************************************************
* よくある質問Q＆A faq
***************************************************/
#faq .ttl_qa {
  position: relative;
  margin-bottom: 40px;
}
#faq .ttl_qa .hh img {
  width: 100%;
}
#faq .ttl_qa .mod_qa_intro {
  width: 54%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 34px 46px;
}
#faq .ttl_qa .mod_qa_intro h2 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f6ff00;
  font-weight: bold;
  font-weight: 500;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
  padding-bottom: 4px;
}
#faq .ttl_qa .mod_qa_intro p {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 24px;
}
#faq .mod_qaBox {
  margin-top: 30px;
}
#faq .mod_qaBox dt {
  margin-bottom: 5px;
  display: table;
  width: 100%;
}
#faq .mod_qaBox dt .qaicon {
  display: table-cell;
  width: 55px;
  background: #006835;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  font-weight: 500;
}
#faq .mod_qaBox dt .txt {
  display: table-cell;
  background: #f5fbf1;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 12px 20px;
  vertical-align: middle;
}
#faq .mod_qaBox dd {
  display: table;
  width: 100%;
}
#faq .mod_qaBox dd .qaicon {
  display: table-cell;
  width: 55px;
  color: #006835;
  text-align: center;
  vertical-align: middle;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  font-weight: 500;
}
#faq .mod_qaBox dd .txt {
  display: table-cell;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 20px;
  vertical-align: middle;
  line-height: 1.6;
}
/**************************************************
* 個人情報保護方針 policy
***************************************************/
#policy .mv {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  z-index: -1;
}
#policy .privacy {
  margin-top: 30px;
}
#policy .ttl-wrap {
  margin: 16px 0;
}
#policy h3 {
  margin: 16px 0;
  font-size: 28px;
  font-size: 2.8rem;
}
#policy .privacy ul li {
  padding: 2px 0;
}
#policy .privacy ul li::before {
  content: '・';
}
#policy section p {
  margin-bottom: 16px;
}
/**************************************************
* sitemap
***************************************************/
#sitemap .sitemap-nav {
  display: flex;
  flex-flow: wrap;
  margin: 40px 0;
}
#sitemap .sitemap-nav ul {
  width: 90%;
  margin-bottom: 30px;
}
#sitemap .nav-nest li a {
  margin-left: 1em;
  font-size: 13px;
  font-size: 1.3rem;
  border-bottom: 1px solid #333;
}
#sitemap .nav li:first-child {
  font-size: 16px;
  font-weight: 600;
}
#sitemap .nav .nav-nest li:first-child {
  font-weight: 500;
}
#sitemap ul.nav.nav05.row li:first-child a {
  font-weight: 500;
}
/**************************************************
* 404 notfound
***************************************************/
#notfound .wrap-s {
  margin: 80px 0;
}
#notfound .ttl-wrap {
  margin: 16px 0;
}
#notfound section p {
  margin-bottom: 16px;
}
/**************************************************
* サイトマップ
***************************************************/
#sitemap .sitemap ul ul {
  padding-left: 10px;
}
#sitemap .sitemap li {
  margin: 1em 0;
}
#sitemap .sitemap ul li a {
  color: #333;
  text-decoration: underline;
}
/**************************************************
* 404
***************************************************/
#error .box {
  margin: 50px auto;
}
#error .box .error-kv {
  font-size: 80px;
  font-size: 8.0rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 25px;
  color: #b5b5b5;
}
/**************************************************
* WP投稿共通
***************************************************/
/* 一覧ページャー */
.tablenav {
  margin: 50px auto 0;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
.tablenav a.page-numbers, .tablenav .current {
  padding: 5px 10px;
  border: 1px solid #006835;
  border-radius: 4px;
  background: #006835;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
}
.tablenav a.page-numbers:hover, .tablenav .prev.page-numbers:hover, .tablenav .next.page-numbers:hover {
  opacity: 0.7;
}
.tablenav .current {
  background-color: #fff;
  color: #006835;
}
.tablenav a.page-numbers.next, .tablenav a.page-numbers.prev {
  border: none;
  background: #fff;
  color: #006835;
  font-size: 14px;
  font-size: 1.4rem;
}
/* 詳細ページャー */
.pagenav {
  margin: 50px auto 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 50%;
}
.pagenav .prev a, .pagenav .next a {
  display: block;
  font-weight: 600;
}
.pagenav .next a:link, .pagenav .next a:visited, .pagenav .prev a:link, .pagenav .prev a:visited {
  color: #333333;
}
.pagenav .next a:hover, .pagenav .next a:active, .pagenav .prev a:hover, .pagenav .prev a:active {
  opacity: 0.7;
}
.pagenav .backbtn a {
  margin: 0 20px;
  padding: 5px 10px;
  border: 1px solid #333;
  background: #333;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
}
/**************************************************
* INFO 
***************************************************/
/*------------------------------
一覧
------------------------------*/
#info .info-box li {
  border-bottom: 1px solid #DBDBDB;
  margin: 4px 0 10px;
}
#info .info-box li a {
  text-decoration: none;
}
/**************************************************
* ブログ 
***************************************************/
/*------------------------------
一覧
------------------------------*/
#blog-list .blog-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#blog-list a {
  text-decoration: none;
}
#blog-list .blog-box li {
  margin: 2% 0;
  width: 48%;
}
/*------------------------------
詳細
------------------------------*/
#blog-con {
  color: #000;
  font-family: YuGothic, "ヒラギノ角ゴ ProN W3", "Lucida Grande", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.8;
}
#blog-con .blog-ttl {
  text-align: left;
}
#blog-con .time {
  margin: 10px 0 20px;
}
#blog .blog-thumbnail {
  margin-bottom: 20px;
}
/* 見出し*/
#blog .blog-content h3 {
  font-size: 25.6px;
  font-size: 1.75rem;
  padding-bottom: 8px;
}
#blog .blog-content h4 {
  font-size: 24px;
  font-size: 1.7rem;
  padding-bottom: 8px;
}
#blog .blog-content h5 {
  font-size: 22px;
  font-size: 1.6rem;
  padding-bottom: 8px;
}
#blog .blog-content h6 {
  font-size: 20px;
  font-size: 1.5rem;
  padding-bottom: 8px;
}
#blog .pagenav {
  margin: 30px auto ;
}
/*------------------------------
詳細ページ
------------------------------*/
#info .news-content .cat {
  display: inline-block;
  margin-bottom: 15px;
  padding: 2.5px 5px;
  background: #c0182a;
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
}
#info .news-content h2.blog-ttl {
  padding-bottom: 20px;
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 16px;
}
#info .news-content {
  margin: 20px 6%;
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 20px;
}
#info .news-content iframe {
  display: block;
  width: 100%;
  max-width: 800px;
  margin: 15px 0;
}
#info .news-content img {
  display: block;
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: 15px 0;
}
#info #page-content2 #w-warp {
  margin-bottom: 30px;
}
#info .blog-time {
  text-align: right;
}
/**************************************************
* 買取実績詳細 single-list
***************************************************/
#list.single #wp .img-box, #list.single #wp .text-box {
  margin-bottom: 16px;
}
#list.single #wp .item-ttl, #list.single #wp .text-box {
  font-size: 16px;
  font-size: 1.6rem;
}
#list.single #wp .item-ttl {
  font-weight: bold;
}
#list.single #wp .text-box {
  padding-bottom: 16px;
  border-bottom: 1px dotted #ccc;
}
#faq #con01 #flex-wrap .flex-item .text-box {
  background: #d1e4dc;
}
.policy-text {
  margin-top: 24px;
}
#cancel #mwwpform .survey-block p::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #006835;
  padding-right: 4px;
  content: "\f0ea";
}
/**************************************************
* お問い合わせ
***************************************************/
#contact .form-inner {
  padding: 2% 4%;
}
#contact .green-box {
  background-color: #D8E3DD;
  padding: 4%;
  margin: 24px auto;
  font-weight: 600;
  text-align: center;
}
#contact .remarksBox {
  margin: 40px 0;
  border: 1px solid #666666;
  padding: 3%;
  word-break: break-word;
}
#contact .remarksBox p {
  margin-bottom: 12px;
}
#contact .remarksBox p:last-child {
  margin-bottom: 0;
}
#contact .contact-tel-box.green-box dt {
  background-color: darkcyan;
  color: #FFF;
  line-height: 3;
}
#contact .contact-tel-box.green-box dd, #contact .contact-tel-box.green-box dd a {
  line-height: 3;
  font-size: 20px;
  font-size: 2.0rem;
  font-family: auto;
}

#contact .submitBtn.btn-box {
    margin-top: 30px;
}
#contact .submitBtn.btn-box .btn{
    background: #006835;
    color: #fff;
}
#contact .submitBtn.btn-box input:hover{
    opacity: 0.8;
}

/**************************************************
* thanks
***************************************************/
#thanks .wrap-s {
  margin: 80px 0;
}
#thanks .ttl-wrap {
  margin: 16px 0;
}
#thanks section p {
  margin-bottom: 16px;
}
/*------------------------------
MW WP Form 共通
------------------------------*/
/*inputフォーカス時の影やborderを消す 必須*/
#mwwpform input:focus, #mwwpform textarea:focus, #mwwpform button[type="submit"]:focus {
  outline: 0;
  border: 1px solid #c0182a;
}
/*label影やborderを消す 必須*/
#mwwpform label[type=checkbox] {
  padding: 0 !important;
  border: 0 !important;
  background-color: #fff !important;
  box-shadow: none !important;
}
/*input placeholderの色を変える 必須*/
#mwwpform input::placeholder, #mwwpform input:-ms-input-placeholder, #mwwpform input::-ms-input-placeholder, #mwwpform textarea::placeholder, #mwwpform textarea:-ms-input-placeholder, #mwwpform textarea::-ms-input-placeholder {
  color: #555 !important;
}
/*iosフォーカス防止*/
#mwwpform input[type=text], #mwwpform input[type=tel], #mwwpform input[type=email], #mwwpform select, #mwwpform textarea {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  padding: 10px;
}
/*レスポンシブ*/
#mwwpform option, #mwwpform textarea, #mwwpform input[type=text], #mwwpform input[type=email], #mwwpform input[type=search], #mwwpform input[type=url], #mwwpform select {
  width: 100%;
  height: 46px;
  padding: 2px 10px;
}
#mwwpform textarea {
  height: auto;
}
#mwwpform select {
  width: 100%;
  height: 46px;
  border: none;
}
#mwwpform .mwform-tel-field input[type=text], #mwwpform .mwform-zip-field input[type=text] {
  width: 80px;
}
/*.mwform-checkbox-field*/
#mwwpform .mwform-checkbox-field.horizontal-item {
  display: block;
  width: 100%;
  margin: 5px 0;
  font-size: 14px;
  font-size: 1.4rem;
}
#mwwpform .mwform-checkbox-field input[type=checkbox] {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
#mwwpform .mwform-checkbox-field input, #mwwpform .mwform-radio-field input {
  margin-right: 0px;
}
/*.mw_wp_form .error*/
.mw_wp_form .error {
  margin-top: 5px !important;
  display: block !important;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  color: #c0182a !important;
  font-weight: bold !important;
}
#mwwpform {
  width: 100%;
  margin: 4% auto;
}
#mwwpform dl {
  width: 100%;
  padding-bottom: 20px;
}
#mwwpform dl:last-child {
  padding-bottom: 0;
}
#mwwpform dl dt {
  width: 100%;
  font-weight: bold;
  padding: 5px 0;
  color: #006835;
}
#mwwpform dl dd {
  width: 100%;
  padding: 5px 0;
}
.mw_wp_form_confirm.mw_wp_form_preview #mwwpform dl dd {
  background: #fff;
  border-radius: 20px;
  padding: 6px 14px;
}
/*必須*/
#mwwpform dl .required {
  display: inline-block;
  font-size: 10px;
  font-size: 1.0rem;
  color: #006835;
  margin-left: 4px;
}
#mwwpform .btn-box .btn {
  padding: 14px 10px;
}
/*btn-back*/
#mwwpform .btn-back input {
  display: block;
  background: #dddddd;
  width: 200px;
  height: 40px;
  line-height: 40px;
  margin: 50px auto 0;
  text-align: center;
  color: #fff;
  transition: all 0.4s ease;
  font-size: 1.7rem;
  border-radius: 12px;
}
#mwwpform .btn-back input:hover {
  opacity: 0.8;
}
/*btn-submit*/
#mwwpform .btn-submit {
  margin: 24px auto;
}
#mwwpform .btn-submit input {
  display: block;
  background: #006835;
  width: 200px;
  height: 40px;
  line-height: 40px;
  margin: auto;
  border: 1px #006835 solid;
  text-align: center;
  color: #fff;
  transition: all 0.4s ease;
  font-size: 1.7rem;
  border-radius: 8px;
}
#mwwpform .btn-submit input:hover {
  opacity: 0.8;
}
/**************************************************
* 出張買取
***************************************************/
#purchase section {
  margin: 20px 0;
}
#purchase .ttl-wrap {
  margin: 16px 0;
}
#purchase .lead {
  text-align: center;
  font-size: 20px;
  font-size: 2.0rem;
}
#purchase .osusume .osusume-list li {
  background-color: #f5fbf1;
  margin: 10px 0;
  padding: 10px;
}
#purchase .osusume .osusume-list li .bold {
  position: relative;
  margin-left: 30px;
  font-size: 20px;
  font-size: 2.0rem;
  color: #006835;
}
#purchase .osusume .osusume-list li .bold::before {
  position: absolute;
  content: "";
  top: 2px;
  left: -30px;
  background: url(../images/common/ico_check01.png) no-repeat 0 0/100%;
  width: 25px;
  height: 25px;
}
#purchase .osusume .img {
  display: block;
  max-width: 320px;
  width: 50%;
  margin: 0 auto;
}
#purchase .riyu {
  background: #f9f6ed;
  padding: 15px;
}
#purchase .riyu .ttl-wrap .img {
  width: 150px;
  margin: 0 auto 10px;
}
#purchase .riyu .riyu-list li {
  width: 100%;
  height: auto;
  margin: 40px 0 0 0;
  padding: 15px;
  border-radius: 5px;
  background: #fff;
  position: relative;
}
#purchase .riyu .riyu-list li .ico_reason {
  position: absolute;
  background: url(../images/common/ico_baloonbg.png) no-repeat 0 0/100%;
  width: 60px;
  height: 60px;
  top: -30px;
  left: -15px;
  padding: 10px;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  color: #FFF;
}
#purchase .riyu .riyu-list li .ico_reason span {
  font-size: 20px;
  font-size: 2.0rem;
}
#purchase .riyu .riyu-list li h4 {
  font-size: 20px;
  font-size: 2.0rem;
  text-align: center;
  padding-bottom: 5px;
  border-bottom: 1px solid #006835;
  margin-bottom: 10px;
}
#purchase .flow-list {
  background-color: #f5fbf1;
  padding: 15px;
}
#purchase .flow-list li {
  width: 100%;
  padding: 15px;
  margin-bottom: 30px;
  background-color: #fff;
  position: relative;
}
#purchase .flow-list li::after {
  position: absolute;
  content: "▼";
  display: block;
  bottom: -30px;
  left: 50%;
  transform: translateY(-30px;
  ) translateX(-50%);
  -webkit- transform: translateY(-30px;
  ) translateX(-50%);
  margin: 0 auto;
  font-size: 20px;
  font-size: 2.0rem;
  color: #006835;
}
#purchase .flow-list li:last-of-type {
  margin-bottom: 0;
}
#purchase .flow-list li:last-of-type::after {
  display: none;
}
#purchase .flow-list h3 {
  font-weight: bold;
  vertical-align: top;
  line-height: 1.4;
  text-align: left;
  margin-bottom: 10px;
}
#purchase .flow-list h3 span {
  display: inline-block;
  color: #fff;
  text-align: center;
  background: #006835;
  font-size: 20px;
  font-size: 2.0rem;
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: top;
}
#purchase .flow-list .comment p {
  margin: 0 auto;
  margin-bottom: 10px;
  margin-left: 20px;
}
#purchase .kanou-area .text-box {
  background: #006835;
  padding: 3%;
}
#purchase .kanou-area .text-box p {
  color: #fff;
}
@media screen and (max-width: 320px) {
/*------------------------------
 フォント ※変更不可
------------------------------*/
p, li, a, th, td, dt, dd {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
}
.read,#junk .lead p{
  font-size: 15px;
  font-size: 1.5rem;
}
#janru .janru-box .janru-list li p {
    font-size: 16px;
    font-size: 1.6rem;
    }
#selected li .text-box p:first-child {
    font-size: 16px;
    font-size: 1.6rem;
    }
#performance.under-page .read, #jisseki .read {
    font-size: 15px;
    font-size: 1.5rem;
}
#beginner #reason .img-box p span,#beginner #reason .reason-textbox,#line .assessmentBox strong {
    font-size: 18px;
    font-size: 1.8rem;
    }
.phonenumber a {
  font-family: 'ヒラギノ角ゴ StdN', 'Hiragino Kaku Gothic StdN', 'Arial Black', 'Arial Rounded MT Bold', sans-serif;
  font-size: 20px;
  font-size: 2.0rem;
}
/*------------------------------
見出し h1-h6 ※変更不可
-----------------------------*/

h1 {
  font-size: 20px;
  font-size: 2.0rem;
}
h2 {
  font-size: 19px;
  font-size: 1.9rem;
}
#performance.under-page h2 {
    font-size: 19px;
    font-size: 1.9rem;
}
h3 {
  font-size: 18px;
  font-size: 1.8rem;
}
h4 {
  font-size: 17px;
  font-size: 1.7rem;
}
h5 {
  font-size: 16px;
  font-size: 1.6rem;
}


    
/*------------------------------
ヘッダー/フッター ※変更不可
------------------------------*/
  #siteHeader .siteLogo {
    max-width: 210px;
  }
  /* お問い合わせ */
  #f-contact .f-shop-date .f-con-wrap .con .con-text a::before {
    left: 3%;
    transform: translateX(-3%);
  }
    
#f-contact .f-shop-date dt, #f-contact .f-shop-date .f-con-wrap p,
#footer .f-nav .f--nav a {
    font-size: 14px;
    font-size: 1.4rem;
    }
/*MV*/
  #mv.mv .main-copy {
    left: 10px;
  }
/*TOP*/
#top #mv.mv .sp.img-box::after {
    width: 140%;
    height: 100%;
    bottom: -79px;
    right: -140px;
    }
/*初めての方・よくあるご質問バナー*/
#page-bnner .beginner-wrap h2 span::before {
  padding: 35px;
  width: 70px;
  left: 12px;
}
#page-bnner .beginner-wrap h2 span::after {
  padding: 35px;
  width: 70px;
  left: 90px;
}
/* 高価買取ジャンル*/
  #kouka .kouka-sec .img-box {
    max-width: 110px;
  }
/*FAQ*/
#faq .mod_qaBox dt .qaicon,#faq .mod_qaBox dd .qaicon{
    width: 30px;
    font-size: 18px;
    }
#faq .mod_qaBox dd .txt {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 20px 10px;
    }
    
} /*================== PC(max-width: 320px)ここまで ==================*/