@charset "utf-8";
/*
Theme Name:audio-west_202105
Text Domain:
Author:
Author URI:
*/
/*common
----------------------------------------------------*/
/* 設定 */
* {
  /*游ゴシック*/
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 0;
  color: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  /*font-feature-settings: 'palt';*/
}
.robo {
  font-family: "Roboto Condensed", sans-serif;
}
.abel {
  font-family: "Abel", sans-serif;
}
/* 明朝体 */
.mincho {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
}
html {
  font-size: 62.5%;
  margin: 0;
  padding: 0;
}
body {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  overflow-x: hidden;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: bottom;
}
a {
  text-decoration: none;
  color: #000;
}
ul,
li {
  list-style: none;
}
/* float */
.fLeft {
  float: left !important;
}
.fRight {
  float: right !important;
}
/* clearfix */
.cf:after {
  content: "";
  display: block;
  clear: both;
}
/* align */
.cen {
  text-align: center !important;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
/* text-indent */
.indent {
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
/* font-size */
/* margin,padding */
/* -------------------------------------------------
layout
----------------------------------------------------*/
@media screen and (min-width: 640px) {
  #wrapper {
    min-width: 1000px;
  }
}
.contsInner {
  width: 100%;
  max-width: 1140px;
  margin: auto;
}
.sp {
  display: none !important;
}
/*section ttl*/
.secTtl {
  margin-bottom: 56px;
  font-size: 4.2rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
}
.secTtlWhite {
  color: #fff;
}
.secTtl:after {
  content: "";
  display: block;
  width: 62px;
  height: 4px;
  margin: 32px auto 0;
  background: #ae2661;
}
.secTtlWhite:after {
  background: #fff;
}
.secTtlTxt {
  font-size: 4.2rem;
  font-weight: 900;
  letter-spacing: 0.1em;
}
.secTtlTxtMid {
  font-size: 3.6rem;
  font-weight: 900;
}
.secTtlTxtSmall {
  font-size: 2.5rem;
  font-weight: 700;
}
/*ボタン*/
.btn {
  width: 89.4%;
  max-width: 330px;
  margin: auto;
}
.btnLink {
  position: relative;
  display: block;
  height: 68px;
  /* background: #000000; */
  background: url(img/top/newsvoice_bg.png) center center no-repeat;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}
/*.btnLink:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	z-index: -1;
	display: block;
	background: #6b5924;
	transition: all .2s ease-in-out;
}*/
.btnLinkIn {
  font-family: "Noto Serif JP", serif;
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 68px;
  letter-spacing: 0.1em;
}
.btnLinkIn:after {
  content: "";
  position: absolute;
  top: 50%;
  transition: all 0.2s ease-in-out;
}
.btnLinkIn:after {
  right: 27px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  transform: translateY(-50%) rotate(45deg);
}
/*hover*/
@media screen and (min-width: 640px) {
  .btnLink:hover {
    opacity: 0.7;
  }
  .btnLink:hover .btnLinkIn:after {
    border-color: #ffffff;
  }
}

/* ===== header ===== */
#header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 100;
  background-color: #000000;
}

#headerInner {
  width: 100%;
  height: 120px;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 30px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#headerLogo {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#headerLogo img {
  width: 142px;
  height: auto;
}

#headerMenu {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 15px;
}

#headerMenu ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#headerMenu ul li a {
  display: block;
  position: relative;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #ffffff;
  font-family: "Noto Serif JP", serif;
}

#headerMenu ul li a:after {
  width: 4px;
  height: 100%;
  display: inline-block;
  position: absolute;
  content: "";
  right: -15px;
  top: 0;
  background: url(img/common/arrow_gold_right.png) left center no-repeat;
  background-size: 4px auto;
}

#headerMenu ul li span {
  display: block;
  position: relative;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #ffffff;
  font-family: "Noto Serif JP", serif;
  padding: 15px 0;
}

#headerMenu ul li span:after {
  width: 8px;
  height: 100%;
  position: absolute;
  content: "";
  right: -15px;
  top: 0;
  background: url(img/common/arrow_gold_under.png) left center no-repeat;
  background-size: 8px auto;
}

.mdWrap {
}
.mdWrap .mdInner {
  padding: 0 10px 10px 10px;
}
#headerMenu ul.mdLink {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mdLink li {
  /*width: 100%;*/
}
.mdLink li a {
}
@media screen and (min-width: 1020px) {
  #headerMenu ul li a {
    display: block;
    position: relative;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0.1em;
    color: #ffffff;
    font-family: "Noto Serif JP", serif;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #headerMenu ul li a:after {
    width: 4px;
    height: 100%;
    display: inline-block;
    position: absolute;
    content: "";
    right: -15px;
    top: 0;
    background: url(img/common/arrow_gold_right.png) left center no-repeat;
    background-size: 4px auto;
  }

  #headerMenu ul li span {
    display: block;
    position: relative;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0.1em;
    color: #ffffff;
    font-family: "Noto Serif JP", serif;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #headerMenu ul li:nth-child(-n + 1) span:after {
    width: 100%;
    height: 4px;
    position: absolute;
    content: "";
    top: inherit;
    left: 0;
    bottom: calc(50% - 30px);
    background: url(img/common/arrow_gold_under.png) center center no-repeat;
    background-size: 8px auto;
  }

  .mdWrap {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100vw;
  }
  .mdWrap .mdInner {
    display: none;
    width: 100vw;
    margin: 0 auto;
    padding: 10px 0;
    background: #666666;
  }
  #headerMenu ul.mdLink {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .mdLink li {
    display: inline-block;
    padding: 0 30px;
    /*width: 25%;*/
  }
  #headerMenu .mdLink li a {
    position: relative;
    padding: 30px 0 30px 20px;
    height: inherit;
    text-align: left;
  }
  #headerMenu .mdLink li a:after {
    width: 4px;
    height: 100%;
    display: inline-block;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url(img/common/arrow_gold_right.png) left center no-repeat;
    background-size: 4px auto;
  }
}

/* TAB・SPメニューボタンを非表示 */
#headerBtn,
#headerBtnclose {
  display: none;
}

/* ===== footer ===== */
#footcontact {
  background-color: #7b682e;
  padding: 42px 0;
}

#footcontactHead {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}

#footcontactHeadTitle {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 2.8rem;
  line-height: 1;
  letter-spacing: 0em;
  color: #ffffff;
}

#footcontactHeadTitle span {
  font-size: 1.57143em;
  color: #ffffff;
}

#footcontactHeadLabel {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#footcontactHeadLabel ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#footcontactHeadLabel ul li {
  display: inline-block;
  padding: 10px 42px;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0em;
  color: #decb48;
  text-align: center;
  border: solid 2px;
}

#footcontactbody {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#footcontactbodyTel {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#footcontactbodyTelLead {
  font-size: 2.2rem;
  line-height: 1;
  letter-spacing: 0em;
  color: #ffffff;
  margin-bottom: 10px;
}

#footcontactbodyTelNum {
  padding-left: 75px;
  font-size: 5.3rem;
  line-height: 1;
  letter-spacing: 0em;
  color: #ffffff;
  background: url(img/common/foot_freedial.png) left center no-repeat;
  background-size: 64px auto;
}

#footcontactbodyTelNum a,
#footcontactbodyTelNum span {
  color: #ffffff;
}

.footcontactbodyTelTime {
  margin-left: 15px;
  padding: 7px 15px;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #ffffff;
  background-color: #958658;
  vertical-align: middle;
}

#footcontactbodyBtn {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#footcontactbodyBtn ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#footcontactbodyBtn ul li {
  width: 290px;
}

/*20201119 24時間受付中追加*/
#footcontactbodyBtn ul li a {
  height: 100px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  background: url(img/common/arrow_white_right.png) right 15px center no-repeat;
  background-size: 10px auto;
  color: #ffffff;
}

#footcontactbodyBtnLine a {
  background-color: #0cb302 !important;
  border: solid 2px #b7e8b4;
}

#footcontactbodyBtnLineQr img {
  width: 56px;
  height: auto;
}

#footcontactbodyBtnLineBody {
  width: 100%;
}

#footcontactbodyBtnPhoto a {
  background-color: #8d0202 !important;
  border: solid 2px #ddb4b4;
}

#footcontactbodyBtnPhotoBody {
  width: 100%;
}

/*20201119 24時間受付中追加*/
.footcontactbodyBtnTxt1 {
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #ffffff;
  text-align: center;
}

/*20201119 24時間受付中追加*/
.footcontactbodyBtnTxt2 {
  margin: 10px 0;
  font-size: 2.6rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #ffffff;
  text-align: center;
}

/* フッタ会社 */
/* -------------------------------------------------- */
#footcontcompany {
  padding: 42px 0;
  background-color: #695927;
}

#footcontcompanyInner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#footcontcompanyHead {
  width: 40%;
  border-right: solid 1px #a59b7d;
}

#footcontcompanyHeadLogo {
  width: 142px;
  margin-bottom: 30px;
}

#footcontcompanyHeadCopy {
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0em;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 20px;
}

#footcontcompanyHeadAddress {
  font-size: 1.8rem;
  line-height: 2.22222;
  letter-spacing: 0.05em;
  color: #ffffff;
}

#footcontcompanyHeadAddress a,
#footcontcompanyHeadAddress span {
  color: #ffffff;
}

#footcontcompanyHeadTeltime {
  margin-left: 10px;
  padding: 2px 15px;
  font-size: 0.77778em;
  border: solid 1px;
}

#footcontcompanyBody {
  width: 60%;
  padding-left: 65px;
  position: relative;
}

#footcontcompanyBodyCopy {
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 0em;
  color: #ffffff;
  margin-bottom: 25px;
}

