@charset "UTF-8";

/*///////////////////////////////////////
全体設定
///////////////////////////////////////*/
*,*:before,*:after {
 box-sizing: border-box;
}

html {
 box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
 font-size: 62.5%;
 height: 100%;
}

main{
 background: #fff;
}

body {
 color: #000;
 /*font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
 background:#fff;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.2;
 margin:0;
 padding:0;
 max-width: 100%;
 /*height: 100%;*/
 overflow-x: hidden;
}

img {
 max-width:100%;
 height: auto;
}

a{
 text-decoration: none;
}

a:hover{
/*
 opacity: 0.5;
 transition: 0.8s;
*/
}

/*テキスト白フチ*/
.outline {
 text-shadow:
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;        /* 文字の影 */
}


.breadcrumb {
 display: flex;
 list-style: none;
 background-color: #E6F3DF;
 padding: 5px;
 font-size: 0.8em;
 overflow-x: scroll;
 word-break: keep-all;
 white-space: nowrap;
 margin-bottom: 0;
}
.breadcrumb::-webkit-scrollbar {
  display: none;
}

.breadcrumb a{
 border-bottom: 1px solid #333;
 color: #333;
}

.breadcrumb li:not(:last-of-type)::after {
 content: "/";
 margin: 0 .6em;
 color: #333;
}

/*ページャー*/
.pagination {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 0 8px;
 list-style-type: none;
 padding: 0;
}
.pagination a {
 box-sizing: border-box;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 2em;
 height: 2em;
 border: 1px solid #4f7a28;
 border-radius: 1px;
 color: #4f7a28;
}
.pagination a:not(:hover) {
 text-decoration: none;
}
.pagination .current a {
 background-color: #4f7a28;
 color: #fff;
 pointer-events: none;
}


/*///////////////////////////////////////
スライダー
///////////////////////////////////////*/
.slider{
  width:100%;
  margin:50px auto;
}

/*------ スライダー画像 ------*/
.slider img{
 width: 100%;
 height: 158px;
 object-fit: cover;
}

/*-------- 高さ調整 ----------*/
.slider .slick-slide{
 height:auto!important;
}

/*---------- 矢印 ----------*/
.slider .slick-next{
 right:0!important;
}
.slider .slick-prev{
 left:0!important;
}
.slider .slick-arrow{
 width: initial!important;
 height: initial!important;
 z-index:2!important;
}
.slider .slick-arrow:before{
 font-size: 30px!important;
}

.slide-arrow {
  bottom: 0;
  cursor: pointer;
  margin: auto;
  position: absolute;
  top: 0;
  width: 30px;
}
.prev-arrow {
  left: -40px;
}
.next-arrow {
  right: -40px;
}

/*///////////////////////////////////////
ヘッダー
///////////////////////////////////////*/
header {
 width: 100%;
 background: #006036;
 display: flex;
 justify-content: space-between;
 align-items: center;
 position: fixed;
 top: 0;
 left: 0;
 height: 40px;
 z-index: 10;
}
header #logo a {
 display: block;
 color: #fff;
}
.nav-inner{
 display: flex;
 width: 100%;
 max-width: 1200px;
 height: 40px;
 align-items: center;
 justify-content: space-between;
 font-weight: bold;
}
.nav-center{
 display: block;
 width: 100%;
 max-width: 1200px;
 height: 40px;
 margin: 0 auto;
}
.nav{
 padding-left: 0;
}
#nav li{
 list-style: none;
 height: 40px;
}
#nav li a {
 display: block;
 color: #fff;
 position: relative;
}
#nav .menu-item-has-children > a:after,#nav .menu-item-has-children > a:before {
 display: block;
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 right: 20px;
 margin: auto;
 width: 10px;
 height: 1px;
 background: #fff;
 transition: .2s;
}
#nav .menu-item-has-children > a:after {
 transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
}
#nav .menu-item-has-children > a.open:before{
 transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
}
#nav .menu-item-has-children > a.open:after{
 background: transparent;
}
#nav .menu-item-has-children .sub-menu {
 display: none;
}
@media only screen and ( max-width : 767px ) {
  .overlay {
    width: 0;
    height: 0;
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .5s;
    background: rgba(255,255,255,.7);
  }
  .overlay.open {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  #main {
    transition: all .5s;
    min-height: 100vh;
  }
  #main.open {
    position: fixed;
    width: 100%;
  }
  #menu_btn {
    top: -5px;
    right: 0px;
    transition: .3s;
    cursor: pointer;
    position: fixed;
    z-index: 9999;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .menu-trigger {
    width: 18px;
    height: 16px;
    position: relative;
  }
  .menu-trigger span {
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    transition: all .5s;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu-trigger span:nth-of-type(2) {
    /*width: 70%;*/
    top: 7px;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  #menu_btn.active .menu-trigger span:nth-of-type(1) {
    transform: translateY(7px) rotate(-45deg);
  }
  #menu_btn.active .menu-trigger span:nth-of-type(2) {
    opacity: 0;
  }
  #menu_btn.active .menu-trigger span:nth-of-type(3) {
    transform: translateY(-7px) rotate(45deg);
  }
  #nav {
    width: 280px;
    height: 100%;
    overflow: auto;
    padding: 90px 0;
    background: #0d5632;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 12;
    transform: translate(280px);
    transition: all .5s;
  }
  #nav.open {
    transform: translateZ(0);
  }
  #nav li {
    padding: 0 20px;
  }
  #nav li a {
    position: relative;
    /*padding: 20px;*/
    color: #fff;
  }
  #nav .menu-item-has-children .sub-menu {
    padding: 20px;
  }
  #nav .menu-item-has-children > a.open:first-of-type {
    color: #dad4ec;
  }
  #nav .menu-item-has-children .sub-menu li {
    padding: 0;
    margin-bottom: 20px;
  }
  #nav .menu-item-has-children .sub-menu li:last-child {
    margin-bottom: 0;
  }
  #nav .menu-item-has-children .sub-menu li a {
    padding: 0;
  }
}

@media print, screen and ( min-width : 768px ) {
  #menu_btn,.overlay {
    display: none;
  }
  #nav ul {
    display: flex;
    flex-wrap: wrap;
  }
  #nav li {
    position: relative;
  }
  #nav li a {
  /*padding: 20px;*/
	font-size: 13px;
  }
  #nav .menu-item-has-children > a {
    padding-right: 40px;
  }
  #nav .menu-item-has-children > a.open:first-of-type,#nav .current-menu-item a {
    color: #dad4ec;
  }
  #nav .current-menu-item li a {
    color: #fff;
  }
  #nav li ul.sub-menu {
    flex-direction: column;
    background: #fff;
    position: absolute;
    width: 200px;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px 0;
  }
  #nav li ul.sub-menu li {
    width: 100%;
  }
  #nav li ul.sub-menu li a {
    line-height: 1.6em;
    color: #83759a;
    padding: 10px 20px;
  }
  #nav li ul.sub-menu li a:hover {
    color: #dad4ec;
  }
}

@media screen and (max-width: 768px){
.nav-center{
 padding: 0 15px;
 }
}

