@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,
legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}

html {
scroll-behavior:smooth;
overflow: auto;
}
body {
-webkit-print-color-adjust: exact;
overflow:hidden;
font-size: 16px;
line-height:1.6;
color:#000;
font-feature-settings: "palt";
font-family:
"Noto Sans JP",
"Hiragino Sans",
"Hiragino Kaku Gothic ProN",
"Yu Gothic",
"YuGothic",
"Meiryo",
sans-serif;
font-weight:400;
letter-spacing: 1px;
}

input,select,textarea,button{
font-weight:400;
transform: rotate(0.05deg);
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dd,dt{
margin:0;padding:0px;
font-weight:500;
transform: rotate(0.05deg);
}
p{
transform: rotate(0.05deg);

}

li {
list-style: none;
margin: 0;
padding: 0;
}


a {
text-decoration: none; 
color:#494949;
transform: rotate(0.05deg);
}
a:hover {
text-decoration: none;
transform: rotate(0.05deg);
}
/*a img:hover { opacity: 0.9; -moz-opacity: 0.9;}*/
a img {
border-style:none;
}

img {
max-width: 100%;
vertical-align: bottom;
}

button{
background-color: transparent;
border: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

textarea{
resize: vertical;
min-height: 3em;
max-height: 25em;
height: 10em;
}

button:focus,
input:focus,
select:focus,
textarea:focus{
outline: none;
}
button:hover{
cursor:pointer
}

table{
border-collapse: collapse;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/*--------------------------------------------------------
定数 ※個別設定
--------------------------------------------------------*/

/*共通設定*/
.pc-none{
display: none;
}

.row{
width:100%;
margin:0 auto;
text-align:center;
}
.in_row{
width:100%;
max-width: 1100px;
margin: 0 auto;
text-align:center;
}


/* IE hack */
_:-ms-input-placeholder, :root 
.boxsample {
display: flex; /* 子要素をflexboxで揃える */
flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
justify-content: center; /* 子要素をflexboxにより中央に配置する */
align-items: center;  /* 子要素をflexboxにより中央に配置する */
}
/*firefox hack*/
@-moz-document url-prefix() {
div.boxsample{
-webkit-border-radius: 5px;/* for Safari and Chrome */
-moz-border-radius: 5px; /* for Firefox */
-o-border-radius: 5px; /* for opera */
border-radius: 5px;
}
}


/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
div.head_main{
width: 100%;
}
div.head_in{
max-width: 1100px;
width: 100%;
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 0 10px;
}
div.head_logo_area{width: 20%;}
div.head_logo_area img{width: 100%;}
div.head_navi_area{

}

/*--------------------------------
ナビゲーション
---------------------------------*/
.hamburger{
display:none;
}
.globalMenuSp{

}
.globalMenuSp ul{
display:flex;
justify-content:center;
align-items:center;
}
.globalMenuSp ul li{
margin:0 0 0 15px;
}
.globalMenuSp ul li a{
font-size:14px;
color:#000;
}
.globalMenuSp ul li a:hover{
color:#005aff;
}
.head_btn{
margin:0 0 0 25px;
padding:17.5px 20px;
font-size:14px;
color:#fff !important;
background-color: #b59357;
border-radius: 2px;
transition: all 0.7s ease;
}
.head_btn:hover{
opacity:0.7;
}

/*--------------------------------------------------------
key visual
--------------------------------------------------------*/
div.top_kv{
width: 100%;
position: relative;
padding:7% 0;
box-sizing:border-box;
background-image:url(../images/kv_bg.jpg);
background-size: cover;
background-position: center center;
}
.top_kv_in{
width: 100%;
margin: 0 auto;
}
.top_kv_in h1 img{
width: 60%;
display: block;
margin: 0 auto 0 auto;
}
.top_kv_in h2 img{
width: 50%;
display: block;
margin: 0 auto 0 auto;
}

.t_banner{
width: 100%;
max-width: 1100px;
padding:60px 15px 0px 15px;
}
.t_banner img{width: 100%;}



/*--------------------------------
cta
---------------------------------*/
div.cta{

padding:20px 0 0;
}
div.cta_in{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px;
box-sizing: border-box;
}
div.cta_btn{width: 70%;margin: 0 auto;}
div.cta_btn img{width: 100%;}

div.cta a{
transition: all 0.7s ease;
display:inline-block;
}
div.cta a:hover{
opacity:0.7;
}


/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
div.footer{
margin-top:35px;
background-color: #eeeeee;
}
.footer_in{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
padding:20px 0 0px;
}
ul.foot_navi{
padding:40px 40px 40px 0;
}
ul.foot_navi li{
text-align:left;
padding:0 0 10px 15px;
box-sizing:border-box;
position:relative;
}
ul.foot_navi li::before {
position: absolute;
top: 12px;
left: 0px;
transform: translateY(-50%);
width: 0px;
height: 0px;
border: 0.3em solid transparent;
border-left: 0.3em solid #062853;
content: "";
}
ul.foot_navi a{
font-size:14px;
}
ul.foot_navi a:hover{
color:#062853;
}
div.foot_logo{
width: 25%;
margin-left:auto;
padding:30px 0 0 0;
}
div.foot_logo img{
width: 100%;
}
div.copy{
background:#062853;
margin-top: 20px;
border-top: 1px solid #fff;
padding: 20px 0 20px;
}
.copy h5{
font-size:12px;
color: #fff;
font-weight: normal;
}

/*page top*/
#page_top{
    width:39px;
    height:39px;
    border-radius:2px;
    position:fixed;
    right:10px;
    bottom:10px;
    background:#b59357;
}

#page_top a{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    text-decoration:none;
}

#page_top a::before{
    content:"";
    position:absolute;
    top:55%;
    left:50%;
    width:10px;
    height:10px;
    border-top:2px solid #fff;
    border-left:2px solid #fff;
    transform:translate(-50%,-50%) rotate(45deg);
}