#footcontcompanyBodyLead {
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0em;
  color: #ffffff;
}

#footcontcompanyBodyMap {
  width: 321px;
  position: absolute;
  top: 0;
  right: 0;
}

/* フッタナビ */
/* -------------------------------------------------- */


#footnavi {
  padding: 42px 0;
  background-color: #000000;
}

#footnavi a {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #ffffff;
  font-family: "Noto Serif JP", serif;
  background: url(img/common/arrow_gold_right.png) right center no-repeat;
  background-size: 4px auto;
}

#footnavi ul li {
  margin-bottom: 15px;
}

#footnavi ul li:last-child {
  margin-bottom: 0;
}

#footnaviToppage {
  margin-bottom: 50px;
  padding-left: 30px;
}

#footnaviToppage a {
  width: 8.75em;
}

#footnaviUnderpage {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#footnaviUnderpage > div {
  width: 25%;
  padding: 5px 0 5px 30px;
  border-left: solid 1px #434343;
}

#footnaviUnderpage > div:last-child {
  border-right: solid 1px #434343;
}

#footnaviUnderpage1 a {
  width: 8.75em;
}

#footnaviUnderpage2 a {
  width: 8.75em;
}

#footnaviUnderpage3 a {
  width: 10em;
}

#footnaviUnderpage4 a {
  width: 15.5em;
}

/* フッタ注記 */
/* -------------------------------------------------- */
#footend {
  background-color: #000000;
  text-align: left;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px 150px 30px;
}

#footendExcuse {
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #ffffff;
  margin-bottom: 15px;
}
#footendExcuse > span {
  color: #fff;
}

/* 230217追記 フッター運営会社 */
.footerLink {
  width: 100%;
  margin: 0 auto;
  color: #ccc;
}
.footerLink a {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  color: #fff;
}
.footerLink a:hover {
  color: #ccc;
  text-decoration: underline;
}
.footerLink a:after {
  content: "";
  position: absolute;
  top: -1px;
  right: -20px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('img/external-link_w.svg') ;
  background-size: cover;
}

#footendCopyright {
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #a4a4a4;
}

/* セクション共通 */
/* -------------------------------------------------- */
.sectionInner {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 30px;
}

/* -------------------------------------------------- */
/* 微調整：小型PC*/
/* -------------------------------------------------- */
@media screen and (min-width: 1025px) and (max-width: 1300px) {
  /* フッタお問い合わせ */

 


  #footcontactHeadTitle {
    font-size: 2.15385vw;
  }
  #footcontactHeadLabel ul li {
    padding: 10px 2.76923vw;
    font-size: 1.84615vw;
  }
  #footcontactbodyTelLead {
    font-size: 1.69231vw;
  }
  #footcontactbodyTelNum,
  #footcontactbodyTelNum a {
    padding-left: 5.76923vw;
    font-size: 4.07692vw;
    background-size: 4.92308vw auto;
  }
  .footcontactbodyTelTime {
    font-size: 1.15385vw;
  }
  #footcontactbodyBtn ul li {
    width: 20.76923vw;
  }
  .footcontactbodyBtnTxt1 {
    font-size: 1.23077vw;
  }
  .footcontactbodyBtnTxt2 {
    font-size: 2vw;
  }
  /* フッタ会社 */
  #footcontcompanyHeadCopy {
    font-size: 1.53846vw;
  }
  #footcontcompanyHeadAddress {
    font-size: 1.38462vw;
  }
  #footcontcompanyBodyCopy {
    font-size: 2.30769vw;
  }
  #footcontcompanyBodyLead {
    font-size: 1.53846vw;
  }
  #footcontcompanyBodyMap {
    width: 24.69231vw;
  }
  /* フッタナビ */
  #footnavi a {
    font-size: 1.23077vw;
  }
  /* フッタ注記 */
  #footendExcuse {
    font-size: 0.92308vw;
  }
  #footendCopyright {
    font-size: 0.92308vw;
  }
}

/* -------------------------------------------------- */
/* hoverなど */
/* -------------------------------------------------- */
@media screen and (min-width: 1025px) {
  /* 改行 */
    /* バナーエリア */
.foot_bnr_bk {
	width: 100%;
	padding: 40px 0px 20px;	
	clear: both;
	background-color: #f6f6f6;
}

.foot_bnr_area {
	width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 30px;
}

.hiraku_area {
	margin-bottom: 20px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
}

.hiraku_area > p {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}

.hiraku_area_left {
	margin-right: 20px;
	display: inline-block;
	width: 30%;
}

.hiraku_area_left a {
  transition: all 0.3s ease-in-out 0s;
}

.hiraku_area_left a:hover {
  opacity: 0.6;
}


.hiraku_area_left img {
	width: 100%;
	height: auto;
}

.hiraku_area_right {
	display: inline-block;
	vertical-align: top;
}

.hiraku_area_right > p {
	font-size: 15px;
	line-height: 1.2;
}

.hiraku_area_right > p ::first-line {
	font-weight: bold;
	font-size: 15px;
	line-height: 1.2;
}

.bnr_area p {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}

.bnr_area ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
}

.bnr_area li {
	width: calc(94%/3);
	margin-right: calc(6%/2);
	margin-bottom: calc(6%/3);
}
.bnr_area li:nth-child(3n) {
	margin-right: 0;
}

.bnr_area li a {
  transition: all 0.3s ease-in-out 0s;
}

.bnr_area li a:hover {
  opacity: 0.6;
}

.bnr_area img {
	width: 100%;
	height: auto;
}
/* バナーエリアここまで */

  .brPc:after {
    content: "\A";
    white-space: pre;
  }
  /* hover 汎用 */
  .hoverOpacity,
  a.hoverOpacity {
    transition: 0.3s ease-in-out;
  }
  .hoverOpacity:hover,
  a.hoverOpacity:hover {
    opacity: 0.7 !important;
  }
  /* ヘッダ */
  #headerMenu ul li a {
    transition: 0.3s ease-in-out;
  }
  #headerMenu ul li a:hover {
    opacity: 0.7;
  }
  /* フッタナビ */
  #footnavi a {
    transition: 0.3s ease-in-out;
  }
  #footnavi a:hover {
    opacity: 0.7;
  }
}

/* -------------------------------------------------- */
/* TAB */
/* -------------------------------------------------- */

@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* 基本指定（TAB・SP共通） */
  /* 改行 */
    /* バナーエリア */
    .foot_bnr_bk {
	width: 100%;
	padding: 30px 0px 20px;
	background-color: #f6f6f6;
}

.foot_bnr_area {
	width: 90%;
	margin: 0 auto;
}

.hiraku_area {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
}

.hiraku_area > p {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px #666666 solid;
	font-size: 18px;
	font-weight: bold;
}	

.hiraku_area_left {
	margin-right: 20px;
	display: inline-block;
	width: 100%;
}

.hiraku_area_left img {
	margin-bottom: 5px;
	width: 100%;
	height: auto;
}

.hiraku_area_right {
	vertical-align: top;
}

.hiraku_area_right > p {
	font-size: 15px;
	line-height: 1.2;
}

.hiraku_area_right > p ::first-line {
	font-weight: bold;
	font-size: 15px;
	line-height: 1.2;
}

.bnr_area p {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px #666666 solid;
	font-size: 18px;
	font-weight: bold;
}

.bnr_area ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.bnr_area li {
	margin-bottom: 10px;
}
.bnr_area li:nth-child(5n) {
	margin-right: 0;
}

