.section {
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}
/*PC用 見出し　2023-11-22
---------------------------------------------------------------------------*/
/*見出し H2 */
.mid-2{
  font-size: 1rem;
  font-weight: 700;
  text-align: center;   
  margin-bottom: 10px;
  margin-top: 10px;
  color: #fff;
  line-height: 1.5;
  background: #387C9D;
  padding: 4px;
}
/*PC用 見出し　2019-8-3
---------------------------------------------------------------------------*/
/*---h3----*/
.mid-3{
	margin-bottom: 15px;
        margin-top: 22px;
	color: #FFF;		/*文字色*/
	padding: 10px 15px;	/*上下、左右への余白*/
	background: #58b2d0;	/*背景色*/
}

/*見出し H4
---------------------------------------*/
.mid-4{
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;   
  margin-bottom: 10px;
  margin-top: 10px;
}
@media (max-width: 767px){
.mid-4 {
margin-bottom: 15px;
margin-top: 10px;
}
}

/*トップページ用 table-002
=============================================*/

.table-002 {
border-collapse: collapse;
width: 100%;
}

.table-002 tr th {
width: 33.3333333333%;
padding: .625rem 0;
font-size: 14px;
font-weight: normal;
text-align: center;
 border-top-left-radius: 20px;
 border-top-right-radius: 20px;
}

.table-td-cell-02-001 {
background: #f1c088;
color: #4b4b4b;
}

 .table-002 tr td {
padding: .5rem;
font-size: .75rem;
line-height: 1.344;
color: #545454;
background: #eae6dd;
text-align: center;
}

 .table-002 tr td>span {
   display: block;
   font-size: 20px;
   font-weight: bold;
 }

@media (max-width: 767px){
.table-002 {
width: calc(100% - 1rem);
margin-right: auto;
margin-left: auto;
}
}

.table-td-cell-02-002 {
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
}

.table-td-cell-03-002 {
  border-bottom: solid 1px #fff;
}

.table-td-cell-04-002 {
 border-right: solid 1px #fff;
 border-bottom-left-radius: 20px;
}

.table-td-cell-05-002 {
 border-bottom-right-radius: 20px;
}

/*トップページ用 table-001
=============================================*/
.table-001 {
  display: table;
   width: 100%;
   table-layout: fixed;
}

.table-001 .table-td-001 .table-td-title-001 {
padding: .625rem 0;
font-size:clamp(14px,3.67%,10px);
font-weight: normal;
color: #fff;
}

.table-001 .table-tr-001 {
  display: table-row;
}

.table-001 .table-td-001 {
   display: table-cell;
   width: 25%;
   text-align: center;
}

.table-001 .table-td-001:not(:last-of-type)  {
border-right: solid 1px #fff;
}

.table-001 .table-td-001 .table-td-item-001 {
padding: .5rem;
font-size: .75rem;
font-size: 20px;
font-weight: bold;
line-height: 1.344;
color: #545454;
background: #f2f2f2;
}

 .table-001 .table-td-001 .table-td-title-001.table-td-cell-01-001 {
background: #463628;
border-top-left-radius: 20px;
}

.table-001 .table-td-001 .table-td-title-001.table-td-cell-02-001 {
background: #f1c088;
color: #4b4b4b;
}

.table-001 .table-td-001 .table-td-title-001.table-td-cell-03-001 {
background: #e5e1d6;
color: #4b4b4b;
}

.table-001 .table-td-001 .table-td-title-001.table-td-cell-04-001 {
background: #8d7f71;

}

.table-001 .table-td-001 .table-td-title-001 {
padding: .625rem 0;
font-size:clamp(14px,3.67%,10px);
font-weight: normal;
color: #fff;
}

.table-001 .table-td-001:last-of-type .table-td-item-001 {
border-bottom-right-radius: 20px;
}

@media (max-width: 767px){
 .table-001 .table-td-001 .table-td-title-001 {
font-size: 14px;
}
}

