@charset "UTF-8";

#contants * {
    box-sizing: border-box;
}

h1.title-primary {
    font-size: 36px;
    font-weight: bold;
    color: #192B5B;
    text-align: center;
    margin: 40px auto 70px;
}

.guide_wrap {
    font-size: 16px;
    line-height: 1.5;
    margin: 40px auto 70px;
    width: 1000px;
}

.guide_wrap * {
    line-height: 1.5;
}

.guide_wrap a.text_link {
    text-decoration: none;
    color: #0068B7;
}

/* index サービスガイド */
.guideMenuList {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: calc(235*3px + 40px);
    margin: 0 auto;
}

.guideMenuList.-bottom {
    margin: 80px auto 0;
}

.guideMenuList li {
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    height: 200px;
    text-align: center;
    width: 235px;
    margin-left: 20px;
}

.guideMenuList li:nth-child(3n+1) {
    margin-left: 0;
}

.guideMenuList li:nth-child(n+4) {
    margin-top: 20px;
}

.guideMenuList li img {
    height: 100px;
    margin: 0 0 10px;
    width: 100px;
}

.guideMenuList li a {
    display: block;
    height: 100%;
    padding: 20px 0 0;
    text-decoration: none;
}

.guideMenuList li a:hover {
    background: #EDF3FF;
}

.guideMenuList li p {
    color: #192B5B;
    padding: 0 10px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    word-break: break-word;
}

/* howto 買取お申し込みの流れ */
.stepBox_wrapper {
    background: linear-gradient(to right,transparent 49.6%, #C6C6C6 49.6%,#C6C6C6 50%,transparent 50%);
    margin-bottom: 40px;
}

.stepBox {
    border: 2px solid #192b5b;
    margin: 0 0 40px;
    padding: 80px 85px;
    position: relative;
    background: #fff;
}

.stepBox_wrapper .stepBox:last-child {
    margin-bottom: 0;
}

.stepBox p {
    line-height: 1.5;
}

.stepBox .num {
    margin: 0;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 96px;
    height: 96px;
}

.stepBox h2 {
    border-bottom: 2px solid #ffe24e; color: #192b5b;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0 0 5px;
    text-align: center;
}

img.step1_img {
    display: block;
    margin: 40px auto 0;
}

img.step2_img,
img.step4_img {
    display: block;
    margin: 40px auto;
}

.step1_inner,
.step3_inner {
    display: flex;
    justify-content: space-around;
}

ul.note_list{
    margin: 20px 0 0;
}

ul.note_list li {
    font-size: 14px;
    margin: 3px 0 0;
    padding-left: 1.2em;
    position: relative;
}

ul.note_list li:first-child{
    margin-top: 0;
}

p.note_text {
    font-size: 14px;
    margin: 20px 0 0;
    padding-left: 1.2em;
    position: relative;
}

ul.note_list li::before,
p.note_text::before {
    content: '※';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.guide_wrap .kaitori_btn_wrap{
    margin-top: 40px;
}

.guide_wrap .bnr_wrap{
    margin-top: 30px;
    text-align: center;
}

.guide_wrap .bnr_wrap a{
    display: inline-block;
}

/* id 本人確認書類について */
.id_box.-public {
	background: url(/v2/img/guide/id/public_icon.svg) no-repeat top 100px right / 150px auto;
}

.id_box + .id_box {
	margin-top: 40px;
}

.id_box h2 {
	color: #192b5b;
	font-size: 24px;
	font-weight: bold;
	line-height: calc(42/24);
}

.id_box h3 {
	color: #192b5b;
	font-size: 20px;
	font-weight: bold;
	line-height: calc(24/20);
}

.id_box h3.-fc_default {
	color: #333333;
}

.id_box p:not(.id_image),
.id_box ul,
.id_notes + h3 {
	margin-top: 20px;
}

.id_box p,
.id_box ul {
	line-height: calc(24/16);
}

.id_notes.-fs_s {
	font-size: 14px;
}

.id_notes li {
	text-indent: -1em;
	padding-left: 1em;
}

.id_useList {
	display: flex;
	flex-wrap: wrap;
	gap: 0px 20px;
	margin-top: 40px;
}

.id_useList > li {
	width: 490px;
	padding: 40px 0;
	border-bottom: 1px solid #dddddd;
}

.id_useList > li:nth-of-type(-n + 2) {
	border-top: 1px solid #dddddd;
}

.id_useList > li img {
	display: block;
	width: fit-content;
	margin: 20px auto 0;
}

.id_useList > li ul {
	margin-top: 0;
}

.id_image {
	margin-top: 10px;
}

/* unsalable 買取できない商品について */
.preparation_head_box{
    margin-bottom: 40px;
}

.preparation_box {
    border-top: 1px solid #ccc;
    background: #fff;
    padding: 40px 0;
}

.preparation_box h2 {
    color: #192B5B;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px;
}

.preparation_box.-bottom {
    border-bottom: 1px solid #ccc;
}

.preparation_box ul{
    margin-bottom: 20px;
}

.preparation_box ul:last-child{
    margin-bottom: 0;
}

ul.text_list li {
    font-size: 16px;
    margin: 0;
    padding-left: 1.2em;
    position: relative;
}

ul.text_list li:last-child {
    margin-bottom: 0;
}

ul.text_list li::before {
    content: "・";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

ul.text_list li.-note::before {
    content: "※";
}

.guide_wrap .nav_wrap{
    background: #F0F0F0;
    margin: 0 auto 40px;
    padding: 10px 0;
    margin-inline: calc(50% - 50cqi);
    width: 100vw;
}

.guide_wrap .nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    width: 1000px;
}

.guide_wrap .nav li{
    margin-left: 10px;
    width: 242px;
    height: 80px;
}

.guide_wrap .nav li:first-child{
    margin-left: 0;
}

.guide_wrap .nav a{
    background: #FFF;
    border-radius: 4px;
    color: #192B5B;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 100%;
}

.guide_wrap .nav a:hover{
    background: #EDF3FF;
}

.guide_wrap .num_list{
    list-style: none;
}

.guide_wrap .num_list li{
    padding-left: 1.1em;
    text-indent: -1.1em;
}

.guide_wrap .flex_wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.guide_wrap .flex_wrap .text_wrap{
    flex: 1;
}

.guide_wrap .flex_wrap .img_wrap{
    width: 150px;
}

.-unsalable .preparation_box h2{
    font-size: 24px;
    margin: 0 0 20px;
}

.-unsalable .preparation_head_box .note_list {
    margin: 10px auto 13px;
}

.-unsalable .preparation_box .note_text + .text_list {
    margin: 10px auto 0;
}