.bnr_area img {
	width: 100%;
	height: auto;
}
/* バナーエリアここまで */

  .brTab:after {
    content: "\A";
    white-space: pre;
  }
  /* ヘッダ（TAB・SP共通） */
  /* -------------------------------------------------- */
  #headerInner {
    height: 50px;
    padding: 0 15px;
  }
  #headerLogo img {
    width: 86px;
  }
  /* メニューの開閉 */
  #headerMenu {
    width: 200px;
    height: 100vh;
    margin-right: -200px;
    padding-top: 50px;
    padding: 50px 20px 20px 20px;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    background-color: #202020;
    opacity: 0.3;
    transition: 0.3s ease-in-out;
  }
  #headerMenu.openmenu {
    opacity: 1;
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  #headerMenu ul {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #headerMenu ul li a,
  #headerMenu ul li span {
    padding: 15px 0;
  }
  #headerMenu ul li a:after,
  #headerMenu ul li span:after {
    right: 0;
    top: 0;
  }
  /* TAB・SPメニューボタン→表示 */
  #headerBtn {
    width: 40px;
    height: 40px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #202020;
    cursor: pointer;
  }
  #headerBtn img {
    width: 25px;
    height: auto;
  }
  /* 閉じるボタン */
  #headerBtnclose {
    width: 40px;
    height: 40px;
    display: none;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 5px;
    right: 15px;
    z-index: 102;
    background-color: #202020;
    cursor: pointer;
  }
  #headerBtnclose img {
    width: 25px;
    height: auto;
  }
  #headerBtnclose.openmenu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  html.openmenuback,
  body.openmenuback {
    height: 100%;
    overflow: hidden;
  }
  /* モーダル背後のオーバーレイ */
  #mdOverlay {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    background-color: rgba(0, 0, 0, 0.5);
  }
  /* フッタお問い合わせ */
  /* -------------------------------------------------- */
  #footcontact {
    padding: 20px 0;
  }
  #footcontactHead {
    margin-bottom: 20px;
  }
  #footcontactHeadTitle {
    font-size: 2.15385vw;
  }
  #footcontactHeadLabel ul li {
    padding: 10px 2.76923vw;
    font-size: 1.84615vw;
  }
  #footcontactbodyTelLead {
    font-size: 1.69231vw;
  }
  #footcontactbodyTelNum {
    padding-left: 5.76923vw;
    font-size: 3.07692vw;
    background-size: 4.92308vw auto;
  }
  .footcontactbodyTelTime {
    margin-left: 5px;
    font-size: 1.15385vw;
    padding: 3px 7px;
  }
  #footcontactbodyBtn ul li {
    width: 24.61538vw;
  }

  /*201119 24時間受付中追加*/
  #footcontactbodyBtn ul li a {
    height: 90px;
    background: url(img/common/arrow_white_right.png) right 5px center no-repeat;
    background-size: 10px auto;
  }
  #footcontactbodyBtnLineQr img {
    width: 35px;
  }
  .footcontactbodyBtnTxt1 {
    font-size: 1.23077vw;
    margin-bottom: 5px;
  }
  .footcontactbodyBtnTxt2 {
    font-size: 2vw;
  }
  /* フッタ会社 */
  /* -------------------------------------------------- */
  #footcontcompany {
    padding: 20px 0;
  }
  #footcontcompanyHeadLogo {
    width: 100px;
    margin-bottom: 15px;
  }
  #footcontcompanyHeadCopy {
    font-size: 1.53846vw;
    margin-bottom: 10px;
  }
  #footcontcompanyHeadAddress {
    font-size: 1.38462vw;
    line-height: 1.8;
  }
  #footcontcompanyBody {
    padding-left: 30px;
  }
  #footcontcompanyBodyCopy {
    font-size: 2.30769vw;
    margin-bottom: 12px;
  }
  #footcontcompanyBodyLead {
    font-size: 1.53846vw;
  }
  #footcontcompanyBodyMap {
    width: 24.69231vw;
  }
  /* フッタナビ */
  #footnavi {
    padding: 20px 0;
  }
  #footnavi a {
    font-size: 1.23077vw;
  }
  #footnaviToppage {
    margin-bottom: 15px;
    padding-left: 20px;
  }
  #footnaviUnderpage > div {
    padding-left: 20px;
  }
  /* フッタ注記 */
  #footend {
    padding: 20px 0;
  }
  #footendExcuse {
    font-size: 0.92308vw;
  }
  #footendCopyright {
    font-size: 0.92308vw;
  }
  /* セクション共通 */
  .sectionInner {
    padding: 0 15px;
  }

}

/* -------------------------------------------------- */
/* SP */
/* -------------------------------------------------- */
@media screen and (max-width: 767px) {
  /* 基本指定（TAB・SP共通） */
  /* 改行 */
    .foot_bnr_bk {
	width: 100%;
	padding: 30px 0px 20px;
	background-color: #f6f6f6;
}

.foot_bnr_area {
	width: 90%;
	margin: 0 auto;
}

.hiraku_area {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.hiraku_area > p {
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
}	

.hiraku_area_left {
	margin-right: 20px;
	display: inline-block;
	width: 100%;
}

.hiraku_area_left img {
	margin-bottom: 5px;
	width: 100%;
	height: auto;
}

.hiraku_area_right {
	vertical-align: top;
}

.hiraku_area_right > p {
	font-size: 15px;
	line-height: 1.2;
}

.hiraku_area_right > p ::first-line {
	font-weight: bold;
	font-size: 15px;
	line-height: 1.2;
}

.bnr_area p {
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
}

.bnr_area ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.bnr_area li {
	margin-bottom: 10px;
}
.bnr_area li:nth-child(5n) {
	margin-right: 0;
}

.bnr_area img {
	width: 100%;
	height: auto;
}

    
  .brSp:after {
    content: "\A";
    white-space: pre;
  }
  /* ヘッダ（TAB・SP共通） */
  /* -------------------------------------------------- */


  #headerInner {
    height: 50px;
    padding: 0 15px;
  }
  #headerLogo img {
    width: 86px;
  }
  /* メニューの開閉 */
  #headerMenu {
    width: 200px;
    height: 100vh;
    margin-right: -200px;
    padding-top: 50px;
    padding: 50px 20px 20px 20px;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    background-color: #202020;
    opacity: 0.3;
    transition: 0.3s ease-in-out;
  }
  #headerMenu.openmenu {
    opacity: 1;
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  #headerMenu ul {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #headerMenu ul li a,
  #headerMenu ul li span {
    padding: 15px 0;
  }
  #headerMenu ul li a:after,
  #headerMenu ul li span:after {
    right: 0;
    top: 0;
  }
  /* TAB・SPメニューボタン→表示 */
  #headerBtn {
    width: 40px;
    height: 40px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #202020;
    cursor: pointer;
  }
  #headerBtn img {
    width: 25px;
    height: auto;
  }
  /* 閉じるボタン */
  #headerBtnclose {
    width: 40px;
    height: 40px;
    display: none;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 5px;
    right: 15px;
    z-index: 102;
    background-color: #202020;
    cursor: pointer;
  }
  #headerBtnclose img {
    width: 25px;
    height: auto;
  }
  #headerBtnclose.openmenu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  html.openmenuback,
  body.openmenuback {
    height: 100%;
    overflow: hidden;
  }
  /* モーダル背後のオーバーレイ */
  #mdOverlay {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    background-color: rgba(0, 0, 0, 0.5);
  }
  /* フッタお問い合わせ */
  /* -------------------------------------------------- */
  #footcontact {
    padding: 15px 0;
  }
  #footcontactHead {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
  }
  #footcontactHeadTitle {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
  #footcontactHeadLabel {
    width: 100%;
  }
  #footcontactHeadLabel ul {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  #footcontactHeadLabel ul li {
    padding: 7px 20px;
    font-size: 1.4rem;
  }
  #footcontactbody {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
  }
  #footcontactbodyTel {
    margin-bottom: 20px;
    text-align: center;
  }
  #footcontactbodyTelLead {
    margin-bottom: 0;
    font-size: 1.4rem;
  }
  #footcontactbodyTelNum {
    padding-left: 0;
    background-image: none;
    font-size: inherit;
  }
  #footcontactbodyTelNum .telLink {
    font-size: 4.4rem;
  }
  #footcontactbodyTelNum .telLink {
    position: relative;
    padding-left: 50px;
    line-height: 1.3;
    font-size: 4.4rem;
  }
  #footcontactbodyTelNum .telLink:before {
    width: 45px;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: url(img/common/foot_freedial.png) left center no-repeat;
    background-size: 45px auto;
  }
  #footcontactbodyTelNum a {
    color: #ffffff;
  }
  .footcontactbodyTelTime {
    display: inline-block;
    margin-left: 0;
    font-size: 1rem;
    padding: 5px 10px;
  }
  #footcontactbodyBtn ul {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  #footcontactbodyBtn ul li {
    width: 47%;
  }
  #footcontactbodyBtn ul li a {
    height: 90px;
    background: url(img/common/arrow_white_right.png) right 10px center
      no-repeat;
    background-size: 10px auto;
  }
  #footcontactbodyBtnLineQr {
    display: none;
  }
  .footcontactbodyBtnTxt1 {
    font-size: 1rem;
    margin-bottom: 5px;
  }
  .footcontactbodyBtnTxt2 {
    font-size: 1.6rem;
  }
  /* フッタ会社 */
  /* -------------------------------------------------- */
  #footcontcompany {
    padding: 15px 0;
  }
  #footcontcompanyInner {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #footcontcompanyHead {
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    text-align: center;
    border-right: none;
    border-bottom: solid 1px #a59b7d;
  }
  #footcontcompanyHeadLogo {
    width: 100px;
    margin-bottom: 5px;
    margin-left: 10px;
    float: left;
  }
  #footcontcompanyHeadCopy {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  #footcontcompanyHeadAddress {
    clear: both;
    font-size: 1.2rem;
    line-height: 1.8;
  }
  #footcontcompanyHeadTeltime {
    padding: 1px 10px;
  }
  #footcontcompanyBody {
    width: 100%;
    padding-left: 0;
  }
  #footcontcompanyBodyCopy {
    font-size: 1.8rem;
    margin-bottom: 12px;
  }
  #footcontcompanyBodyLead {
    font-size: 1.3rem;
  }
  #footcontcompanyBodyMap {
    width: 200px;
    margin: -50px 0 0 auto;
    position: relative;
  }
  /* フッタナビ */
  #footnavi {
    padding: 15px 0 0;
  }
  #footnavi ul li {
    margin-bottom: 0;
  }
  #footnavi a {
    padding: 7px 0;
    font-size: 1rem;
  }
  #footnaviToppage {
    width: 15em;
    margin-bottom: 15px;
    padding-left: 10px;
  }
  #footnaviUnderpage {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #footnaviUnderpage > div {
    margin-bottom: 15px;
    padding: 0 10px;
    width: 50%;
  }
  #footnaviUnderpage > div:last-child {
    border-right: none;
  }
  #footnaviUnderpage > div:nth-child(2n) {
    border-right: solid 1px #434343;
  }
  #footnaviUnderpage > div a {
    width: 15rem;
  }
  /* フッタ注記 */
  #footend {
    padding: 15px 15px 80px;
  }
  #footendExcuse {
    font-size: 1rem;
    line-height: 1.4;
  }
  #footendCopyright {
    font-size: 1rem;
  }
  /* セクション共通 */
  .sectionInner {
    padding: 0 15px;
  }
}

/* -------------------------------------------------- */
/* 小さいSP */
/* -------------------------------------------------- */
@media screen and (max-width: 374px) {
  html {
    font-size: 2.667vw;
  }
}

.begiSe2Img {
  position: relative;
  width: 100%;
  padding-top: 300px;
  overflow: hidden;
}
.begiSe2Img iframe {
  position: absolute;
  top: -150px;
  left: 0;
  width: 100%;
  height: calc(100% + 150px + 150px);
  pointer-events: none;
}