@media (max-width: 767px){
 .table-001 {
display: block;
}
}

@media (max-width: 767px){
 .table-001 .table-tr-001 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}

@media (max-width: 767px){
 .table-001 .table-td-001 {
width: 48%;
}
}

@media (max-width: 767px){
 .table-001 .table-td-001:nth-last-child(2) .table-td-item-001 {
border-bottom-left-radius: 20px;
}
}

@media (max-width: 767px){
.table-001 .table-td-001 .table-td-title-001.table-td-cell-02-001 {
border-top-right-radius: 20px;
}
}

@media (min-width: 768px){
.table-001 .table-td-001 .table-td-title-001.table-td-cell-04-001 {
border-top-right-radius: 20px;
}
}

@media (min-width: 768px){
.table-001 .table-td-001:first-of-type .table-td-item-001 {
border-bottom-left-radius: 20px;
}
}

/* Tabs-001 */
.tabs-001 {
  width: 100%;
  margin: auto;
  flex-wrap: wrap;
  display: flex;
}
 
.tab_class {
  /*width: calc(100%/1.9);*/
  width: 49%;
  height: 50px;
  background-color: #eee;
  line-height: 50px;
  font-size: 15px;
  text-align: center;
  display: block;
  /*float: left;*/
  order: -1;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

.tab_class:not(:last-child){
  margin-left: 3px;
}
 
input[name="tab_name"] {
  display: none;
}
 
input:checked + .tab_class {
  background-color: cadetblue;
  color: aliceblue;
  box-shadow: none;
  padding: .1rem .5rem .1rem .5rem;
}

input:checked + .tab_class_02 {
  background-color: #608BDB;
  color: aliceblue;
  box-shadow: none;
  padding: .1rem .5rem .1rem .5rem;
}

.content_class {
  display: none;
  width: 100%;
  padding-top: 10px;
}
 
input:checked + .tab_class + .content_class {
  display: block;
}

/* Table-001 4段重*/
.table-004{
 width: 100%;
}

.table-004 th {
  /*background: cadetblue;*/
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}

.table-004-th-01 {
  background-color: cadetblue;
}
 
.table-004-th-02 {
  background-color: #608BDB;
}
 
.table-004 td {
  padding: 10px;
  border: solid 1px #ccc;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .table-004 {
    width: 100%;
  }
  .table-004 th,
  .table-004 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

/*メインナビゲーション
=============================================*/
.blank-02 {
   height: 100px;/* fixed用 空白*/
}
.wrapper {
  margin: 0;
}
.nav-wrapper {
   width: 100%;
   height: 90px;
   border-bottom: 1px solid #ccc;
   display: flex;
   position: fixed;
   z-index: 15;
   top: 0;
   left: 0;
   background: #fff;
   justify-content: space-around;
   align-items: center;
}

.right-list {
   display: flex;
   justify-content: space-around;
   align-items: center;
}


@media screen and (max-width: 900px) {
  .right-list {
     visibility: hidden;
  }

}

@media screen and (max-width: 460px) {
  .nav-wrapper h1 {
      margin-left: 80px;
  }
}

@media screen and (max-width: 400px) {
  .nav-wrapper h1 {
      margin-left: 125px;
  }
}

@media screen and (max-width: 350px) {
  .nav-wrapper h1 {
      margin-left: 160px;
  }
}
/* ハンバーガーメニュー
================================================*/
.blank-01 {
   height: 320px;/* fixed用 空白*/
}
.menu-btn {
    position: fixed;
    top: 10px;
    right: 10px;
   display: flex;

    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #3584bb;
    opacity: 0.8;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

#menu-btn-check {
    display: none;/*チェックボックスを隠す*/
}

.menu-content {
    width: 50%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #463628;
    transition: all 0.5s;/*アニメーション設定*/
    opacity: 0.7;
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 15px 10px;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}

#menu-btn-check:checked ~ .menu-content {
   left:60%;/*メニューを画面内へ*/
}