/*--------------------------------------------------------
コンテンツ
--------------------------------------------------------*/
div.title_area{
margin: 50px 0 40px 0;
padding:15px 0 15px;
border-bottom:2px solid #ccc;
}
div.title_area h2{
font-size:30px;
font-weight: 600;
letter-spacing: 3px;
color:#333;
}


/*--------------------------------
買取強化中
--------------------------------*/
.enhanced{
    padding:40px 0px 0px 0px;
}

.enhanced_inner{
    max-width:1100px;
    margin:0 auto;
}

.enhanced_list{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}

.enhanced_item{
    position:relative;
}

.enhanced_bg{
    display:block;
    width:100%;
    height:auto;
}

.enhanced_content{
    position:absolute;
    inset:0;
    padding:10.5% 8% 7%;
    display:flex;
    flex-direction:column;
}

.enhanced_img{
    width: 78%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin: 0 auto;
}

.enhanced_item a img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    transition: transform .6s ease;/* ゆっくり変化させる */
}
.enhanced_item a img:hover{
transform: scale(1.1);/* 拡大 */
}

.enhanced_text{
    height:30%;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    text-align:center;
    padding-bottom:2%;
}

.enhanced_name{
    margin:0 0 10px;
    color:#fff;
    font-size:clamp(10px,1vw,13px);
    font-weight:700;
    line-height:2.5;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    border-bottom: 1px solid #a38338;
}

.enhanced_price_area{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
}

.enhanced_label{
    position:relative;
    color:#fcdc88;
    font-size:10px;
    font-weight:400;
    line-height:1;
    padding:4px 0;
}

.enhanced_label::before,
.enhanced_label::after{
    content:"";
    position:absolute;
    left:0;
    width:100%;
    height:1px;
    background:#c7a24a;
}

.enhanced_label::before{
    top:0;
}

.enhanced_label::after{
    bottom:0;
}

.enhanced_price{
    color:#fcdc88;
    font-size:clamp(16px,1.8vw,24px);
    font-weight:900;
    line-height:1;
    font-family:
        "Yu Mincho",
        "Hiragino Mincho ProN",
        "HGS明朝E",
        serif;
}

.enhanced_price::before{
    content:"¥";
    font-size:.8em;
    margin-right:2px;
}

@media screen and (max-width:1100px){
    .enhanced_list{
        grid-template-columns:repeat(2,1fr);
    }
    .enhanced_name{
        font-size:clamp(11px,1.1vw,18px);
    }
    .enhanced_text{
        height:30%;
        display:flex;
        flex-direction:column;
        justify-content:flex-end;
        text-align:center;
        padding-bottom:8%;
    }
}

/*sv*/
div.sv{
margin-top:40px;
}
div.sv_in{
width: 100%;
max-width:1100px;
margin:0 auto;
}
ul.sv_list{
margin:0;
padding:0;
list-style:none;
display:grid;
grid-template-columns:repeat(5,1fr);
gap:25px;
}

@media screen and (max-width:1100px){
ul.sv_list{
grid-template-columns:repeat(3,1fr);
}
}