/*pageTop*/
.pagetop {
  margin-bottom: 80px;
}
.pagetop a {
  display: block;
  width: 100%;
  padding: 18px 0;
  text-align: center;
  background: #b93b72;
}
/* General button style (reset) */
.pagetop a {
  text-transform: uppercase;
  outline: none;
  position: relative;
  z-index: 1;
  transition: all 0.3s;
}
.pagetop a:before {
  content: "";
  position: absolute;
  z-index: 0;
  transition: all 0.3s;
}
/* hover */
.pagetop a:before {
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  background: #990042;
}
.pagetop a:hover,
.pagetop a:active {
  color: #990042;
}
.pagetop a:hover:before,
.pagetop a:active:before {
  height: 100%;
}
.pagetopImg {
  position: relative;
  z-index: 1;
  width: 24px;
}
/*--　共通ブロック　--*/
.purpose {
  padding: 70px 0;
  background: #f0f6ff;
  background: #fff7fb;
}
.purposeHead,
.purposeHeadSize {
  letter-spacing: 0.1em;
}
.purposeHead {
  margin-bottom: 40px;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}
.purposeHeadSize {
  font-size: 4.2rem;
  font-weight: 900;
}
.purposeHead:before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 52px;
  margin-right: 20px;
  background: url("img/common/icon_contact_area01.png") no-repeat 0 0 / 100%;
  vertical-align: -7px;
}
.purposeHead br {
  display: none;
}
.purposeConts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.purposeLeft {
  padding-top: 11px;
}
.purposeLeft * {
  font-weight: 700;
}
.purposeLeftHead {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 4px;
}
/*
.purposeLeftTxt01, .purposeTelLink {
	color: #1c4388;
}
*/
.purposeLeftTxt01 {
  color: #b12b66;
}
.purposeLeftTxt01 {
  margin-right: 4px;
  font-size: 2rem;
  letter-spacing: 0.04em;
}
.purposeLeftTxt02 {
  padding: 10px 14px;
  font-size: 1.7rem;
  letter-spacing: 0.1em;
  color: #fff;
  background: #b12b66;
}
.purposeTelLink {
  font-size: 6.8rem;
  font-weight: 700;
  color: #d2b62e;
}
.purposeTelLink:before {
  content: "";
  display: inline-block;
  width: 31px;
  height: 41px;
  margin-right: 14px;
  background: url("img/common/icon_contact_area02.png") no-repeat 0 0 / 100%;
  vertical-align: 0;
}
.purposeRight {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.purpose .btnLine,
.purpose .btnOnline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 326px;
  height: 111px;
  border: solid 4px;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}