/* ヒーローヘッダー hero-header
================================================*/
.cc-page-index .hero-header{

}

.hero-header img{
height: 320px;  
position: absolute;
  width: 100%;
  max-width: 100%!important;
  object-fit: cover;
  margin: 0 5px;
  padding: 0;
}

/*
TABLE-01 レスポシブル2列から1列 767px以下
================================================ */

.table-01 {
width: 100%;
text-align: left;
}

.table-01 th,
.table-01 td {
border: 1px solid #ccc;
padding: 10px;
background-color: var(--white);
}

.table-01 th {
font-weight: bold;
background-color: #dedede; 
}

@media screen and (max-width: 320px) {/*iPhone SE以下*/
.table-01,
.table-01 tr,
.table-01 td,
.table-01 th {display:block;}
.table-01 th {width:auto;}
}

@media screen and (max-width: 320px) {/*iPhone SE以下*/

.table-01 th, td{
  width: 300px;
}

}




/*PC用 ボタン3 修正 2021-3-22
----------------------------------------*/

.btn-3{
caret-color: #000000; 
color: #2f322a; 
width: 100%;
}

.btn-3-1{
height: auto;
margin: 0px; 
padding: 15px 0px ; 
border-bottom: 1px solid #b7cde3; 
border-top: 1px solid #ffffff; 
-webkit-box-shadow: #b7cde3 0px 0px 1px inset; 
box-shadow: #b7cde3 0px 0px 1px inset;
}

.btn-3-3{
  text-align: center;
}
.btn-3 h2 {
  margin-bottom: 8px; 
  padding: 8px 10px; 
  background-color: #205f9a; 
  font-size: 2.7vw; 
  font-weight: bold; 
  border-radius: 3px; 
  color: #ffffff; 
  -webkit-box-shadow: #99a6b2 0px -1px 0px; 
  box-shadow: #99a6b2 0px -1px 0px;
}

.btn-3-5{
  margin-bottom: 6px; 
  font-size: 1.5vw; 
}

.btn-3-6{
  background-color: #fff; 
}

.btn-3-6-a {
  text-decoration: none !important;
  padding: 17px 0 13px 0; 
  background-image: linear-gradient(#ffffff 0px, #ffffff 50%, #f1f1f1 51%, #f1f1f1 100%); 
  display: block;
  border-radius: 3px; 
  text-shadow: #ffffff 0px 1px 0px; 
  -webkit-box-shadow: #ffffff 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.298039) 0px 1px 3px;
  box-shadow: #ffffff 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.298039) 0px 1px 3px; 
  font-weight: bold; 
  color: #f39800!important; 
  font-size: 3vw;/* ビューポートに2023-9-26 */
}

.btn-3-6-1-span {
font-size: 1.5vw;
}

.btn-3-a-1{
padding: 17px 0 16px 0; 
background-image: linear-gradient(#ffffff 0px, #ffffff 50%, #f1f1f1 51%, #f1f1f1 100%); 
display: block; 
border-radius: 3px; 
text-shadow: #ffffff 0px 1px 0px; 
-webkit-box-shadow: #ffffff 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.298039) 0px 1px 3px;
 box-shadow: #ffffff 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.298039) 0px 1px 3px; 
font-weight: bold; 
text-decoration: none !important;
color: #3477a1 !important; 
font-size: 3vw;
}




/*PC用 スタッフ募集 2019-8-17
---------------------------------
*/
#staff-1 {
margin:0;
padding:0;
clear:both;
box-sizing: boder-box;
}
#staff-1 dl{
color: #000000; 
box-sizing: inherit; 
font-size: 1.1rem; 
border-top-width: 1px; 
border-top-style: solid; 
border-top-color: #d4d9e2; 
padding: 20px 30px; 
margin: 0px; 
display: flex; 

}

#staff-1 dt {
box-sizing: inherit; 
color: #7b879f; 
margin: 0px; 
width: 165px; 
}
#staff-1 dd {
box-sizing: inherit; 
margin: 0px; 
width: calc(100% - 165px); 
padding: 2px 0px 0px; 
}