ul.sv_list li{
background:#eaeaea;
padding:0px;
box-sizing:border-box;
overflow:hidden;
position: relative;
}
ul.sv_list li img{
width: 84%;
margin: 8% auto 4% auto;
}
ul.sv_list li h3{
font-size:13px;
font-weight: 600;
line-height:1.5;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width: 84%;
margin: 0 auto;
}

div.sv_price{
display:flex;
justify-content:space-between;
margin: 4% 0 0 0;
padding: 0;
}

div.bg_red{
box-sizing: border-box;
padding:10px;
font-size:9px;
line-height:1.3;
color:#fff;
background:#ce0f0f;
font-weight:400;
display:flex;
align-items: center;
justify-content: center;
}
div.bg_gold{
box-sizing: border-box;
padding:10px;
font-size:9px;
line-height:1.3;
color:#fff;
background:#b59357;
font-weight:400;
display:flex;
align-items: center;
justify-content: center;
}

.sv_list p{
font-size:12px;
margin: 10px 0 0 0;
}
div.sv_price h4{
text-align: center;
box-sizing: border-box;
min-width:0;
flex:1;
font-size:clamp(11px,1.1vw,18px);
line-height:1;
color:#fff;
padding:10px 0px;
font-weight:900;
font-family:
"Yu Mincho",
"Hiragino Mincho ProN",
"HGS明朝E",
serif;
background:#13100a;
}
div.sv_price h4::before{
    content:"¥";
    font-size:.7em;
    margin-right:2px;
}

.sv_list li a img{
transition: transform .6s ease;/* ゆっくり変化させる */
}
.sv_list li a img:hover{
transform: scale(1.05);/* 拡大 */
}


.item_cv{
position: relative;
bottom:0;
width: 100%;
background-color:#fff;
padding:10px 0 30px 0;
}
.item_cv img{
width: 96%!important;
margin: 0 auto 0 auto!important;
padding: 0 0 0 0!important;}

.item_cv02{
position: relative;
bottom:0%;
width: 100%;
background-color:#fff;
padding: 0;
margin: 0 0 -22.5% 0;
}
.item_cv02 img{
width: 96%!important;
margin: 10px 2% 0 2%!important;
padding: 0 0 0 0!important;}

.cv_padding{
margin: 0 0 30% 0;
}

/*about*/
div.about{
padding:40px 0 20px;
}
div.about_wrap{
width: 100%;
max-width:1100px;
margin:0 auto;
display:flex;
justify-content:space-between;
align-items:center;
padding:0px 0 0px;
box-sizing:border-box;
}
div.about_l,div.about_r{
width:50%;
}
div.about_l img{
width:100%;
}
div.about_r p{
text-align:left;
font-size:16px;
line-height:2;
padding-left:40px;
margin: 10px 0;
}


/*flow*/
div.flow{
padding:40px 0 0;
}
div.flow_wrap{
padding:0px 0 0;
}
ul.flow_list{
display:flex;
justify-content:space-between;
align-items:stretch;
flex-wrap:wrap;
}
ul.flow_list li{
padding:0;
position:relative;
width:32%;
border:1px solid #ccc;
border-radius:5px;
box-shadow: 0px 0px 2px 1px #eaeaea;
}
ul.flow_list li img{
width:100%;
border-radius:5px 5px 0 0;
}
ul.flow_list li h4{
margin: 30px 0 0 0;
font-size:13px;
line-height: 13px;
font-weight: 600;
color:#fff;
padding:7px 15px;
border-radius:2px;
background-color: #b59357;
display:inline-block;
}
ul.flow_list li h3{
font-size:24px;
margin:15px 0 0 0;
}
ul.flow_list li p{
font-size:14px;
text-align:left;
width:100%;
padding:15px 25px 35px 25px;
box-sizing:border-box;
}



/*faq*/
div.faq{
padding:40px 0 0;
}
div.faq_wrap{
padding: 0;
}