.purpose .btnLine {
  margin-right: 15px;
  padding: 13px 36px;
  background: #00b900;
  border-color: #0e770e;
}
.purpose .btnOnline {
  padding: 15px 31px;
  background: #8d0202;
  border-color: #000;
}
.qrCode {
  width: 77px;
}
.iconPhone {
  width: 65px;
}
/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.iconPhone {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.btnOnline:hover .iconPhone,
.btnOnline:focus .iconPhone,
.btnOnline:active .iconPhone {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.qrCodeImg,
.iconPhoneImg {
  width: 100%;
}
.btnPurposeConts {
  font-size: 2.3rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #fff;
}
.btnLineTxt,
.btnOnlineTxt {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.btnLineTxt {
  margin-bottom: 9px;
  color: #fff;
}
.btnOnlineTxt {
  margin-bottom: 5px;
  padding: 0 9px;
  color: #000;
  line-height: 26px;
  background: #fff;
}
/* hover */
.btnLine:hover {
  background: #00d100;
}
.btnOnline:hover {
  background: #f72a3a;
}
/*--　買取スライダー　--*/
.listBox {
  max-width: 300px !important;
  margin: 0 12px;
  padding: 10px 10px 15px;
  text-align: left;
  border: 1px solid #cccccc;
}
.listBoxLink {
  display: block;
}
.listBoxFigure {
  margin-bottom: 20px;
}
.listBoxImg,
.listBoxFigure img {
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.listBoxDes {
  padding: 0 20px 15px;
}
.listBoxHead {
  margin-bottom: 17px;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  transition: all 0.3s ease-in-out;
}
.listBotTtl {
  display: inline-block;
  margin-bottom: 5px;
  padding: 6px 15px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  background: #ffd43b;
}
.listBotPrice {
  font-size: 4.7rem;
  font-weight: 700;
}
.listBotYen {
  font-size: 2rem;
  font-weight: 700;
}
/* hover */
.listBoxLink:hover .listBoxFigure img {
  opacity: 0.7;
}
.listBoxLink:hover .listBoxHead {
  color: #999999;
}

/*追従ブロック*/
.sateiBlock {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 494px;
  /*20201202 ad追従追加のため
	background-color: #f2f2f2;
	*/
}

/*20201202 広告掲載*/

.aa-ad {
  text-align: right;
}

.aa-ad-sp {
  margin-left: 65%;
  width: 35%;
}

/*20201202ここまで*/

#fixedNav .sp {
  display: none;
}

.btnSateiLineWrap {
  border-color: #0e770e;
}
.btnSateiMailWrap {
  border-color: #000;
}

.sateiBlock .btnSateiIn,
.begSatei .btnSateiIn {
  padding: 4px 0;
  text-align: center;
}

.sateiBlock .btnSateiLineWrap,
.sateiBlock .btnSateiMailWrap {
  width: 240px;
  height: 106px;
  display: inline-block;
  vertical-align: bottom;
  border-width: 2px;
  border-style: solid;
  border-radius: 0px;
}

.sateiBlock .btnSateiLineWrap {
  margin-right: 0px;
}

.sateiBlock .btnSateiLine {
  padding: 10px 0 0 6px;
  background-color: #00b900;
}

.btnSateiMailWrap {
  position: relative;
  border-color: #000;
}

.btnSateiMail {
  background-color: #8d0202;
}

.sateiBlock .btnSateiMail,
.begSatei .btnSateiMail {
  padding: 11px 0 0;
}

.btnSateiMailTxtList {
  margin-bottom: 4px;
}

.btnSateiMailTxt {
  float: left;
  padding: 5px;
  font-weight: bold;
  background-color: #fff;
}

.btnSateiMailMain {
  margin-bottom: 8px;
  font-size: 2.4rem;
  text-align: left;
  letter-spacing: 0;
  color: #fff;
}

.btnSateiIcon,
.btnSateiMailR {
  display: inline-block;
  vertical-align: middle;
}

.btnSateiIcon {
  width: 72px;
  margin-right: 5px;
}

.btnSateiLine,
.btnSateiMail {
  display: block;
  width: 100%;
  height: 100%;
}

.sateiBlock .qrBlock {
  margin-right: 5px;
}

.qrBlock {
  width: 80px;
  height: 80px;
}

.qrBlock img {
  width: 100%;
}

.qrBlock,
.btnSateiLineR {
  display: inline-block;
  vertical-align: middle;
}

.btnSateiLineTxt1,
.btnSateiLineTxt3 {
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.1em;
  color: #fff;
}

.btnSateiLineTxt2 {
  text-align: left;
  letter-spacing: 0.1em;
  color: #fff;
}

.sateiBlock .btnSateiLineTxt1 {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.sateiBlock .btnSateiLineTxt2 {
  margin-bottom: 7px;
  font-size: 2.2rem;
}

.sateiBlock .btnSateiLineTxt3 {
  padding: 5px 22px;
  font-size: 1.1rem;
  color: #000;
  background-color: #fff;
}

.sateiBlock .btnSateiMailMain {
  font-size: 1.8rem;
}

.sateiBlock .btnArea,
.begSatei .btnArea {
  padding: 11px 12px;
}

.sateiBlock ul,
.begSatei ul {
  text-align: center;
}

.sateiBlock ul li,
.begSatei ul li {
  display: inline-block;
  vertical-align: top;
}

.sateiBlock ul li:nth-of-type(1) {
  margin-right: 5px;
}

.sateiBlock .btnSateiMailTxt {
  padding: 4px 5px;
  margin-right: 5px;
  font-size: 1rem;
  font-weight: normal;
}

.sateiBot {
  padding: 15px 0;
  text-align: center;
  background-color: #000;
}

.sateiBot .telNum,
.sateiBot .sateiBotR {
  display: inline-block;
  margin: 0 19px;
}

.sateiBot .telNum p {
  font-size: 1.1rem;
  color: #fff;
}

.sateiBot .telNum p:nth-of-type(1) {
  font-size: 3.3rem;
  font-weight: 700;
  color: #d8c36d;
}

.sateiBot .telNum p.robo:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 24px;
  margin-right: 11px;
  background: url("img/common/icon_phone03.png") no-repeat 0 0;
  background-size: 100%;
}

.sateiBotR {
  text-align: center;
  line-height: 1.5;
  color: #fff;
}

/* -------------------------------------------------
sub-layout
----------------------------------------------------*/
.inner {
  width: 94%;
  max-width: 1080px;
  margin: auto;
}
.subConts {
  position: relative;
  z-index: 3;
  margin-top: -40px;
}
@media screen and (max-width: 639px) {
  .subConts {
    margin-top: 0;
  }
}
/* ===== main visual ===== */
.fv {
  position: relative;
  height: 370px;

  margin-top: 119px;
  background-color: #fff;
}
@media screen and (max-width: 639px) {
  .fv {
    height: 250px;
    margin: 44px 0 10px;
  }
}
.fvContsWrap {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  margin-left: -540px;
  /*padding-left: 21.65%;*/
}
@media screen and (max-width: 1100px) {
  .fvContsWrap {
    left: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 639px) {
  .fvContsWrap {
    left: 0;
    margin-bottom: 15px;
    margin-left: 0;
  }
}
.fvConts {
  position: relative;
  display: table;
  width: 100%;
  height: 310px;
  padding-left: 50px;
  background: radial-gradient(#4b3b0c, #000000);
}
@media screen and (max-width: 639px) {
  .fvConts {
    height: 200px;
    padding: 0 6%;
  }
}
.fvContsIn {
  display: table-cell;
  vertical-align: middle;
}
.fv:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 78.125%;
  height: 335px;
  background-color: #eee;
}
@media screen and (max-width: 639px) {
  .fv:before {
    width: 100%;
    height: 50px;
  }
}
@media screen and (max-width: 1100px) {
  .fv:before {
    width: 95%;
  }
}
.fv .attention {
  display: inline-block;
  padding: 7px 16px;
  margin-left: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.08em;
  color: #fff;
  background-color: #da2533;
}
@media screen and (max-width: 639px) {
  .fv .attention {
    padding: 2px 10px;
    margin-bottom: 2px;
    font-size: 1.4rem;
  }
}
.pageTtl {
  margin-bottom: 17px;
  font-family: "Noto Serif JP", serif;
  font-size: 5rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #fff;
}
@media screen and (max-width: 639px) {
  .pageTtl {
    margin-bottom: 10px;
    font-size: 2.5rem;
  }
}
.pageTtl span {
  display: inline-block;
  vertical-align: middle;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  color: #fff;
}
.pageTtl:before {
  display: block;
  margin-bottom: 10px;
  font-family: "Times New Roman", serif;
  font-size: 2.4rem;
  letter-spacing: -0.02em;
  color: #fff;
}
@media screen and (max-width: 639px) {
  .pageTtl:before {
    margin-bottom: 5px;
    font-size: 1.4rem;
  }
}
.fv .begiTtl:before {
  content: "FOR BEGINNERS";
}
.fv .camTtl:before {
  content: "ENHANCED PURCHASE PRODUCT";
}
.fv .bylTtl:before {
  content: "PURCHASE RESULTS";
}
.fv .faqTtl:before {
  content: "FAQ";
}
.fv .itemTtl:before {
  content: "TARGET PRODUCT FOR PURCHASE";
}
.fv .oshiraseTtl:before {
  content: "NEWS";
}
.fv .prcTtl:before {
  content: "PRICE LIST";
}
.fv .inqTtl:before {
  content: "CONTACT";
}
.fv .delTtl:before {
  content: "HOME DELIVERY PURCHASE";
}
.fv .entTtl:before {
  content: "PICTURE MESSAGE ASSESSMENT";
}
.fv .flowTtl:before {
  content: "FLOW";
}
.fv .lineTtl:before {
  content: "LINE ASSESSMENT";
}
.fv .linkTtl:before {
  content: "LINK";
}
.fv .packTtl:before {
  content: "ABOUT PACKING";
}
.fv .ppTtl:before {
  content: "PRIVACY POLICY";
}
.fv .rsnTtl:before {
  content: "SECRET OF BIG PURCHASE";
}
.fv .shopTtl:before {
  content: "STORE GUIDE";
}
.fv .sbTtl:before {
  content: "OVER THE COUNTER PURCHASE";
}
.fv .smTtl:before {
  content: "SITEMAP";
}
.fv .tokuTtl:before {
  content: "ACT ON SPECIFIED COMMERCIAL TRANSACTIONS";
}
.fv .visTtl:before {
  content: "BUSINESS TRIP PURCHASE";
}
.pageTxt {
  display: inline-block;
  padding-top: 14px;
  font-family: "Noto Serif JP", serif;
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: 0.1em;
  color: #fff;
  border-top: 2px solid #fff;
}
@media screen and (max-width: 639px) {
  .pageTxt {
    font-size: 1.4rem;
  }
}
/* ===== link path ===== */
.linkPath {
  margin-bottom: 105px;
}
.linkPath li {
  display: inline-block;
  vertical-align: middle;
}
.linkPath li:not(:nth-last-of-type(1)):after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 15px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  vertical-align: 2px;
}
.linkPath li a {
  letter-spacing: 0.1em;
  transition: all 0.3s ease-in-out;
}
.linkPath li a:hover {
  opacity: 0.7;
}
.iconHome {
  width: 16px;
}

/* -- 買取のご依頼前に読んでいただきたいページです -- */
.readSe {
  padding-top: 100px;
  margin-bottom: 100px;
}

.readSe .readTtl {
  margin-bottom: 50px;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
}

.linkBtn {
  position: relative;
  display: block;
  background: #000000;
  transition: all 0.3s ease-in-out;
}

.linkBtn {
  text-transform: uppercase;
  outline: none;
  transition: all 0.3s;
}

.linkBtn:before {
  content: "";
  position: absolute;
  z-index: 0;
  transition: all 0.3s;
}

.linkBtn span.block {
  position: relative;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
}

/* hover */
.linkBtn:hover {
  background: #6b5924;
}

.readSe li {
  float: left;
  width: 31.2%;
  max-width: 340px;
  height: 210px;
  margin-right: 30px;
}

.readSe li:nth-last-of-type(1) {
  margin-right: 0;
}

.readSe li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 40px;
  text-align: center;
}

.readSe li span {
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #fff;
}

.readSe li span:before {
  content: "";
  display: block;
}

.readSe .btnBeg span.block:before {
  width: 45px;
  height: 74px;
  margin: 0 auto 22px;
  background: url("img/common/icon_beginner.png") no-repeat center bottom;
  background-size: 100%;
}

.readSe .btnFlow span.block:before {
  width: 61px;
  height: 74px;
  margin: 0 auto 22px;
  background: url("img/common/icon_flow02.png") no-repeat center bottom;
  background-size: 100%;
}

.readSe .btnSec span.block:before {
  width: 64px;
  height: 74px;
  margin: 0 auto 22px;
  background: url("img/common/icon_secret.png") no-repeat center bottom;
  background-size: 100%;
}

/* ===== 合わせてお読みください ～ ===== */
.readSeSub {
  margin-bottom: 60px;
}
.readSeSub li {
  width: 255px;
  height: 130px;
  margin-right: 20px;
  background: url(img/top/newsvoice_bg.png) center center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 1150px) {
  .readSeSub li {
    width: 24.2%;
    margin-right: 1%;
  }
}
.readSeSub li a {
  padding-top: 17px;
}
.readSeSub .linkBtn:after {
  border-width: 0 0 40px 40px;
}
.readSeSub .btnFlow span.block:before {
  width: 40px;
  height: 50px;
  margin: 0 auto 12px;
}
.readSeSub .btnSec span.block:before {
  width: 50px;
  height: 50px;
  margin: 0 auto 12px;
}
.readSeSub .btnBeg span.block:before {
  width: 34px;
  height: 46px;
  margin: 0 auto 12px;
  background: url("img/common/icon_wakaba02.png") no-repeat bottom;
  background-size: 100%;
}
.readSeSub .btnPac span.block:before {
  width: 46px;
  height: 50px;
  margin: 0 auto 12px;
  background: url("img/common/icon_konpou02.png") no-repeat center bottom;
  background-size: 100%;
}
.readSeSub .btnFaq span.block:before {
  width: 50px;
  height: 50px;
  margin: 0 auto 12px;
  background: url("img/common/icon_faq02.png") no-repeat center bottom;
  background-size: 100%;
}
.readSeSub .btnTak span.block:before {
  width: 50px;
  height: 50px;
  margin: 0 auto 12px;
  background: url("img/common/icon_takuhai.png") no-repeat center bottom;
  background-size: 100%;
}
.readSeSub .btnShop span.block:before {
  width: 46px;
  height: 50px;
  margin: 0 auto 12px;
  background: url("img/common/icon_shop02.png") no-repeat center bottom;
  background-size: 100%;
}
.readSeSub .btnShu span.block:before {
  width: 50px;
  height: 50px;
  margin: 0 auto 12px;
  background: url("img/common/icon_shutcho02.png") no-repeat center bottom;
  background-size: 100%;
}
.readSeSub .btnLine span.block:before {
  width: 28px;
  height: 50px;
  margin: 0 auto 12px;
  background: url("img/common/icon_line02.png") no-repeat center bottom;
  background-size: 100%;
}
.readSeSub .btnPrc span.block:before {
  width: 40px;
  height: 50px;
  margin: 0 auto 12px;
  background: url("img/common/icon_list02.png") no-repeat center bottom;
  background-size: 100%;
}
.subConts .navBox p {
  font-size: 2.2rem;
}
.subConts .navBox .assist {
  font-size: 3.4rem;
}

/*-- 検索エリア --*/
#search {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 84px;
  padding-top: 96px;
}
.searchArea {
  width: 48%;
}
.searchHeadArea {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}
.searchHead {
  font-family: "Noto Serif JP", serif;
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.searchBtn {
  width: 167px;
}
.searchLink {
  height: 40px;
  padding-left: 33px;
}
.searchBtn .btnLinkIn {
  font-size: 1.6rem;
  line-height: 40px;
}
.searchBtn .btnLinkIn:before {
  right: 16px;
  width: 18px;
  height: 18px;
}
.searchBtn .btnLinkIn:after {
  right: 22px;
  width: 6px;
  height: 6px;
}
/*ジャンル*/
.searchGenreList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.searchGenreList ul:after {
  content: "";
  display: inline-block;
  width: 32.4%;
}
.searchGenreList li {
  width: 32.4%;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dotted #999;
}
.searchGenreList a {
  display: flex;
  align-items: center;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.genreFigure {
  margin-right: 20px;
}
.genreList {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  transition: all 0.3s ease-in-out;
}
/*ブランド*/
.searchBrandList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.searchBrandList ul:after {
  content: "";
  display: inline-block;
  width: 32.4%;
}
.searchBrandList li {
  width: 31.5%;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dotted #999;
}
.searchBrandList li a {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.5;
  transition: all 0.3s ease-in-out;
}
.searchBrandList img {
  width: 100%;
}
.searchGenreList a:before,
.searchBrandList a:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 8px 0 0;
  background: #000;
  border-radius: 50%;
  vertical-align: 2px;
}

/*hover*/
.searchGenreList a:hover {
  border-color: #b12b66;
}
.searchGenreList a:hover .genreList {
  color: #b12b66;
}
.searchBrandList li a:hover {
  color: #b12b66;
}
/*hover*/
.searchGenreList a:hover {
  border-color: #b12b66;
}
.searchGenreList a:hover .genreList {
  color: #b12b66;
}
.searchBrandList li a:hover {
  color: #b12b66;
}

/* ===== 下層ページ共通 ===== */
.links {
  margin-bottom: 80px;
}
.linksKtr {
  margin-bottom: 70px;
}
.links li:nth-of-type(1) {
  float: left;
}
.links li:nth-of-type(2) {
  float: right;
}
.links .linkBtn {
  width: 515px;
  height: 100px;
  font-size: 2.3rem;
}
.linksKtr .linkBtn {
  font-size: 2.6rem;
}
.links .btnTak .linkBtn {
  padding: 28px 0 0 60px;
}
.links .btnShu .linkBtn {
  padding: 31px 0 0 64px;
}
.linksKtr .btnShu .linkBtn {
  padding: 31px 0 0 120px;
}
.linksKtr .btnItem .linkBtn {
  padding: 31px 0 0 120px;
}
.linksKtr .btnTak .linkBtn {
  padding: 28px 0 0 123px;
}
.linksKtr .btnPac .linkBtn {
  padding: 23px 0 0 137px;
}
.linksKtr .btnShop .linkBtn {
  padding: 31px 0 0 121px;
}
.linksKtr .btnCom .linkBtn {
  padding: 28px 0 0 20px;
  font-size: 2.3rem;
  letter-spacing: 0;
}
.links .linkBtn .block {
  font-weight: bold;
  color: #fff;
}
.links .linkBtn .block:before {
  content: "";
  display: inline-block;
  margin-right: 13px;
  vertical-align: -10px;
}
.links .btnTak .block:before {
  width: 50px;
  height: 44px;
  background: url("img/common/icon_takuhai.png") no-repeat center center;
  background-size: 100%;
}
.links .btnShu .block:before {
  width: 50px;
  height: 38px;
  background: url("img/common/icon_shutcho02.png") no-repeat center center;
  background-size: 100%;
}
.links .btnItem .block:before {
  width: 52px;
  height: 36px;
  background: url("img/common/icon_item.png") no-repeat center center;
  background-size: 100%;
}
.links .btnPac .block:before {
  width: 46px;
  height: 50px;
  background: url("img/common/icon_konpou.png") no-repeat center center;
  background-size: 100%;
}
.links .btnShop .block:before {
  width: 40px;
  height: 38px;
  background: url("img/common/icon_shop.png") no-repeat center center;
  background-size: 100%;
}
.links .btnCom .block:before {
  width: 44px;
  height: 44px;
  background: url("img/common/icon_com.png") no-repeat center center;
  background-size: 100%;
}
.links .linkBtn:before {
  bottom: -200%;
  width: 150%;
}
.links .linkBtn:hover:before {
  height: 670%;
}

.readSe .readTtl {
  margin-bottom: 50px;
  font-family: "Noto Serif JP", serif;
  font-size: 3rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1em;
}
.readSeSub {
  margin-bottom: 60px;
}
.readSe {
  padding-top: 100px;
  /*margin-bottom: 100px;*/
}

/* 探すエリア */
.topContsNav {
  margin-bottom: 100px;
}
.topContsNav .navBox {
  position: relative;
  display: inline-block;
  width: 48%;
  vertical-align: middle;
  background-color: #000;
  border: 6px solid #000;
}
.navBoxLt {
  margin-right: 30px;
}
.navBox a {
  display: block;
  width: 100%;
  height: 100%;
}
.navBox img {
  width: 100%;
  height: auto;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
.navBox p {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  font-size: 2.9rem;
  letter-spacing: 0.1em;
  color: #fff;
  transform: translate(-50%, -50%);
}
.navBox .assist {
  display: block;
  margin-top: 22px;
  font-size: 4.4rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #fff;
}

/* 最新買取実績スライダー　タイトル周り */
.topSe1 {
  margin-bottom: 100px;
}
.se1Head {
  position: relative;
}
.se1HeadTtl {
  margin-bottom: 50px;
  font-family: "Noto Serif JP", serif;
  font-size: 4.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
}
.topSe1 .buyListBtn {
  position: absolute;
  top: -11px;
  right: 0;
  width: 212px;
}
.topSe1 .buyListLInk {
  height: 66px;
  padding-left: 25px;
}
.buyListLInk .btnLinkIn {
  line-height: 66px;
}
/* ===== 買取ページ共通 ===== */
.ktrPoint ul {
  margin-bottom: 40px;
}
.shopPoint ul {
  margin-bottom: 0;
}
.ktrPoint li {
  position: relative;
  display: table;
  float: left;
  width: 240px;
  height: 240px;
  margin-right: 40px;
  text-align: center;
  background-color: #4b3b0c;
  border-radius: 50%;
}

@media screen and (max-width: 1149px) {
  .ktrPoint li {
    width: 23.8%;
    height: 22.35vw;
    margin-right: 1.5%;
  }
}
.ktrPoint li:nth-last-of-type(1) {
  margin-right: 0;
}
.ktrPoint .block {
  display: table-cell;
  padding-top: 60px;
  vertical-align: top;
  font-family: "Noto Serif JP", serif;
  font-size: 2.7rem;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.1em;
  color: #fff;
}
.shopPoint .gama .block {
  letter-spacing: 0;
}
.ktrPoint .genkin .block,
.ktrPoint .ok .block,
.ktrPoint .gama .block {
  padding-top: 52px;
}
.shopPoint .genkin .block {
  padding-top: 64px;
}
.ktrPoint .koji .block,
.ktrPoint .bank .block {
  padding-top: 40px;
}
.ktrPoint .block:before {
  content: "";
  display: block;
  margin: 0 auto 17px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
}
.ktrPoint .shu .block:before {
  width: 50px;
  height: 48px;
  background-image: url("img/common/icon_shutcho.png");
}
.ktrPoint .sti .block:before {
  width: 48px;
  height: 48px;
  background-image: url("img/common/icon_secret.png");
}
.ktrPoint .genkin .block:before {
  width: 65px;
  height: 47px;
  margin: 0 auto 7px;
  background-image: url("img/common/icon_yen.png");
}
.ktrPoint .ok .block:before {
  width: 30px;
  height: 52px;
  margin: 0 auto;
  background-image: url("img/common/icon_ok.png");
}
.ktrPoint .muryo .block:before {
  width: 51px;
  height: 48px;
  background-image: url("img/common/icon_muryo.png");
}
.ktrPoint .bank .block:before {
  width: 38px;
  height: 50px;
  margin: 0 auto;
  background-image: url("img/common/icon_bank.png");
}
.ktrPoint .koji .block:before {
  width: 38px;
  height: 50px;
  margin: 0 auto;
  background-image: url("img/common/icon_koji.png");
}
.ktrPoint .wt .block:before {
  width: 39px;
  height: 52px;
  margin: 0 auto 8px;
  background-image: url("img/common/icon_watch.png");
}
.ktrPoint .gama .block:before {
  width: 46px;
  height: 45px;
  margin: 0 auto;
  background-image: url("img/common/icon_saifu.png");
}
.ktrPoint .genkin .kome1 {
  position: absolute;
  top: 50%;
  right: 26px;
  margin-top: -1em;
  color: #fff;
}
.ktrPoint .muryo .kome1 {
  position: absolute;
  top: 50%;
  right: 26px;
  margin-top: -1em;
  color: #fff;
}
.ktrPoint li .assist {
  font-family: "Noto Serif JP", serif;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #fff;
}
.ktrPoint .small {
  font-family: "Noto Serif JP", serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  color: #fff;
}
.ktrPoint .large {
  font-family: "Noto Serif JP", serif;
  font-size: 3.5rem;
  font-weight: 500;
  letter-spacing: 0;
  color: #fff;
  border-bottom: 2px solid #fff;
}

@media screen and (max-width: 1080px) {
  .ktrPoint .large {
    font-size: 3rem;
  }
}
.ktrPoint .large {
  display: inline-block;
  padding-bottom: 6px;
  margin-bottom: -3px;
  line-height: 1;
}
.komeTxt {
  font-size: 1.6rem;
  letter-spacing: 0.08em;
}
.subConts .telSatei {
  margin-bottom: 60px;
}
.jnbSe {
  margin-bottom: 80px;
}
.ktrSe h3 {
  margin-bottom: 20px;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.ktrSe .ktrSeTtl {
  margin-bottom: 20px;
  font-family: "Noto Serif JP", serif;
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.ktrIn {
  padding: 30px;
  border: 1px solid #ccc;
}
.ktrInTtl {
  display: inline-block;
  padding: 12px 20px;
  margin-bottom: 30px;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  color: #fff;
  background-color: #978553;
}
.ktrInTxt {
  margin-bottom: 15px;
  font-size: 2rem;
  letter-spacing: 0.1em;
}
.ktrAtt {
  padding: 12px 30px;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #da2533;
}
.ktrNot li {
  font-size: 1.6rem;
  margin-bottom: 20px;
}
.ktrNot li:nth-last-ot-type(1) {
  margin-bottom: 0;
}
.ktrNot li:before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 20px;
  background: url("img/icon_batsu.jpg") no-repeat 0 0;
  background-size: 100%;
  vertical-align: -6px;
}
.ktrNot li.triangle:before {
  background: url("img/icon_sankaku.jpg") no-repeat 0 0;
  background-size: 100%;
}
.ktrSateiConts {
  margin: 0 auto 60px;
}
@media screen and (max-width: 1149px) {
  .gNavList {
    margin-right: 10px;
  }
}
.topRcord {
  max-width: 340px !important;
  height: 0;
  overflow: hidden;
}
@media screen and (max-width: 1140px) {
  /* ===== footer ===== */
  .footerUp {
    justify-content: center;
  }
  .footerUpLeft {
    padding: 4px 45px 24px 0;
  }
  .footerUpRight {
    padding-left: 45px;
  }
  .contsInner {
    width: 94%;
  }
  .purposeConts {
    justify-content: center;
  }
  .purposeLeft {
    margin-right: 23px;
  }
  .purposeLeftTxt01 {
    font-size: 1.6rem;
  }
  .purposeLeftTxt02 {
    padding: 10px 10px;
    font-size: 1.6rem;
  }
  .purposeTelLink {
    font-size: 5.8rem;
  }
  .btnLine,
  .btnOnline {
    width: 260px;
    max-width: 260px;
  }
  .btnLine {
    padding: 13px 11px;
  }
  .purpose .btnLine {
    padding: 13px 16px;
  }
  .purpose .btnOnline {
    padding: 15px 10px;
  }
}
@media screen and (max-width: 639px) {
  .btnLine {
    padding: 0;
  }
}
.qrCode {
  width: 62px;
}
.btnOnline {
  padding: 10px 11px;
}
.iconPhone {
  width: 52px;
}

@media screen and (max-width: 639px) {
  /* -------------------------------------------------
layout
----------------------------------------------------*/
  .contsInner {
    width: 89.4%;
  }
  img {
    width: 100%;
    height: auto;
  }
  /*section ttl*/
  .secTtl {
    margin-bottom: 35px;
    font-size: 2.4rem;
  }
  .secTtl:after {
    width: 48px;
    margin: 20px auto 0;
  }
  .secTtlTxt {
    font-size: 2.4rem;
    line-height: 1.3;
  }
  .secTtlTxtMid {
    font-size: 2rem;
  }
  .secTtlTxtSmall {
    font-size: 1.6rem;
  }
  /* ボタン */
  .btnLinkIn {
    font-size: 1.6rem;
  }

  /*追従ブロック*/
  .sateiBlock.pc {
    display: none;
  }

  #fixedNav.sp {
    display: block !important;
  }

  #fixedNav {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10000;
  }

  #fnCopy {
    width: 100%;
    padding: 5px 0;
    font-size: 2.933vw;
    font-weight: bold;
    color: #000;
    text-align: center;
    background: #e5e5e5;
  }

  .fnRed {
    color: #da2533;
    font-weight: bold;
  }

  #fnBtnWrap {
    display: flex;
    justify-content: center;
  }

  #fnTelBtn {
    display: table;
    width: 40%;
    height: 10.667vw;
  }

  #fnMailBtn {
    display: table;
    width: 30%;
    height: 10.667vw;
  }

  #fnLineBtn {
    display: table;
    width: 30%;
    height: 10.667vw;
  }

  #fnTelBtn a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    background: #000;
    text-align: center;
  }

  .fnSubTxt {
    font-size: 2.133vw;
    font-weight: bold;
    color: #d8c36d;
  }

  .fnGrey {
    color: #bcbcbc;
    font-weight: bold;
  }

  .fnSubTxt .robo {
    color: #bcbcbc;
    font-weight: bold;
  }

  #fnTel {
    font-size: 4.533vw;
    font-weight: bold;
  }

  #fnTel .robo {
    display: inline-block;
    vertical-align: middle;
    color: #d8c36d;
    font-weight: bold;
  }

  #fnMailBtn a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    background: #da2533;
    color: #fff;
    text-align: center;
  }

  #fnMail {
    font-size: 3.2vw;
  }

  #fnMail span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-weight: bold;
  }

  #fnLineBtn a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    background: #00b900;
    text-align: center;
  }

  #fnLine {
    font-size: 3.2vw;
  }

  #fnLine span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-weight: bold;
  }

  #fnMail::before {
    content: "";
    width: 14px;
    height: 10px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
    background: url(img/common/fnav_icon_mail.png) 0 0 no-repeat;
    background-size: auto;
    -webkit-background-size: contain;
    background-size: contain;
  }

  #fnLine:before {
    content: "";
    width: 18px;
    height: 18px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
    background: url(img/common/fnav_icon_line.png) 0 0 no-repeat;
    background-size: auto;
    -webkit-background-size: contain;
    background-size: contain;
  }

  /*pageTop*/
  .pagetop {
    margin-bottom: 56px;
  }
  /*--  パンくず  --*/
  .linkPath {
    margin-top: -45px;
    margin-bottom: 50px;
  }
  /*--　共通ブロック　--*/
  .purpose {
    padding: 56px 0;
  }
  .purposeHead {
    margin-bottom: 40px;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
  }
  .purposeHeadSize {
    font-size: 2.8rem;
    font-weight: 900;
  }
  .purposeHead:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 31px;
    margin-right: 8px;
    background: url("img/common/icon_contact_area01.png") no-repeat 0 0 / 100%;
    vertical-align: -7px;
  }
  .purposeHead br {
    display: inline-block;
  }
  .purposeConts {
    justify-content: center;
  }
  .purposeLeft {
    margin-bottom: 20px;
    margin-right: 0;
    padding-top: 0;
    text-align: center;
  }
  .purposeLeftHead {
    justify-content: center;
  }
  .purposeLeftTxt01 {
    font-size: 1.4rem;
  }
  .purposeLeftTxt02 {
    font-size: 1.4rem;
    letter-spacing: 0.05em;
  }
  .purposeTelLink {
    font-size: 5rem;
  }
  .purposeTelLink:before {
    width: 24px;
    vertical-align: -8px;
  }
  .purpose .btnLine,
  .purpose .btnOnline {
    width: 100%;
    max-width: 326px;
    height: 90px;
    margin: 0 auto;
  }
  .purpose .btnLine {
    margin-bottom: 12px;
    padding: 8px 40px;
  }
  .qrCode {
    width: 62px;
  }
  .purpose .btnOnline {
    padding: 10px 40px;
  }
  .iconPhone {
    width: 52px;
  }
  .btnPurposeConts {
    font-size: 2rem;
  }
  /*--　買取スライダー　--*/
  .listBoxHead {
    font-size: 1.8rem;
  }

  /*-- 検索エリア --*/
  #search {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 56px;
    padding-top: 56px;
  }
  .searchArea {
    width: 100%;
  }
  .searchHeadArea {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
  }
  .searchHead {
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.1em;
  }
  @media screen and (min-width: 370px) {
    .searchHead {
      font-size: 2rem;
    }
  }
  .searchBtn {
    width: 133px;
  }
  .searchLink {
    height: 40px;
    padding-left: 12px;
  }
  .searchBtn .btnLinkIn {
    font-size: 1.4rem;
    line-height: 40px;
  }
  .searchBtn .btnLinkIn:before {
    right: 16px;
    width: 18px;
    height: 18px;
  }
  .searchBtn .btnLinkIn:after {
    right: 22px;
    width: 6px;
    height: 6px;
  }
  /*ジャンル*/
  .searchGenre {
    margin-bottom: 48px;
  }
  .searchGenreList ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .searchGenreList ul:after {
    content: "";
    display: inline-block;
    width: 32.4%;
  }
  .searchGenreList li {
    width: 48.8%;
    margin-bottom: 20px;
  }
  .searchGenreList a {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .genreFigure {
    margin-right: 20px;
  }
  .genreList {
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    transition: all 0.3s ease-in-out;
  }
  /*ブランド*/
  .searchBrandList ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .searchBrandList ul:after {
    content: "";
    display: inline-block;
    width: 32.4%;
  }
  .searchBrandList li {
    width: 46%;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dotted #999;
  }
  .searchBrandList li a {
    display: block;
    width: 100%;
    line-height: 1.5;
    font-size: 1.4rem;
    transition: all 0.3s ease-in-out;
  }
  .searchBrandList img {
    width: 100%;
  }
  .searchGenreList a:before,
  .searchBrandList a:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 8px 0 0;
    background: #000;
    border-radius: 50%;
    vertical-align: 2px;
  }

  /* ===== 買取ページ共通 ===== */
  .ktrPoint ul {
    text-align: center;
    margin-bottom: 10px;
  }

  .shopPoint ul {
    text-align: center;
    margin-bottom: 0;
  }

  .ktrPoint li {
    position: relative;
    display: inline-block;
    float: none;
    width: 158px;
    height: 158px;
    margin-right: 8px;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 50%;
    vertical-align: top;
  }

  .ktrPoint li:nth-of-type(2n) {
    margin-right: 0;
  }

  .ktrPoint .block {
    display: block;
    padding: 33px 0 34px;
    vertical-align: top;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.1em;
  }

  .shopPoint .gama .block {
    letter-spacing: 0;
  }

  .ktrPoint .shu .block {
    padding: 41px 0;
  }

  .ktrPoint .genkin .block,
  .ktrPoint .ok .block,
  .ktrPoint .gama .block {
    padding-top: 24px;
  }

  .shopPoint .genkin .block {
    padding: 39px 0;
  }

  .ktrPoint .koji .block,
  .ktrPoint .bank .block {
    padding: 9px 0;
  }

  .ktrPoint .block:before {
    content: "";
    display: block;
    margin: 0 auto 10px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
  }

  .ktrPoint .shu .block:before {
    width: 40px;
    height: 32px;
    background-image: url("img/common/icon_shutcho.png");
  }

  .ktrPoint .sti .block:before {
    width: 38px;
    height: 39px;
    background-image: url("img/common/icon_secret.png");
  }

  .ktrPoint .genkin .block:before {
    width: 52px;
    height: 38px;
    margin: 0 auto 7px;
    background-image: url("img/common/icon_yen.png");
  }

  .ktrPoint .ok .block:before {
    width: 24px;
    height: 41px;
    margin: 0 auto 8px;
    background-image: url("img/common/icon_ok.png");
  }

  .ktrPoint .muryo .block:before {
    width: 41px;
    height: 32px;
    background-image: url("img/common/icon_muryo.png");
  }

  .ktrPoint .bank .block:before {
    width: 30px;
    height: 42px;
    margin: 0 auto 8px;
    background-image: url("img/common/icon_bank.png");
  }

  .ktrPoint .koji .block:before {
    width: 30px;
    height: 40px;
    margin: 0 auto 5px;
    background-image: url("img/common/icon_koji.png");
  }

  .ktrPoint .wt .block:before {
    width: 31px;
    height: 42px;
    margin: 0 auto 8px;
    background-image: url("img/common/icon_watch.png");
  }

  .ktrPoint .gama .block:before {
    width: 37px;
    height: 36px;
    margin: 0 auto 8px;
    background-image: url("img/common/icon_saifu.png");
  }

  .ktrPoint .genkin .kome1 {
    position: absolute;
    top: 55px;
    right: 15px;
  }

  .ktrPoint .muryo .kome1 {
    position: absolute;
    top: 50%;
    right: 26px;
    margin-top: -1em;
  }

  .ktrPoint li .assist {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0;
  }

  .ktrPoint .small {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0;
  }

  .ktrPoint .large {
    margin-top: 4px;
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #fff;
    border-bottom: 3px solid #fff;
  }

  .ktrPoint .large {
    display: inline-block;
    padding-bottom: 0;
    margin-bottom: 3px;
    line-height: 1;
  }

  .komeTxt {
    font-size: 1.3rem;
    line-height: 1.5;
    letter-spacing: 0.08em;
  }

  .subConts .telSatei {
    margin-bottom: 60px;
  }

  .subConts .telSatei .inner {
    width: 100%;
  }

  .jnbSe {
    margin-bottom: 40px;
  }

  .ktrSe .ktrSeTtl {
    margin-bottom: 20px;
    font-family: "Noto Serif JP", serif;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0.1em;
  }

  .ktrIn {
    padding: 20px;
    border: 1px solid #ccc;
  }

  .ktrInTtl {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 15px;
    font-size: 1.4rem;
    letter-spacing: 0.08em;
    color: #fff;
    background-color: #978553;
  }

  .ktrInTxt {
    margin-bottom: 15px;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }

  .ktrAtt {
    padding: 12px;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.1em;
    color: #fff;
    background-color: #da2533;
  }

  .ktrNot li {
    font-size: 1.4rem;
    line-height: 1.5;
    padding-left: 25px;
    margin-bottom: 10px;
    background: url("img/icon_batsu.jpg") no-repeat 0 2px;
    background-size: 17px;
  }
  .ktrNot li:before,
  .ktrNot li.triangle:before {
    display: none;
  }

  .ktrNot li.triangle {
    background: url("img/icon_sankaku.jpg") no-repeat 0 2px;
    background-size: 17px;
  }

  .ktrNot li:nth-last-ot-type(1) {
    margin-bottom: 0;
  }

  .ktrSateiConts {
    margin-bottom: 40px;
  }

  /* -- 買取のご依頼前に読んでいただきたいページです -- */
  .readSe {
    padding-top: 50px;
    margin-bottom: 40px;
  }

  .readSe .readTtl {
    margin-bottom: 20px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.1em;
  }

  .begLinks li,
  .links .linkBtn {
    width: 100%;
  }

  .begLinks li {
    margin: 0 0 15px;
  }

  .begLinks .linkBtn {
    height: auto;
    padding: 15px 0 !important;
    text-align: center;
  }

  .linkBtn {
    position: relative;
    display: block;
    /*border: 3px solid #D8C36D;
		border-radius: 10px;
		overflow: hidden;*/
  }

  /*
	.linkBtn:after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 6.7vw 6.7vw;
		border-color: transparent transparent #D8C36D transparent;
	}
*/

  .linkBtn span.block {
    position: relative;
    display: block;
    font-size: 1.6rem;
  }

  .linkTak .linkBtn .block {
    width: 240px;
    margin: auto;
    transform: translateX(-1em);
  }

  .linkShu .linkBtn .block {
    width: 260px;
    margin: auto;
  }

  .linkSho .linkBtn .block {
    width: 260px;
    margin: auto;
  }

  #fnTel:before {
    content: "";
    width: 11px;
    height: 14px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
    background: url("img/common/fnav_icon_phone.png") no-repeat 0 0 / contain;
  }

  .links .btnTak .block:before {
    width: 40px;
    height: 37px;
    margin-right: 10px;
    background: url("img/common/icon_takuhai.png") no-repeat center center /
      100%;
    vertical-align: -3.3vw;
  }

  .links .btnShu .block:before {
    width: 38px;
    height: 37px;
    margin-right: 5px;
    background: url("img/common/icon_shutcho02.png") no-repeat center center /
      100%;
    vertical-align: -12px;
  }

  .readSe li {
    width: 47.5%;
    height: auto;
    margin: 0 2.5% 8px 0;
  }

  .readSe li:nth-last-of-type(1) {
    margin: 0;
  }

  .readSe li:nth-of-type(even) {
    margin: 0 0 8px;
  }

  .readSe li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    text-align: center;
  }

  .readSe li span {
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.1em;
  }

  .readSe li span:before {
    content: "";
    display: block;
    margin-right: 3.8%;
  }

  .readSe .btnBeg span.block:before {
    width: 27px;
    height: 50px;
    background: url("img/common/icon_wakaba02.png") no-repeat right center;
    background-size: 100%;
  }

  .readSe .btnFlow span.block:before {
    width: 29px;
    height: 50px;
    background: url("img/common/icon_flow02.png") no-repeat right center;
    background-size: 100%;
  }

  .readSe .btnSec span.block:before {
    width: 31px;
    height: 50px;
    background: url("img/common/icon_secret.png") no-repeat right center;
    background-size: 100%;
  }

  .readSeSub .btnTak span.block:before {
    width: 43px;
    height: 50px;
    background: url("img/common/icon_takuhai.png") no-repeat center bottom;
    background-size: 100%;
  }

  .readSeSub .btnLine span.block:before {
    width: 22px;
    height: 37px;
    margin: 0 auto 12px;
    background: url("img/common/icon_line02.png") no-repeat center bottom;
    background-size: 100%;
  }

  /* -- コンテンツナビ -- */
  .topContsNav {
    margin-bottom: 8vw;
  }

  .topContsNav .navBox {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    vertical-align: middle;
    background-color: #000;
    border: 3px solid #000;
  }

  .navBoxLt {
    margin-bottom: 15px;
  }

  .navBox a {
    display: block;
    width: 100%;
    height: 100%;
  }

  .navBox img {
    width: 100%;
    height: auto;
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
  }

  @media screen and (min-width: 641px) {
    .navBox a:hover img {
      opacity: 0.8;
    }
  }

  .navBox p {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    font-size: 1.5rem;
    letter-spacing: 0.1em;
    color: #fff;
    transform: translate(-50%, -50%);
  }

  .navBox .assist {
    display: block;
    margin-top: 15px;
    font-size: 2.1rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #fff;
  }

  /* -- 最新買取実績 -- */
  .kaitoriListsConts {
    margin: 0 auto 8vw;
  }
  .se1Head {
    position: relative;
  }

  .topSe1 {
    margin-bottom: 60px;
  }

  .se1HeadTtl {
    margin-bottom: 20px;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-align: center;
  }

  .topSe1 .linkBuylist {
    text-align: center;
  }

  .buyListBtn.pc {
    display: none;
  }
  .kaitoriBtn.sp {
    display: block !important;
  }
  .kaitoriBtn.sp .kaitoriLink {
    text-align: center;
    height: 54px;
  }
  .kaitoriBtn.sp .btnLinkIn {
    line-height: 54px;
  }
}

@media screen and (max-width: 370px) {
  .purposeHead,
  .purposeHeadSize {
    letter-spacing: 0.08em;
  }
  .purposeHead {
    font-size: 1.6rem;
  }
  .purposeLeftTxt01 {
    font-size: 1.2rem;
  }
  .purposeLeftTxt02 {
    font-size: 1.2rem;
    letter-spacing: 0;
  }
  .purposeTelLink {
    font-size: 4rem;
  }
  .purposeTelLink::before {
    width: 17px;
    height: 25px;
    vertical-align: -3px;
  }
  .purpose .btnLine,
  .purpose .btnOnline {
    max-width: 286px;
  }
  .purpose .btnLine {
    margin-bottom: 12px;
    padding: 8px 25px;
  }
  .qrCode {
    width: 55px;
  }
  .purpose .btnOnline {
    padding: 10px 26px;
  }
  .iconPhone {
    width: 45px;
  }
}