/*PC用 よくあるご質問 2019-8-11
----------------------------------*/
.query-1 {
clear: both;
margin-top: 1.5em;
  }

.query-1 dl {
color: #000000; 
clear: both; 
padding: 10px 20px 20px; 
border: 1px solid #f3e3d3; 
}
.query-1 dt {
width: 850px; 
color: #ec8413;  
min-height: 45px; 
margin: 0px; 
padding: 7px 0px 0px 78px; 
font-size: 1.2em; 
background-image:url(https://u.jimcdn.com/cms/o/s9dfc8b0d7f2d3847/userlayout/img/q.png?t=1566453687);
background-repeat: no-repeat no-repeat;
line-height: 1.3;
}
.query-1 dd {
width: 850px; 
padding-left: 70px; 
padding-bottom: 15px; 
clear: both; 
margin: 0px 0px 15px; 
border-bottom-width: 1px; 
border-bottom-style: dotted;
border-bottom-color: #dadada;
font-size: 1em;
line-height: 1.3;
}
/*もっと見るボタン*/
.mottomiru{
color: #777777; 
border: 1px solid #dadada; 
padding: 7px 15px; 
float: right; 
font-weight: bold; 
margin: 5px 30px 0px 20px; 
transition: all 0.25s;
}
.mottomiru a{
font-size: 1.3em;
}


/*PC用 特定商取引法 2019-08-11
---------------------------------
*/
.company-2 {
margin-top: 20px;
}
.company-2 h2{
box-sizing: border-box; 
font-size: 21px; 
margin-top: 20px; 
margin-bottom: 20px; 
}
.company-2 table th{
vertical-align: top; 
padding: 14px 20px; 
border: 1px solid #dddddd; 
font-weight: 400; 
background-color: #eeeeee; 
}
.company-2 table td{
vertical-align: top; 
padding: 14px 20px; 
border: 1px solid #dddddd; 
}
.company-2 table td p{
line-height: 1.4;
font-size: 1.1em;
}


/*PC用 フォーム 調整 WEBインスペクタから適用
---------------------------------
*/
#cc-m-form-14978717224 a{
  font-size: 16px;
line-height: 2.8;
margin-left: 13px;
}
.j-m-required{
  color: red;
}
#cc-m-form-11391448777 a{
  font-size: 16px;
line-height: 2.8;
margin-left: 13px;
}
#cc-m-form-11391545577 a{
  font-size: 16px;
line-height: 2.8;
margin-left: 13px;
}
#cc-m-form-11391542077 a{
  font-size: 16px;
line-height: 2.8;
margin-left: 13px;
}

/*PC用 各店の上部 店舗案内 table 2019–8-10
----------------------------------*/
#shop-3 table {
margin10px; 
width: 95%;
}

#shop-3 table td{
padding: 7px; 
font-size: 1.1em; 
font-weight: 400; 
color: 24100d; 
border-bottom: 1px solid #ccc; 
text-align: center;
}
#shop-3 table td:first-child{
 width: 30%;
text-align: right;
}



/*PC用 トップページ 大きな画像 2019–8-3
----------------------------------*/
#big-img-1{
padding: 9px 0;
background-image:url(content-head-top-1.png);
background-position: 0px 80px; 
background-repeat: no-repeat no-repeat;
height: 400px; 
text-align: center;
margin-top: 30px; 
background-color: #fff;
}
#big-img-1 h1{
color: #0257bc; 
font-size: 40px; 
background-color: #fff;
}
#big-img-1 p {
padding-top: 300px; 
font-size: 26px; 
font-weight: bold;
}












/*PC用 出張買取地域 2019-6-25移植
--------------------------------------------*/
.syucchou {

}

.syucchou h2 {
	clear: both;
	margin-bottom: 15px;
	color: #FFF;		/*文字色*/
	padding: 10px 15px;	/*上下、左右への余白*/
	background: #58b2d0;	/*背景色*/
        font-size: 1.5em; /*2019-4-16追加*/
 
}