/*///////////////////////////////////////
アイコン
///////////////////////////////////////*/
@font-face {
  font-family: 'icomoon';
  src:  url('/fonts/icomoon.eot?n288zw');
  src:  url('/fonts/icomoon.eot?n288zw#iefix') format('embedded-opentype'),
    url('/fonts/icomoon.ttf?n288zw') format('truetype'),
    url('/fonts/icomoon.woff?n288zw') format('woff'),
    url('/fonts/icomoon.svg?n288zw#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e900";
}
.icon-newspaper:before {
  content: "\e904";
}
.icon-pencil:before {
  content: "\e905";
}
.icon-image:before {
  content: "\e90d";
}
.icon-camera:before {
  content: "\e90f";
}
.icon-bullhorn:before {
  content: "\e91a";
}
.icon-book:before {
  content: "\e91f";
}
.icon-file-text:before {
  content: "\e922";
}
.icon-profile:before {
  content: "\e923";
}
.icon-file-empty:before {
  content: "\e924";
}
.icon-files-empty:before {
  content: "\e925";
}
.icon-file-text2:before {
  content: "\e926";
}
.icon-file-picture:before {
  content: "\e927";
}
.icon-folder-open:before {
  content: "\e930";
}
.icon-coin-yen:before {
  content: "\e93e";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-phone:before {
  content: "\e942";
}
.icon-address-book:before {
  content: "\e944";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-pushpin:before {
  content: "\e946";
}
.icon-location:before {
  content: "\e947";
}
.icon-compass:before {
  content: "\e949";
}
.icon-map:before {
  content: "\e94b";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-bell:before {
  content: "\e951";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-display:before {
  content: "\e956";
}
.icon-mobile:before {
  content: "\e958";
}
.icon-undo:before {
  content: "\e965";
}
.icon-redo:before {
  content: "\e966";
}
.icon-undo2:before {
  content: "\e967";
}
.icon-redo2:before {
  content: "\e968";
}
.icon-bubble:before {
  content: "\e96b";
}
.icon-bubbles:before {
  content: "\e96c";
}
.icon-bubbles2:before {
  content: "\e96d";
}
.icon-bubbles3:before {
  content: "\e96f";
}
.icon-bubbles4:before {
  content: "\e970";
}
.icon-user:before {
  content: "\e971";
}
.icon-users:before {
  content: "\e972";
}
.icon-search:before {
  content: "\e986";
}
.icon-key:before {
  content: "\e98d";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-unlocked:before {
  content: "\e990";
}
.icon-cog:before {
  content: "\e994";
}
.icon-bin:before {
  content: "\e9ac";
}
.icon-power:before {
  content: "\e9b5";
}
.icon-switch:before {
  content: "\e9b6";
}
.icon-download2:before {
  content: "\e9c5";
}
.icon-upload2:before {
  content: "\e9c6";
}
.icon-sphere:before {
  content: "\e9c9";
}
.icon-link:before {
  content: "\e9cb";
}
.icon-flag:before {
  content: "\e9cc";
}
.icon-attachment:before {
  content: "\e9cd";
}
.icon-bookmark:before {
  content: "\e9d2";
}
.icon-bookmarks:before {
  content: "\e9d3";
}
.icon-star-empty:before {
  content: "\e9d7";
}
.icon-star-full1:before {
  content: "\e9d9";
}
.icon-smile:before {
  content: "\e9e1";
}
.icon-point-up:before {
  content: "\ea03";
}
.icon-point-right:before {
  content: "\ea04";
}
.icon-point-down:before {
  content: "\ea05";
}
.icon-point-left:before {
  content: "\ea06";
}
.icon-notification:before {
  content: "\ea08";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-checkmark2:before {
  content: "\ea11";
}
.icon-enter:before {
  content: "\ea13";
}
.icon-exit:before {
  content: "\ea14";
}
.icon-play2:before {
  content: "\ea15";
}
.icon-play3:before {
  content: "\ea1c";
}
.icon-circle-right:before {
  content: "\ea42";
}
.icon-circle-left:before {
  content: "\ea44";
}
.icon-checkbox-checked:before {
  content: "\ea52";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-star-full:before {
  content: "\e9da";
}
.icon-heart:before {
  content: "\e9db";
}




/*///////////////////////////////////////
ボタン
///////////////////////////////////////*/
.mainBtn {
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 1;
 text-decoration: none;
 color: #ffffff;
 font-size: 18px;
 border-radius: 0px;
 width: 600px;
 max-width: 100%;
 height: 40px;
 font-weight: 600;
 position: relative;
 transition: 0.3s;
 background-color: #ab987aff;
 margin: 0 auto;
}

.mainBtn::before, .mainBtn::after {
 content: "";
 display: block;
 position: absolute;
 top: 50%;
 right: 15px;
 height: 1px;
 width: 20px;
 background-color: #fff;
 will-change: transform;
 transition: .3s;
}

.mainBtn:hover::before {
 transform: translate(5px, -50%);
}

.mainBtn:hover::after {
 transform: translate(5px, -50%);
}

.headerBtn{
 display: inline-block;
 padding: 10px 30px;
 overflow: hidden;
 background-color: #ab987aff;
 height: 40px;
}
.headerBtn::after {
 animation: 3s 0s shine linear infinite;
 background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 100%);
 content: '';
 height: 100%;
 left: -100%;
 position: absolute;
 top: 0;
 transform: skewX(-25deg);
 width: 50%;
}
@keyframes shine {
20% {
 left: 150%;
}
100% {
 left: 150%;
}
}
@media screen and (max-width: 768px){
.headerBtn{
 height: 100%;
}
}


/*///////////////////////////////////////
見出し
///////////////////////////////////////*/
h2{
 font-weight: normal;
 font-size: 2em;
 margin: 30px auto;
}

@media screen and (max-width: 768px){
h2{
 font-size: 1em;
}
}

.line-headline{
 position: relative;
 display: table-cell;
 padding-left: 55px;
 padding-bottom: 10px;
 color: #AB987A;
 font-size: 1.5em;
}
.line-headline:before {
 position: absolute;
 content: '';
 top: calc(50% - 5px);
 width: 40px;
 left: 0;
 height: 6px;
 border-top: solid 3px #AB987A;
}

.line-headline-subtxt{
 display: block;
 width: 100%;
 color: #000;
 font-size: 2em;
 margin-bottom: 5px;
}
@media screen and (max-width: 768px){
.line-headline{
 font-size: 1.1em;
}
.line-headline-subtxt{
 font-size: 1.3em;
 text-align: justify;
 font-weight: 600;
}
}

/*中央見出し*/
.center-headline {
 padding: 0 3em;
 width: fit-content;
 margin: 0 auto;
 text-align: center;
 position: relative;
 font-size: 2.2rem;
 font-weight: bold;
}
.center-headline::before, .center-headline::after {
 content: '';
 background: #AB987A;
 width: 2em;
 height: 3px;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.center-headline::before {
 left: 0;
}
.center-headline::after {
 right: 0;
}
@media screen and (max-width: 768px){
.center-headline {
 padding: 0 2em;
 font-size: 1.8rem;
}
.center-headline::before, .center-headline::after {
 width: 1.5em;
}
}

/*斜線見出し*/
.h-attention {
 position: relative;
 display: inline-block;
 padding: 0 30px;
 margin-bottom: 36px;
 color: #fff;
 font-weight: bold;
 font-size: 33px!important;
}

@media screen and (max-width: 768px){
.h-attention {
 font-size: 28px!important;
 margin-bottom: 10px;
}
}

.h-attention:before {
 position: absolute;
 left: 0;
 top: 30%;
 content: "";
 width: 3px;
 height: 50%;
 background: #fff;
 border-radius: 3px;
 transform: rotate(-25deg);
}

.h-attention:after {
 position: absolute;
 content: "";
 right: 0;
 top: 30%;
 width: 3px;
 height: 50%;
 background: #fff;
 border-radius: 3px;
 transform: rotate(25deg);
}

/*背景色あり見出し*/
.bg-green-headline{
 display: block;
 background-color: #0d5632;
 padding: 10px;
 color: #fff;
 text-align: left;
 border-radius: 5px;
 font-size: 1.8em;
}

/*デカ文字*/
.bigTitle{
 display: block;
 text-align: center;
 font-weight: bold;
 font-size: 1.8em;
}
@media screen and (max-width: 768px){
.bigTitle{
 display: block;
 text-align: center;
 font-weight: bold;
 font-size: 1.5em;
}
}

/*ボーダー下*/
.bottom-line{
 display: block;
 padding-bottom: 5px;
 border-bottom: 1px solid #333;
 margin-bottom: 10px;
 font-size: 1.5em;
 margin-top: 30px;
}

/*左ボーダー*/
.line-left{
 display: block;
 border-left:5px solid #0d5632;
 padding-left: 5px;
 text-align: left;
 line-height: 30px;
}

/*///////////////////////////////////////
メインコンテンツ
///////////////////////////////////////*/

/*トップスライダー*/
.top-slider {
 margin: 0 auto;
 width: 100%;
}
.slider-img {
 margin: 0 10px;
}
.slider-img img {
 height: auto;
 width: 100%;
}
@media screen and (max-width: 768px){
.slider-img {
 margin: 0px;
}
}

.slick-dots li button:before {
 font-size: 20px!important;
 color: #0B5731!important;
 opacity: 0.5!important;
}
.slick-dots li.slick-active button:before {
 opacity: 1!important;
 color: #0B5731!important;
}
.slick-dots {
 bottom: 10px!important;
}
@media screen and (max-width: 768px){
.slick-dots li button:before {
 font-size: 10px!important;
}
.slick-dots {
 bottom: 0px!important;
}
}


/*メインイメージ*/
.mainimg{
 display: flex;
 justify-content: flex-end;
 align-items: center;
 background: url(../img/mainimg.jpg) no-repeat center center / cover;
 /*height: 100vh;*/
 height: 600px;
 color: #FFF;
 font-size: 200%;
 font-weight: bold;
 background-attachment: fixed;
}
.imgcontent{
 position: relative;
 margin-right: 50px;
 font-size: 1.2em;
 text-shadow: 0 0 5px rgba(0,0,0,1);
}

@media screen and (max-width: 768px){
.mainimg{
 background: url(../img/mainimg.jpg) no-repeat center left / cover;
}
}


/*メインイメージアニメーション*/
.img-wrap {
  animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1);
}

@keyframes img-wrap {
  0% {
    clip-path: circle(0 at 50% 50%);
    -webkit-clip-path: circle(0 at 50% 50%);
  }

  100% {
    clip-path: circle(100% at 50% 50%);
    -webkit-clip-path: circle(100% at 50% 50%);
  }
}


/*==================================================
順番に表示
親要素にclass名 delayScroll指定
===================================*/
/*.delayScroll-ani{
opacity: 0;
}*/
.fadeUp {
animation-name:delayfadeUp;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes delayfadeUp{
from {
 opacity: 0;
 transform: translateY(100px);
}
to {
 opacity: 1;
 transform: translateY(0);
  }
}


/*コンテンツ領域*/
.container {
 margin: 0 auto;
 max-width: 1200px;
 padding: 0 2.0rem;
 position: relative;
}
@media screen and (max-width: 768px){
.container {
 max-width: 100%;
}
}

main {
 /*margin: 4rem 0 0 0;*/
 margin: 8.5rem 0 0 0;
}
section {
/* margin: 5rem 0;*/
 padding: 3rem 0;
}

.center {
 text-align: center;
 margin-bottom: 4rem;
}

.gray-back {
 background-color: #f4f4f4;
}

/*///////////////////////////////////////
ロレックス買取紹介
///////////////////////////////////////*/

.bg01{
 background: url(../img/bg01.jpg) no-repeat center center/ cover;
 background-attachment: fixed;
}

.ptxt{
 display: block;
 line-height: 1.5;
 margin: 50px auto;
 background-color: rgba(255,255,255,0.85);
 padding: 20px;
 text-align: left;
 width: 80%;
}
.ptxt02{
 display: block;
 line-height: 1.5;
 margin: 0px auto;
 background-color: rgba(255,255,255,0.85);
 padding: 10px 0;
 text-align: left;
 width: 100%;
 }
@media screen and (max-width: 768px){
.ptxt,.ptxt02{
 width: 100%;
 text-align: left;
}
.bg01{
 background: url(../img/bg01-sp.png) no-repeat center center/ cover;
}
}

.img-flex{
 display: flex;
 margin-bottom: 50px;
 justify-content: center;
}
.img-flex img{
 display: block;
}

.gold-line {
 height: 5px;
 width: 100%;
 background-image: radial-gradient(circle, rgba(224, 162, 8, 1), rgba(255, 242, 58, 1) 80%);
}



/*///////////////////////////////////////
最近の査定依頼
///////////////////////////////////////*/
.newBox{
 display: block;
 text-align: left;
 padding: 10px 20px;
}
.newBox img{
 margin-bottom: 10px;
}
.newBox div{
 line-height: 1.8;
}
.newBox a{
 display: block;
 color: #0A5731;
 font-weight: bold;
}


/*///////////////////////////////////////
買取依頼簡単3ステップ
///////////////////////////////////////*/
.bg02{
 background: url(../img/bg02.gif) repeat;
}

.whiteBox{
 display: block;
 background-color: #fff;
 padding: 50px 20px;
 margin: 50px auto;
}

.step-flex{
 display: flex;
 justify-content: center;
 margin: 70px auto;
}
.stepBox{
 display: block;
 width: 33%;
 margin: 0 15px;
 position: relative;
 border: 3px solid #0A5731;
 /*box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;*/
}
.stepBox h3{
 text-align: center;
 font-weight: 600;
 font-size: 1.5em;
}
.stepBox span{
 display: block;
 background-color: #0A5731;
 padding: 20px;
 color: #fff;
 font-size: 2em;
 width: 70px;
 height: 70px;
 text-align: center;
 line-height: 30px;
 position: absolute;
 top: -35px;
 left: 50%;
 transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.stepBox p{
 direction: block;
 margin: 0 30px 30px;
 font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 768px){
.step-flex{
 flex-wrap: wrap;
}
.stepBox{
 width: 100%;
 margin: 0 0 80px 0;
}
}


/*///////////////////////////////////////
最新の買取実績
///////////////////////////////////////*/
.new-flex{
 display: flex;
 justify-content: space-between;
 margin-top: 40px;
 margin-bottom: 50px;
 flex-wrap: wrap;
}
.kaitoriBox{
 display: block;
 width: 30%;
 background: #f7f7f7;
 padding: 20px;
 margin-bottom: 40px;
}

.kaitoriBox img{
 width: 100%;
 height: 150px;
 object-fit: cover;
}
.kaitoriBox p{
 display: block;
 text-align: left;
 width: 100%;
 margin-bottom: 30px;
}
.kaitoriPrice{
 display: flex;
 align-items: center;
 justify-content: flex-end;
 width: 100%;
 font-size: 0.7em;
}
.kaitoriPrice span{
 margin-left: 10px;
 font-size: 2em;
 font-weight: 600;
 color: red;
}

.kaitori-newList{
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 flex-wrap: wrap;
 justify-content: space-between;
 width: 100%;
 margin: 30px auto;
 padding-left: 0;
}
.kaitori-newList li{
 display: block;
 border: 1px solid #e1e8ef;
 background: #fff;
 list-style: none;
 padding: 7px;
 /*width: 33%;*/
 margin: 2px auto;
}
.ListCard{
 display: flex;
 align-items: flex-start;
 color: #000;
}
.ListCard img{
 display: block;
 width: 70px;
 height: 70px;
 object-fit: cover;
}
.ListCard-right{
 display: block;
 margin-left: 5px;
}
.ListCard-right h3{
 display: block;
 font-size: 0.8em;
 margin: 0 auto 3px;
 width: 280px;
 max-width: 100%;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.ListCard-date{
 display: block;
 font-weight: normal;
 font-size: 0.7em;
 color: #2b2b2b;
}
.ListCard-cate{
 display: inline-block;
 padding: 3px;
 margin: 5px auto;
 background: #f2f2f2;
 color: #2b2b2b;
 font-size: 0.7em;
}
.ListCard-info{
 display: block;
 font-size: 14px;
 margin-bottom: 3px;
}
.ListCard-price{
 display: block;
 color: red;
 font-weight: bold;
 text-align: right;
}

@media screen and (max-width: 768px){
.kaitoriBox{
 display: block;
 width: 48%;
 margin-bottom: 20px;
 padding: 5px;
}
.kaitoriPrice{
 display: block;
}
.kaitoriPrice span{
 display: contents;
 font-size: 1.2em;
}
.kaitoriBox p{
 margin: 10px 0;
}
.kaitori-newList{
 grid-template-columns: 1fr;
}
.kaitori-newList li{
 width: 100%;
}
.ListCard-right h3{
 width: 235px;
 max-width: 100%;
}
.ListCard-right{

}
.ListCard-price{
 margin-right: 5px;
}
}


/*///////////////////////////////////////
お知らせ
///////////////////////////////////////*/
.news-list{
 list-style: none outside;
 margin: 30px auto;
 padding: 0;
}
.news-list .item a{
 display: flex;
 flex-wrap: wrap;
 flex-wrap: nowrap;
 align-items: center;
 text-decoration: none;
 color: #333;
 border-bottom: 1px solid #CCC;
 padding: 15px 20px;
 font-size: 16px;
}
.news-list .item:first-child a{

}
.news-list .item .date{
 margin: 0;
 min-width: 120px;
 font-size: 14px;
 color: #999;
 padding: 0 20px 0 0;
}
.news-list .item .news-title{
 margin: 0;
 width: 100%;
 font-weight: bold;
 font-size: 0.8em;
 text-align:left;
}
.news-list .item a:hover .news-title{

}

.news-box{
 display: block;
 background-color: #fafafa;
 padding: 10px;
 border-radius: 10px;
}
.news-box h3{
 display: block;
 border-left: 3px solid #0D5632;
 padding-left:10px;
 text-align: left;
 margin-left: 25px;
 margin-top: 30px;
}

.more-news{
 display: block;
 text-align: right;
}
.more-news a{
 display: inline-block;
 color: #0A5731;
 font-weight: bold;
}

@media screen and (max-width: 767px){
.news-list .item a{
  flex-wrap: wrap;
}
.news-list .item .date{
  min-width: 100px;
}
.news-list .item .news-title{
  margin-top: 10px;
}
}

/*///////////////////////////////////////
レスポンシブ表示
///////////////////////////////////////*/
@media screen and (max-width: 768px){

/*ヘッダー*/
.header {
 flex-direction: column;
 /*margin-bottom: 10px;*/
}

.header-box {
 display: none;
}

/*メインコンテンツ*/

.imgcontent{
 max-width: 100%;
 margin: 0 auto;
 text-align: center;
}

}

/*簡易表示切り替え用*/
.pc { display: block !important; }
.sp { display: none !important; }
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
@media only screen and (max-width: 750px) {
img { max-width: 100%; }
}



/*///////////////////////////////////////
フッター
///////////////////////////////////////*/

.footer-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0,1fr));
 gap: 0.25rem;
 margin-bottom: 1.5rem;
}

.footer {
 padding: 2rem;
 font-size: 15px;
 color: #fff;
 background: #0B5731;
}

.footer-logo{
 display: block;
 margin: 0 auto;
}

.footer a{
 color: #fff;
 font-size: 12px;
}

.footer-navi-head {
 font-weight: 600;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 padding: 5px 0px;
 margin:0px 2px;
 text-align: center;
}

.footer-logo {
 display: inline-block;
 margin-bottom: 1.5rem;
}

.footer-navi{
 margin-top: 10px;
 padding-left: 20px;
}

.footer-navi li {
  margin-bottom: 0.75rem;
}

.footer-info {
 font-size: 12px;
 margin-bottom: 1.5rem;
 line-height: 1.5;
 padding: 10px;
}

.footer-info a {
 color: #fff;
}

.copyright{
 text-align: center;
}

@media (min-width: 768px) {
.md-flex {
 display: flex;
}

.md-justify-between {
 justify-content: space-between;
}

.footer-grid {
 grid-template-columns: repeat(3, minmax(0, 1fr));
}

.footer-info a {
 text-decoration: none;
 pointer-events: none;
 }

 .lg-flex {
  grid-template-columns: 1fr;
  }
}

@media (min-width: 1024px) {
.lg-flex {
 display: grid;
 grid-template-columns: repeat(2,1fr);
 }
}


/*///////////////////////////////////////
検索ボックス
///////////////////////////////////////*/
.search-form{
 display: block;
}
.search-form-ttl{
 display: flex;
 align-items: center;
 font-weight: bold;
 color: #000;
 width: 30%;
 max-width: 100%;
 text-align: left;
 padding: 10px 25px;
 background: #fff;
}
@media screen and (max-width: 767px){
.search-form-ttl{
 width: 100%;
}
}
.search-form-ttl span{
 display: inline-block;
 background: #DF3D00;
 font-weight: bold;
 color: #fff;
 padding: 5px 10px;
 border-radius: 10px;
 font-size: 10px;
 vertical-align: middle;
 text-align: center;
 margin-left: 5px;
}
.search-form-date{
 display: flex;
 align-items: center;
 width: 70%;
 font-weight: bold;
 color: #000;
 text-align: left;
 padding: 10px;
 background: #fff;
}
@media screen and (max-width: 767px){
.search-form-date{
 width: 100%;
 flex-wrap: wrap;
}
}
.any{
 display: inline-block;
 background: #ddd!important;
 font-weight: bold;
 color: #000!important;
 padding: 5px 10px;
 border-radius: 10px;
 font-size: 10px;
 vertical-align: middle;
 text-align: center;
 margin-left: 5px;
}
.search-form-block{
 display: block;
 padding: 10px;
 /*background: aliceblue;*/
 border-radius: 10px;
 margin-bottom: 10px;
}
.form-wrap{
 display: flex;
 justify-content: center;
 align-items: stretch;
 border-bottom: 1px solid #ddd;
 margin: 0 auto;
 width: 80%;
}
@media screen and (max-width: 767px){
.form-wrap{
 flex-wrap: wrap;
 width: 100%;
}
}

.style-select {
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 display: inline-block;
 width: 100%;
 max-width: 600px;
 margin: 1em 0;
 padding: 10px;
 cursor: pointer;
 line-height: 1.4;
 font-size: 0.95em;
 font-weight: 700;
 color: #333;
 border-radius: 4px;
 background-color: #f7f9fb;
 border: solid 1px #e1e8ef;
 box-shadow: 0 3px 3px -2px rgba(3, 29, 41, 0.15);
 background-image: linear-gradient(45deg, transparent 50%, rgba(0,0,0,0.4) 50%),  linear-gradient(135deg, rgba(0,0,0,0.4) 50%, transparent 50%);
 background-size: 5px 5px, 5px 5px;
 background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%;
 background-repeat: no-repeat;
}

.styled-select:focus {
 outline: 0;
 border-color: #b0c5ff;
}
.styled-select::-ms-expand {
 display: none;
}

.search-submit{
 width: auto;
 padding:0;
 margin:0;
 background:none;
 border:0;
 font-size:0;
 line-height:0;
 overflow:visible;
 cursor:pointer;
}
.search-submit02{
  border: 1px solid #1b7e40;
  border-radius: 1rem;
  background: #1b7e40;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #1b7e40), to(#20b958));
  background: -webkit-linear-gradient(bottom, #1b7e40 50%, #20b958 100%);
  background: linear-gradient(0deg, #1b7e40 50%, #20b958 100%);
   -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
  color: #FFF100;
  font-size: 18px;
  font-weight: bold;
  padding: 15px 30px;
  cursor: pointer;
  width: 80%;
  }
@media screen and (max-width: 767px){
.search-submit{
 width: 100%;
}
}

/*アップロードボタン*/
.upload-btn,
.upload-btn02,
.upload-btn03,
.upload-btn04,
.upload-btn05{
 display: inline-block;
 cursor: pointer;
 margin: 1em 0;
 padding: .7em 1em;
 line-height: 1.4;
 background: #FF7881;
 color: #FFF;
 font-size: 0.95em;
 font-weight: bold;
 border-radius: 10px;
 transition: 0.2s;
}
.upload-btn:hover,
.upload-btn02:hover,
.upload-btn03:hover,
.upload-btn04:hover,
.upload-btn05:hover {
 box-shadow: 0 8px 10px -2px rgba(0, 0, 0, 0.2);
}
.upload-btn input,
.upload-btn02 input,
.upload-btn03 input,
.upload-btn04 input,
.upload-btn05 input
{
 display: none;
}
.upload-select{
 margin-left: 10px;
 color: #000;
}
.upload-select-none,
.upload-select-none02,
.upload-select-none03,
.upload-select-none04,
.upload-select-none05{
 margin-left: 10px;
 color: #000;
}
@media screen and (max-width: 767px){
.upload-btn,
.upload-btn02,
.upload-btn03,
.upload-btn04,
.upload-btn05{
 display: block;
 width: 100%;
}
.upload-select-none,
.upload-select-none02,
.upload-select-none03,
.upload-select-none04,
.upload-select-none05{
 display: block;
 margin-left: 0;
 margin-top: 10px;
}
}

/*チェックボックス*/
.checkbox-wrap {
 display: block;
 position: relative;
 margin: 1em 20px;
 padding-left: 28px;
 cursor: pointer;
 user-select: none;
}
@media screen and (max-width: 767px){
.checkbox-wrap {
 margin: 1em 10px;
}
}
.checkbox-wrap input {
 display: none;
}
.checkmark {
 position: absolute;
 top: 0;
 left: 0;
 height: 18px;
 width: 18px;
 border: solid 2px #d4dae2;
 border-radius: 4px;
 box-sizing: border-box;
 background-color: #fff;
}
.checkmark:after {
 content: "";
 position: absolute;
 left: 5px;
 top: 2px;
 width: 6px;
 height: 10px;
 border: solid #FFF;
 border-width: 0 2px 2px 0;
 transform: rotate(45deg);
 opacity: 0;
}
.checkbox-wrap input:checked + .checkmark {
 background: #0D5632;
 border-color: #0D5632;
}
.checkbox-wrap input:checked + .checkmark:after {
 opacity: 1;
}

/*入力エリアデザイン*/
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="date"],
input[type="number"]{
 width: 100%;
 max-width: 600px;
 font-size: 0.95em;
 margin: 1em 0;
 padding: 10px;
 border: solid 2px #e3e6ea;
 border-radius: 4px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="number"]:focus{
  border-color: #529fff;
  outline: 0;
}

textarea {
 width: 100%;
 max-width: 600px;
 margin: 1em 0;
 padding: 20px;
 font-size: 1em;
 border: solid 2px #e1e3e8;
 border-radius: 4px;
 resize: none;
}
textarea:focus {
 border-color: #56a9ff;
 doutline: 0;
}



/*///////////////////////////////////////
会社概要
///////////////////////////////////////*/
.kaisya-gaiyou {
 border-collapse: collapse;
 width: 100%;
 margin-top: 30px;
}

.kaisya-gaiyou th,
.kaisya-gaiyou td {
 border: 1px solid #dbe1e8;
 padding: 15px;
}

.kaisya-gaiyou th {
 background: #f9fafc;
 text-align: left;
 width: 250px;
}

.kaisya-gaiyou td {
 text-align: left;
}

@media only screen and (max-width: 800px) {
.kaisya-gaiyou tr,
.kaisya-gaiyou th,
.kaisya-gaiyou td {
 display: block;
 width: auto;
}
.kaisya-gaiyou tr:first-child {
 border-top: 1px solid #dbe1e8;
}
.kaisya-gaiyou th,
.kaisya-gaiyou td {
 border-top: none;
}
}



/*///////////////////////////////////////
ログイン
///////////////////////////////////////*/
.form-padding{
 padding: 10px 30px;
}
.loginBox,
.greenBox{
 display: block;
 background-color: #0D5632;
 margin: 50px auto;
 padding: 10px;
}
.logininner{
 display: flex;
 background-color: #fff;
 padding: 15px 30px;
}
.login-left{
 display: block;
 width: 50%;
 text-align: left;
 border-right: 1px solid #ddd;
}

.login-right{
 display: block;
 width: 50%;
 text-align: center;
}
.loginLabel{
 display: block;
 margin: 0px auto;
}
.login-input{
 margin: 5px 0!important;
 padding: 15px!important;
 border: none!important;
 background-color: #f2f2f2;
}
.loginbtn{
 background: #4CAF50;
 border-radius: 4px;
 width: 100%;
 max-width: 600px;
 border: 0;
 padding: 15px;
 color: #FFFFFF;
 font-size: 14px;
 cursor: pointer;
 margin: 5px auto;
 transition: 1s;
}
.loginbtn:hover{
 background: #43A047;
}

.arrow-down {
 display: inline-block;
 vertical-align: middle;
 color: #333;
 line-height: 1;
 width: 1em;
 height: 1em;
 margin: 15px auto;
 border: 0.1em solid #000;
 border-left: 0;
 border-bottom: 0;
 box-sizing: border-box;
 transform: translateY(-25%) rotate(135deg);
}
.entryBtn{
 display: inline-block;
 color: #000;
 border-bottom: 1px solid #000;
 padding-bottom: 3px;
 transition: 1s;
}
.entryBtn:hover{
 color: #0D5632;
}

@media screen and (max-width: 767px){
.form-padding{
 padding: 0px;
}
.logininner{
 flex-wrap: wrap;
 flex-direction: column-reverse;
}
.login-left{
 width: 100%;
 border-right: none;
}
.login-right{
 width: 100%;
 border-bottom: 1px solid #ddd;
 padding-bottom: 15px;
}
}



/*///////////////////////////////////////
一括査定申し込み完了画面
///////////////////////////////////////*/




/*///////////////////////////////////////
マイページ
///////////////////////////////////////*/
#col2 {
 width: 90%;
 display: flex;
 margin: 20px auto;
 justify-content: center;
}

#left-col {
 width: 60%;
 padding: 20px;
}

#right-col {
 width: 30%;
 padding: 20px;
}

@media screen and (max-width: 767px){
#col2 {
 width: 100%;
 flex-wrap: wrap;
}
.order1 {
 flex-direction: column-reverse;
}

}

.satei-list{
 padding-left: 0;
 margin-bottom: 50px;
}
.satei-list li{
 list-style: none;
}
.satei-list-card{
 border:1px solid #ddd;
 border-radius: 10px;
 padding: 20px;
 margin: 10px auto;
 color: #000;
 width: 100%;
 position: relative;
 background-color: #fafafa;
}
.satei-list-card img{
 display: block;
 width: 100px;
 height: 100px;
 object-fit: cover;
}
.card-link{
 position: absolute;
 inset: 0;
}
.card-inner{
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.card-button-inner{
 display: block;
 margin: auto;
}
.card-button{
 display: block;
 background: #55C500;
 border-radius: 3px;
 border: none;
 color: #ffffff;
 margin-top: 5px;
 padding: 10px 16px;
 position: relative;
 z-index: 1;
}
.btn-orange{
 background: #EEAA55;
}
.btn-red{
 background: #FF4433;
}
.card-button:hover{
 cursor: pointer;
 opacity: 0.8;
}
.card-button i{
 margin-right: 5px;
 vertical-align: middle;
}

.card-inner-right{
 display: block;
 text-align: left;
 width: 77%;
 margin: 0px 10px;
}
.satei-syousai-wrap{
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 border-bottom: 1px solid #ddd;
 margin-bottom: 5px;
 padding-bottom: 5px;
 gap: 5px;
}
.state{
 display: block;
 color: #ff9900;
 font-weight: bold;
}
.satei-syousai-wrap span{
 display: inline-block;
 padding: 2px 5px;
 background: #ddd;
 font-size: 0.7em;
 font-weight: bold;
 border-radius: 3px;
}
.satei-item-name{
 display: block;
 font-size: 1.3em;
 font-weight: bold;
}
.satei-entry-date{
 display: block;
 font-size: 0.9em;
 padding-bottom: 5px;
}
.satei-price{
 margin-left: 10px;
 font-size: 1.2em;
 font-weight: 600;
 color: red;
}
@media screen and (max-width: 767px){
.satei-list li>a{
 padding: 10px;
}
.satei-list span{
 display: block;
}
.card-inner{
 flex-wrap: wrap;
}
.satei-list-card img{
 margin: 0 auto;
}
.card-inner-right{
 width: 100%;
}
.satei-price{
 font-size: 1.1em;
 margin-left: 10px;
 display: inline-block!important;
}
.card-button{
 width: 100%;
}
.card-button-inner{
 width: 100%;
 margin-top: 10px;
}
}

.sidemenu{
 display: block;
 width: 100%;
 background-color: #D0A900;
 padding: 10px 10px 3px;
 border-radius: 5px;
 margin: 10px auto;
}
.sidemenu h3{
 margin: 0;
 color: #fff;
 font-size: 1em;
 text-align: center;
 padding: 0px 0 10px;
}
.sidemenu ul{
 display: flex;
 width: 100%;
 background-color: #fff;
 border-radius: 5px;
 padding-left: 0;
 padding: 10px 10px 5px;
 justify-content:space-between;
}
.sidemenu ul li{
 display: block;
 list-style: none;
 width: calc(100%/2 - 20px);
 margin: 10px;
}
.sidemenu ul li a{
 display: block;
 padding: 20px 10px;
 margin-bottom: 10px;
 border:1px solid #ddd;
 color: #000;
 transition: 0.6s;
 border-radius: 5px;
}
.sidemenu ul li a:hover{
 background-color:#D0A900;
 color: #fff;
 opacity: 1;
}
.sidemenu i{
 margin-right: 3px;
 vertical-align: middle;
}

.satei-list-inner{
 display: flex;
 align-items: center;
}
.satei-list-right{
 display: block;
 margin-left: 20px;
 text-align: left;
}
.satei-list-inner img{
 display: block;
 width: 100px;
 height: 100px;
 object-fit: cover;
}

@media screen and (max-width: 767px){
.satei-list-inner{
 flex-wrap: wrap;
 display: block;
}
.satei-list-inner img{
 display: block;
 width: 100%;
 height: 100px;
 object-fit: cover;
 margin-bottom: 10px;
}
.satei-list-right{
 margin-left: 0;
 line-height: 1.5;
}
.sidemenu ul{
 flex-wrap: wrap;
}
.sidemenu ul li{
 width: calc(100%/2 - 10px);
 margin: 5px;
}
.sidemenu ul li a{
 font-size: 0.8em;
 padding: 20px 0;
 margin: 0;
}
}


/*///////////////////////////////////////
プライバシーポリシー
///////////////////////////////////////*/
.policy{
 display: block;
 text-align: left;
 line-height: 1.5;
}
.policy h2{
 display: block;
 font-weight: bold;
 font-size: 1.3em;
 border-left: 5px solid #0D5632;
 padding-left: 10px;
 margin-bottom: 10px;
 margin-top: 50px;
}
.policy ol li::marker {
 color: #0D5632;
 font-weight: bold;
}


/*///////////////////////////////////////
お問い合わせ
///////////////////////////////////////*/
.contact{
 display: block;
 text-align: left;
 line-height: 1.5;
}

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

.contact h2{
 display: block;
 font-weight: bold;
 font-size: 1.3em;
 border-left: 5px solid #0D5632;
 padding-left: 10px;
 margin-bottom: 10px;
 margin-top: 50px;
}


/*///////////////////////////////////////
よくある質問
///////////////////////////////////////*/
.qa dt {
 margin-bottom: 1em;
 color: #333333;
 font-weight: 600;
}
.qa dt::before,
.qa dd::before {
 margin-right: .4em;
}
.qa dt::before {
 content: "Q.";
}
.qa dd {
 margin: 0 0 2.5em;
 padding: 1em 1.5em;
 background-color: #f2f2f2;
 color: #333333;
}
.qa dd::before {
 content: "A.";
}


/*タブ切り替え*/

.tab-wrap{
 display: flex;
 text-align: left;
 justify-content: space-between;
 margin: 50px auto 0px;
}

.tab-btn {
 display: flex;
 justify-content: center;
 align-items: center;
 min-width: 200px;
 padding: 0.8em 1em;
 border: 1px solid #036036;
 border-radius: 2em;
 background: #fff;
 color: #036036;
 cursor: pointer;
 transition: .3s;
}

.tab-btn:hover,
.tab-btn.is-current {
 background: #036036;
 color: #fff;
}

.tab-btn:not(:first-child) {
 /*margin-top: 2em;*/
}

.c-switchingTabs {
 display: flex;
 gap: 20px;
 margin-bottom: -1px;
}

.c-switchingTabs__tab {
 display: flex;
 justify-content: center;
 align-items: center;
 min-width: 200px;
 padding: 0.5em 1em;
 border: 1px solid #036036;
 border-bottom: none;
 border-radius: 20px 20px 0 0;
 background: lightgray;
 font-size: 20px;
 line-height: 1.4;
 cursor: pointer;
 transition: .3s;
}

.c-switchingTabs__tab:hover,
.c-switchingTabs__tab.is-current {
/*  background: lightblue;*/
}

.tab-content-wrap {
 width: 100%;
 text-align: left;
 padding-top: 30px;
}

.tab-content-wrap__contents {
  width: 100%;
}

.tab-select-content {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: .3s;
}

.tab-select-content.is-open {
  height: auto;
  opacity: 1;
}

@media screen and (max-width: 767px){
.tab-wrap{
 flex-wrap: wrap;
}
.tab-btn{
 min-width:150px;
 margin: 3px;
}

}



/*///////////////////////////////////////
査定状況一覧
///////////////////////////////////////*/
.sateiBlock{
 display: flex;
 align-items: center;
 justify-content: space-between;
 background: #fff;
}
.gyousyaBlock{
 display: block;
 /*width: calc(100%/4);*/
 text-align: left;
 border-right: 1px solid #ddd;
 padding-right: 10px;
 /*height: 100px;*/
}
.gyousyaBlock img{
 display: block;
 width: 120px;
 height: auto;
 object-fit: cover;
}
.gyousyaBlock a{
 display: inline-block;
 font-size: 0.8em;
 margin-left: 5px;
 color: #333;
}
.gyousyaBlock span{
 display: block;
 font-size: 0.8em;
 margin-left: 5px;
 color: #333;
 text-decoration: none;
}
.stxt{
 line-height: 1.1em;
}

.rate{
 position: relative;
 display: block;
 margin: 3px;
 width: 80px;
 max-width: 100%;
}
.rate:before{
content: "★★★★★";
color: #ccc;
}

.rate0-5:after,
.rate1:before,
.rate1:after,
.rate1-5:before,
.rate1-5:after,
.rate2:before,
.rate2:after,
.rate2-5:before,
.rate2-5:after,
.rate3:before,
.rate3:after,
.rate3-5:before,
.rate3-5:after,
.rate4:before,
.rate4:after,
.rate4-5:before,
.rate4-5:after,
.rate5:after{
position: absolute;
top:0;
left:0;
color: #FFA500;
overflow: hidden;
height: 24px;
}

.rate .rate0-5:after,
.rate .rate1-5:after,
.rate .rate2-5:after,
.rate .rate3-5:after,
.rate .rate4-5:after{
 width: 8px;
 content: "★";
}
.rate .rate1:after,
.rate .rate1-5:before{
 content: "★";
}
.rate .rate1-5:after{
 left: 1em;
}
.rate .rate2:after,
.rate .rate2-5:before{
 content: "★★";
}
.rate .rate2-5:after{
 left: 2em;
}
.rate .rate3:after,
.rate .rate3-5:before{
 content: "★★★";
}
.rate .rate3-5:after{
 left: 3em;
}
.rate .rate4:after,
.rate .rate4-5:before{
 content: "★★★★";
}
.rate .rate4-5:after{
 left: 4em;
}
.rate .rate5:after{
 content: "★★★★★";
}


.sateiDate,
.priceDate{
 display: block;
 width: calc(100%/4);
 text-align: center;
 border-right: 1px solid #ddd;
 height: 100px;
}
.sateiDate span,
.priceDate span,
.gyousyaComment span{
 display: block;
 margin: 10px auto;
 font-weight: bold;
}
.sateibi,
.sateiPrice{
 display: block;
 font-size: 1.5em;
 font-weight: bold;
}

.gyousyaComment{
 display: block;
 width: calc(100%/4);
 text-align: center;
 height: 100px;
}

.commentBtn{
 display: inline-block;
 background: #55C500;
 padding: 10px;
 border-radius: 3px;
 cursor: pointer;
 color: #fff;
 font-size: 0.9em;
}

.comeentInner{
 display: none;
 background-color: #EAEAEA;
 padding: 10px;
 border-radius: 3px;
 margin:10px 0 10px;
 text-align: left;
 height: auto;
}
.acd_ck{
 margin-bottom: 5px;
}

.acd_wrap{
 display: block;
 list-style: none;
 padding-left: 0;
 margin-top: 10px;
}
.acd_wrap li{
 padding-left: 0;
}

.sateiWrap{
 display: block;
 background: #fff;
 padding: 10px;
}

@media screen and (max-width: 767px){
.satei-list ul{
 padding-left: 0;
}
.sateiBlock{
 flex-wrap: wrap;
 padding: 10px 0;
 margin: 0;
}
.gyousyaBlock{
 width: 100%;
 border-right: none;
 height: auto;
 text-align: center;
 padding-right: 0;
 margin-bottom: 10px;
}
.sateiDate{
 width: calc(100%/2);
 height: auto;
}
.priceDate{
 width: calc(100%/2);
 border-right: none;
 height: auto;
}
.sateibi, .sateiPrice{
 font-size: 1em;
}
.gyousyaComment{
 width: 100%;
 height: auto;
}
.gyousyaBlock img{
 margin: 0 auto;
}
.rate{
 margin: 0 auto;
}
.acd_ck{
 margin-top: 30px;
}

}



/*///////////////////////////////////////
お知らせ詳細ページ
///////////////////////////////////////*/
.info-date{
 display: block;
 text-align: right;
 font-size: 0.8em;
}


/*///////////////////////////////////////
サイトについて
///////////////////////////////////////*/
.user-step{
 display: grid;
 grid-template-columns: 200px 1fr;
 margin: 30px auto 50px;
}
.user-step-left{
 display: flex;
 border-right: 1px solid #333;
 align-items: center;
 justify-content: center;
}
.user-step-title{
 font-size: 1.5em;
 font-weight: bold;
 }
.user-step-right{
 display: block;
}
.user-step-text{
 display: block;
 padding:10px 20px;
 line-height: 1.8;
}
.user-step-text a{
 font-size: 1.2em;
 font-weight: bold;
 color: #006036;
 border-bottom: 1px solid #006036;
}

@media screen and (max-width: 767px){
.user-step{
 grid-template-columns:1fr;
 margin: 30px auto;
}
.user-step-text{
 padding:10px 0px;
}
.user-step-left{
 border-right: none;
}
.user-step-text a{
 margin-bottom: 10px;
}
}



/*///////////////////////////////////////
業者マイページ　ポイント購入
///////////////////////////////////////*/
.point-info{
 display: block;
 margin: 20px auto 20px;
}
.point-info span{
 display: inline-block;
 font-size: 1.5em;
 font-weight: bold;
 color: red;
 margin-right: 5px;
}
.point-l{
 display: block;
 background: #4f7a28;
 color: #fff;
 padding: 5px;
 border-radius: 3px 3px 0px 0px;
 font-weight: bold;
}
.point-r{
 display: block;
 padding: 5px;
 border-radius: 0px 0px 3px 3px;
 border: 3px solid #4f7a28;
 width: 100%;
}

.point-check{
 display: block;
 border: 3px solid #0d5632;
 padding: 20px;
 margin-bottom: 30px;
}
.point-check02{
 border: 3px solid #ff1500;
}
.point-pay-wrap{
 display: grid;
 grid-template-columns: repeat(3,1fr);
 justify-content: center;
 gap: 30px;
}
.pay-select{
 display: block;
 border-radius: 5px;
 border:1px solid #ddd;
 padding: 10px;
 width: 100%;
}
.buy-point{
 display: block;
 border-radius: 5px;
 margin-right: 5px;
 border:1px solid #ddd;
 padding: 10px;
}
.buy-point-flex{
 display: flex;
 align-items: center;
}
/* Chrome, Safari, Edge */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@media screen and (max-width: 767px){
.point-pay-wrap{
 grid-template-columns: 1fr;
}
}



/*///////////////////////////////////////
クレジットカード確認
///////////////////////////////////////*/
.ck-last-wrap{
 display: block;
}
.red-txt{
 display: block;
 color: red;
 font-weight: bold;
 font-size: 1.1em;
}
.card-date{
 display: block;
 margin:30px auto;
}
.card-date-wrap{
 display: block;
 text-align: left;
}
.kigen-wrap{
 display: grid;
 grid-template-columns: repeat(4,100px);
 align-items: center;
 margin: 10px auto;
 gap:10px;
}
@media screen and (max-width: 767px){
.kigen-wrap{
 grid-template-columns: 1fr;
 margin-bottom: 10px;
}
}

.returnBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
  border-radius: 5px;
  width: 200px;
  height: 40px;
  font-weight: bold;
  transition: 0.3s;
  background-color: #1976d2;
  border: none;
}
.returnBtn:hover {
  opacity: .7;
}
.returnBtn i{
 margin-right: 5px;
}

.card-select{
  display: inline-block;
  border-radius: 5px;
  border:1px solid #ddd;
  padding: 10px;
  width: 100%;
 }

.card-info{
 display: block;
 border-radius: 5px;
 padding: 10px;
 margin-bottom: 30px;
 line-height: 1.5;
}
.card-logo-flex{
 display: flex;
 justify-content: flex-start;
 gap: 10px;
 align-items: center;
 list-style: none;
 margin: 10px auto;
 padding-left: 0;
}
.card-logo-flex li img{
 width: 45px;
}

.errBox {
  display: flex;
  grid-gap: 0 .7em;
  margin: 0 auto;
  padding: 1em;
  border-radius: 5px;
  background-color: #ffebee;
  color: red;
  text-align: left;
  align-items: center;
  font-weight: bold;
  width: 800px;
}

.errBox::before {
  width: 100px;
  height: 100px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8659 3.00017L22.3922 19.5002C22.6684 19.9785 22.5045 20.5901 22.0262 20.8662C21.8742 20.954 21.7017 21.0002 21.5262 21.0002H2.47363C1.92135 21.0002 1.47363 20.5525 1.47363 20.0002C1.47363 19.8246 1.51984 19.6522 1.60761 19.5002L11.1339 3.00017C11.41 2.52187 12.0216 2.358 12.4999 2.63414C12.6519 2.72191 12.7782 2.84815 12.8659 3.00017ZM10.9999 16.0002V18.0002H12.9999V16.0002H10.9999ZM10.9999 9.00017V14.0002H12.9999V9.00017H10.9999Z' fill='%23f06060'%3E%3C/path%3E%3C/svg%3E");
}
@media screen and (max-width: 767px){
  .errBox {
    width: 100%;
    font-size: 0.9em;
  }
  .errBox::before {
    width: 50px;
    height: 50px;
  }
  }


/*///////////////////////////////////////
銀行振込確認
///////////////////////////////////////*/
.bank-info{
 width: 100%;
 max-width: 600px;
 font-size: 0.95em;
 margin: 1em 0;
 padding: 10px;
 border: solid 2px #e3e6ea;
 border-radius: 4px;
}



/*///////////////////////////////////////
LP
///////////////////////////////////////*/
.content {
  margin: 0 auto;
  width: 120rem;
}
.sec01 {
	padding: 5.9rem 0 7rem;
	position: relative;
}
.sec01::after {
	width: 100%;
	height: calc(100% + 10.5rem);
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/index/bg01.jpg) no-repeat center center / cover;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10.5rem), calc(50% + 14.2rem) calc(100% - 10.5rem), 50% 100%, calc(50% - 14.1rem) calc(100% - 10.5rem), 0 calc(100% - 10.5rem));
	content: '';
}
.sec01 .content {
	position: relative;
	z-index: 1;
}
.sec01 h2 {
	margin-bottom: 1.4rem;
	text-align: center;
	font-size: 6rem;
	font-weight: 600;
	letter-spacing: -0.1em;
}
.sec01 .ttlSub {
	margin-bottom: 3.7rem;
	text-align: center;
	font-weight: 700;
	font-size: 4rem;
}
.sec01 .imgList {
	display: flex;
	flex-wrap: wrap;
	gap: 3.6rem;
  list-style: none;
  padding-left: 0;
  justify-content: center;
}
.sec01 .imgList li {
	width: 37.6rem;
	text-align: center;
}
.sec01 .imgList li .pho {
	margin-bottom: 0.8rem;
}
.sec01 .imgList li p {
	font-weight: 700;
}
.serif {
 font-family: "Noto Serif JP", serif;
}
.sec01 .imgList li p {
 font-weight: 700;
 font-size: 24px;
}


.sec02 {
	padding: 13.4rem 0 8rem;
	background: url(../img/index/bg02.jpg) no-repeat center top / cover;
}
.sec02 h2 {
	margin-bottom: 1.9rem;
	text-align: center;
}
.sec02 .innerBox .imgtext {
	text-align: center;
}
.sec02 .innerBox .stepList {
	margin-top: -26.1rem;
	position: relative;
	z-index: 1;
  list-style: none;
  padding-left: 0;
}
.sec02 .innerBox .stepList li {
	margin-bottom: 3rem;
	padding: 1.2rem 1.4rem;
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	background: #fff;
	border-radius: 3rem;
	border: 0.8rem solid #28130e;
}
.sec02 .innerBox .stepList li:last-child {
	margin-bottom: 0;
}
.sec02 .innerBox .stepList li .photo {
	width: 36rem;
	border-radius: 1.5rem;
	order: 1;
}
.sec02 .innerBox .stepList li .photo img {
	width: 100%;
	border-radius: inherit;
}
.sec02 .innerBox .stepList li .textBox {
	padding: 0.9rem 0 0 2.7rem;
	flex: 1;
}
.sec02 .innerBox .stepList li .textBox h3 {
	margin-bottom: 0.7rem;
	font-size: 5rem;
	letter-spacing: -0.07em;
	line-height: 1.4;
}
.sec02 .innerBox .stepList li .textBox h3 .num {
	display: block;
	color: #d89a28;
}
.sec02 .innerBox .stepList li .textBox p {
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1.53;
  font-size: 24px;
}



@media all and (max-width: 896px) {
	.sec01 {
		padding: 4rem 0;
	}
	.sec01::after {
		height: calc(100% + 5rem);
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5rem), calc(50% + 7rem) calc(100% - 5rem), 50% 100%, calc(50% - 7rem) calc(100% - 5rem), 0 calc(100% - 5rem));
	}
	.sec01 .ttlSub {
		margin-bottom: 2rem;
		font-size: 1.7rem;
	}
	.sec01 .imgList {
		gap: 3rem 4%;
		justify-content: center;
	}
	.sec01 .imgList li {
		width: 48%;
	}
	.sec02 {
		padding: 8rem 0 4rem;
	}
	.sec02 h2 img {
		width: 34rem;
	}
	.sec02 .innerBox .imgtext img {
		width: 22.5rem;
	}
	.sec02 .innerBox .stepList {
		margin-top: -12.5rem;
	}
	.sec02 .innerBox .stepList li {
		margin-bottom: 2rem;
		padding: 1rem;
		display: block;
		border-radius: 1.5rem;
		border-width: 0.4rem;
	}
	.sec02 .innerBox .stepList li:last-child {
		margin-bottom: 0;
	}
	.sec02 .innerBox .stepList li .photo {
		width: auto;
		border-radius: 1rem;
		margin-bottom: 2rem;
	}
	.sec02 .innerBox .stepList li .textBox {
		padding: 0 1rem 1rem;
	}
	.sec02 .innerBox .stepList li .textBox h3 {
		font-size: 2.5rem;
	}
  .content {
    margin: 0 1.5rem;
    width: auto !important;
	}
  .sec01 h2 {
    margin-bottom: 1rem;
    font-size: 2.8rem;
    line-height: 40px;
  }
  .sec01 .imgList li p {
    font-size:  15px;
   }
   .sec02 .innerBox .stepList li .textBox p {
    font-size: 15px;
  }
}