dl.faq_list{
box-sizing: border-box;
margin: 25px auto 0px;
width:90%;
}
dl.faq_list dt{
cursor: pointer;
font-size:16px;
color:#fff;
text-align:left;
box-sizing: border-box;
padding:15px 0 15px 20px;
margin:10px 0 0px 0px;
background: #b59357;
border-radius: 5px;
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
}
dl.faq_list dt::before{
position: relative;
font-family: 'Poppins', sans-serif;
content:'Q';
font-size:24px;
display: inline-block;
background: #fff;
color: #b59357;
padding: 0 10px 0;
margin-right: 10px;
box-sizing: border-box;
border-radius:200px;
border: 3px solid #b59357;
}
dl.faq_list dd{
margin:0px auto;
border-radius: 0 0 5px 5px;
background: #f5f5f5;
padding:15px 15px 15px 20px;
box-sizing: border-box;
position: relative;
color:#000;
font-size:16px;
line-height: 1.7;
text-align:left;
display: flex;
justify-content: flex-start;
align-items: center;
}
dl.faq_list dd::before{
position: relative;
font-family: 'Poppins', sans-serif;
content:'A';
font-size:24px;
display: inline-block;
color: #b59357;
padding: 0 10px 0;
margin-right: 10px;
box-sizing: border-box;
border-radius:200px;
border: 3px solid #b59357;
}
/*accodion*/
dl.faq_list dt:after {
content: "";
position: absolute;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
width: 10px;
height: 10px;
top:25px;
right: 20px;
bottom:0;
margin:12px 0 0 0;
transform: rotate(45deg);
}
dl.faq_list dt.ac:after {
content: "";
position: absolute;
border-right: 0;
border-bottom: 0;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
width: 10px;
height: 10px;
top:30px;
right: 20px;
transform: rotate(-135deg);
}
dl.faq_list dt.ac{
border-radius: 5px 5px 0 0;
}

dl.faq_list dt.even1{
background: #eaeaea;
color:#000;
}
dl.faq_list dt.even1:before{
color: #b59357;
}
dl.faq_list dd.even2:before{
color: #b59357;
}
dl.faq_list dt.even1:after{
border-right: 2px solid #000;
border-bottom: 2px solid #000;
}


/*//////////////////////////////////
//下層ページ
//////////////////////////////////*/

div.kv_low{
width: 100%;
display:flex;
justify-content:center;
align-items:center;
}

div.low_title{
padding:60px 0 0px;
}
div.low_title h1{
color: #062853;
position: relative;
display: inline-block;
margin-bottom: 1em;
font-size:30px;
font-weight: 600;
letter-spacing: 3px;
}
div.low_title h1:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 60px;
height: 3px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #062853;
border-radius: 2px;

}


div.low_contents{
padding: 60px 0 20px;  
}



dl.privacy_faq{
margin:0 auto;
padding:0;
width:80%;
}
dl.privacy_faq dt{
font-size:18px;
text-align:left;
font-weight:500;
padding:8px 0 8px 0;
border-bottom:1px solid #666;
}
dl.privacy_faq dd{
font-size:14px;
text-align:left;
padding:15px 0 40px 0;
color:#666;
}


.tokute_wrap{
padding: 20px 0 20px;
}
table.toku_tb{
width: 80%;
border-collapse: collapse;
margin: 0 auto;
}
table.toku_tb th{
border-collapse: collapse;
width: 35%;
padding: 25px;
font-size: 14px;
text-align: center;
border: 1px solid #062853;
border-top:none;
border-left:none;
border-right:none;
font-weight: 500;
}
table.toku_tb td{
border-collapse: collapse;
width: 65%;
padding: 25px;
font-size: 14px;
text-align: left;
border: 1px solid #ccc;
border-top:none;
border-left:none;
border-right:none;
}



.cat_page_buy{
margin: 40px 0 0 0;
padding:80px 20px;
background:#f7f4ec;
}
.cat_page_sale{
margin: 40px 0 0 0;
padding:80px 20px;
background:#eeeeee;
}
.cat_in{
width: 100%;
max-width:1100px;
margin:0 auto;
}

.cat_list{
    margin:0;
    padding:0;
    list-style:none;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}
.cat_list li{
    transition:.3s;
}
.cat_list li:hover{
    transform:translateY(-5px);
}
.cat_list a{
    display:block;
}
.cat_img{
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}
.cat_img img{
    width:100%;

}

@media screen and (max-width:900px){
    .cat_list{
        grid-template-columns:repeat(2,1fr);
    }
}


.pager{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin:60px 0 0;
}

.pager a,
.pager span{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #b59357;
    box-sizing:border-box;
    text-decoration:none;
    font-size:16px;
    font-weight:700;
    line-height:1;
    transition:.3s;
}

.pager a{
    color:#b59357;
    background:#fff;
}

.pager a:hover{
    color:#fff;
    background:#b59357;
}

.pager .current{
    color:#fff;
    background:#b59357;
}

.pager .prev,
.pager .next{
    font-size:24px;
    font-weight:400;
}

@media screen and (max-width:600px){
    .pager{
        gap:6px;
        margin:40px 0 0;
    }
    .pager a,
    .pager span{
        width:40px;
        height:40px;
        font-size:14px;
    }
    .pager .prev,
    .pager .next{
        font-size:20px;
    }

}