@charset "utf-8";

.text-strong {
    color: #ff3f00; /* 強調テキストの色*/
}

.area {
}

.flow {
}

.flow__title {
    background-color: #9c3; /* 買取の流れの項目の背景色 */
    color: --white-color; /* 文字色 */
}

.flow__title::after {
    color: #9c3; /* アコーディオン開閉アイコンの色 */
}

.flow__number { /* STEP の色 */
    border-color: #ff8000;
    color: #ff8000;
}

.flow__item {
}

.flow__item:not(:last-child)::after {
    border-color: #afd264 transparent transparent; /* 下矢印の色 */
}

.footer {
}

.form {
    background-color: #eee; /* フォームの背景色 */
}

.form table,
.form th,
.form td {
}

@media (min-width: 768px) {
    .form table,
    .form th,
    .form td {
        border-color: #333; /* ボーダーの色 */
    }
}

.form th {
    background-color: #60ac8f; /* 項目名の背景色 */
}

.form td {
}

@media (min-width: 768px) {
    .form td {
        background-color: #fff;
    }
}

.form input[type="text"] {
    border-color: #9c3; /* 入力フォームのボーダー色 */
    background-color: #fff;
}

.form textarea {
    background-color: #fff;
    border-color: #9c3;
}

.form .button-confirm {
    background-image: url(/hyogo/kako/sougou/image/form-submit.png);
}

.form .button-post {
    background-image: url(/hyogo/kako/phone/image/form-post.png);
}

.form .required {
    color: #ff8000;
    background-color: #ff0;
}

.header {
}

.visual {
    border-top-color: #ff8000; /* ヘッダーのボーダーの色 */
}

@media (min-width: 768px) {
    .visual {
        background-color: #fed; /* メインビジュアルの背景色 */
        border-top-color: #ff8000;
        border-bottom-color: #ff8000; /* メインビジュアルの下ボーダー */
    }
}

/* 店舗情報のボーダー・文字色 */

.info {
}

.info__name {
    border-top-color: #9c3;
    border-bottom-color: #9c3;
    color: #9c3;
}

.info__content {
}

@media (min-width: 768px) {
    .info__content {
        border-top-color: #9c3;
    }

    .info__content:last-child {
        border-bottom-color: #9c3;
    }
		.info__telimg {
		height: 50px;
		display: inline-block;
	}
	.info__lineimg {
		height: 50px;
		display: inline-block;
	}
	.info__telimg img {
		height: 100%;
    max-width: 100%;
    vertical-align: middle;
	}
	.info__lineimg img {
		height: 100%;
    max-width: 100%;
    vertical-align: middle;
	}
}


@media (max-width: 767px) {

	.info__telimg {
		height: 45px;
		display: inline-block;
	}
	.info__lineimg {
		height: 45px;
		display: inline-block;
	}
	.info__telimg img {
		height: 100%;
    max-width: 100%;
    vertical-align: middle;
	}
	.info__lineimg img {
		height: 100%;
    max-width: 100%;
    vertical-align: middle;
	}
}


.info__map {
}

.info__map > p {
}

.info__map > p::before,
.info__map > p::after {
    background-color: #9c3; /* 地図リンクの左の矢印アイコン */
}

.item {
    background-color: #9c3; /* 買取品目の背景色 */
}

.item li {
    background-color: #fff;
}

.item li span {
    color: #ff8000; /* アイテム名の文字色 */
}

.item__notice {
    color: #fff;
}

.line {
}

@media (min-width: 768px) {
    .line {
        background-color: #00c402;
    }
}

.merit {
    background-color: #ffefc6;
}

.merit__title {
    background-image: url(/hyogo/kako/sougou/image/merit-bg-box.png), url(/hyogo/kako/sougou/image/merit-bg.png);
    color: #333;
    border-color: #fff;
}

.merit__number {
    color: #fff; /* 数字部分の文字色 */
    background-color: #422615; /* 数字部分の背景色 */
}

.reason {
}

.staff {
}

.staff__item {
}

.staff__item > p {
    color: #9c3; /* スタッフ写真上部テキストの色 */
}

.staff figure img {
    border-color: #9c3; /* スタッフ写真のボーダーの色 */
}

.section-heading {
    color: #ff8000; /* 各セクションタイトルの色 */
}

.section-heading span {
    border-bottom-color: #d7e8b1; /* 下線の色 */
}

.section-heading--white {
    color: #fff;
}

.fixedbar {
    background-color: #edea72; /* フッターの背景色 */
}