/*///////////////////////////////////////
業者LP
///////////////////////////////////////*/
.sec01_g {
 padding: 5.9rem 0 12.2rem;
 background: url(../img/sec01_bg.png) no-repeat center center / cover;
}
.sec01_g h2 {
  margin-bottom: 1.4rem;
  text-align: center;
  color: #000;
  font-size: 6rem;
  font-weight: 600;
  letter-spacing: -0.1em;
}
.sec01_g .ttlSub {
  margin-bottom: 11.4rem;
  text-align: center;
  color: #000;
  font-weight: 700;
  font-size: 3rem;
  letter-spacing: -0.02em;
}
@media all and (max-width: 896px) {
  .sec01_g h2 {
    font-size: 3rem;
  }
  .sec01_g .ttlSub {
    font-size: 1.5rem;
    margin-bottom: 2.4rem;
  }
}


/*///////////////////////////////////////
問い合わせ一覧
///////////////////////////////////////*/
.card-inner02{
 display: grid;
 grid-template-columns: 100px 1fr 1fr 150px;
 gap: 10px;
}
.card-inner-right02{
 margin: 0;
 width: 100%;
 text-align: left;
}
.card-inner-right02 div{
 font-weight: bold;
 margin-bottom: 10px;
}
.card-inner-right02 p{
 color: #1976d2;
 font-weight: bold;
}