.syucchou-2 {
  padding: 15px;
  border: solid 1px #f3e3d3; 
  padding: 20px; 
  font-size: 1.3em; 
}
.syucchou-2 h3{
margin: 10px 0 10px 0; 
font-size: 1.3em;
padding: 8px 0 8px 10px; 
background-color: #63e884; 
color: #fff;
}
.syucchou-2 p {
  font-size: 1.2em;
  
}

.syucchou-2 table th {
   font-size: 1.4em;
   padding: 10px 5px 0 5px;
   text-align: left;
   font-weight: 400;
   margin-top: 20px;
   color: #715ae7;
}
.syucchou-2 table td{
  font-size: 1.3em;
  padding: 10px 0 10px 15px;
}
/*—————出張買取地域 終わり---------------------*/




/*--------------画像添付用 テーブル 19/01/24作成 PC用
-------------------=--------------------*/
.send-img {
  margin:0;
  padding:0;
  margin-top: 10px;
 }
 .send-img td:first-child{
  border: solid 2px #aaa;
  width: 30%;
  text-align: center;
  vertical-align: middle;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  background-color: #ccc;
 }
 .send-img td{
  border: solid 2px #aaa;
  padding: 10px;
 }
.send-img td a{
  color: #154577;
}



/*フッターメニュー　５月１６日修正　移植　質屋関連削除
PC版のみ　５月３０日移植
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	overflow: hidden;
	padding: 30px 0 40px 50px;
	margin:0;
        margin-top: 50px;
	border-top: solid 1px #dcdcdc;
        background-color: #fff;
}
#footermenu h5 {
   margin:0;
   padding: 0;
   margin-bottom: 10px;	
   font-size: 1.2em;
   color: #888;
}
/*１行分の設定*/
 #footermenu ul {
        margin:0;
        padding: 0;
	float: left;	
	width: 16%;	
        
}
#footermenu ul:nth-child(5){
       width: 30%;
       margin-left: 10px;
}
#footermenu li {
   list-style-type: none;
      font-size: 1em;
}
#footermenu li a{
   padding: 4px 2px;
   text-decoration: none;	
   color: #0062a0;
}
#footermenu li a:hover {
  text-decoration: underline;
}

/*  Typo
----------------------------------------------- */
a {
}

a:link, a:visited
{
}
a:active { 	
  opacity: 0.7;
}
a:hover { 
  opacity: 0.8;
}
/*  Layout
----------------------------------------------- */

#container
{
margin:0 auto;
padding: 0;
background:#fff;
}

#header
{
}

#header h1,
#header a
{
    padding:0;
    font-size:30px;
    font-weight:normal;
    text-decoration:none;
    line-height:1.3em;
    text-align:right;
}

#header a:hover { text-decoration:none;  }


/*navigation-----------------------------------------------*/
#navigation
{
    width:100%;
    padding:0;
    margin: 0;
    background: #FFF;

}

#sidebar
{
    padding-top:10px;
}


/*content-----------------------------------*/
#content
{

　　 background-color: #fff;
    
}

#footer
{
    clear:both;
    margin-top:10px;
    background:url(footer-bg.gif) repeat-x top;
    height:65px;
}

#footer .gutter 
{
    height:30px;
    padding:35px 15px 0 90px;
}

/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
}


ul.mainNav1 li,
ul.mainNav2 li
{
    display: inline;
    margin: 0;	
    padding: 0;
}


ul.mainNav1 li a,
ul.mainNav2 li a
{
    font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    border-bottom:1px solid #CCC;
}


ul.mainNav1 li a { padding:4px 4px 4px 4px; }
ul.mainNav2 li a { padding:4px 4px 4px 14px; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }


ul.mainNav1 a:hover
{
    background:#EEE;
    color:black;
}

ul.mainNav1 a.current { font-weight:bold; }