@media all and (max-width: 896px) {
  .card-inner02{
    grid-template-columns: 1fr;
   }

   .card-inner-right02 div{
    border-top: 1px solid #ddd;
    padding-top:10px;
   }
}



/*///////////////////////////////////////
ヘッダー追加メニュー
///////////////////////////////////////*/
.linkmenu{
 display: grid;
 grid-template-columns: 1fr 1fr;
 height: 40px;
}
.linkmenu-inner{
 display: block;
 text-align: center;
 color: #333;
 font-weight: bold;
 background: linear-gradient(90deg, #b39855 0%, #fff9e6 50%, #b39855 100%);
 background-repeat: no-repeat;
 font-size: 0.9em;
 padding: 5px;
 opacity: 1;
}
.linkmenu-inner02{
 display: block;
 text-align: center;
 color: #333;
 font-weight: bold;
 background: linear-gradient(90deg, #BDC3C9 0%, #FFFFFF 50%, #BDC3C9 100%);
 background-repeat: no-repeat;
 font-size: 0.9em;
 padding: 5px;
}





/*///////////////////////////////////////
ポイント利用履歴テーブル
///////////////////////////////////////*/
.pointtable {
  border-collapse: collapse;
  width: 100%;
}
.pointtable th,
.pointtable td {
  padding: 1rem 2rem;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.pointtable th {
  font-weight: normal;
  font-weight: bold;
  color: #666;
  background: #eee;
}

@media (max-width: 768px) {
.pointtable, .pointtable th, .pointtable td, .pointtable tr {
 display: block;
}
.pointtable th {
 display: none; /* 見出しは非表示 */
}
.pointtable tbody{
 display: block;
 width: 100%;
}
.pointtable tr {
 margin-bottom: 1rem;
 border: 1px solid #ddd;
}
.pointtable td {
 display: flex;
 justify-content: space-between;
 padding: 1rem;
 text-align: left;
 border-bottom: none;
}
.pointtable td:before {
 content: attr(data-label);
 font-weight: bold;
 /*flex-basis: 40%;*/
 flex-basis: 30%;
 border-right: 1px solid #ddd;
}
}