/*
Theme Name: 買取屋さんグループ
Description: 買取屋さんグループ のテーマ
Version: 1.0
Author:	株式会社GRACE
License: GPL
License URI: https://www.gnu.org/copyleft/gpl.html
*/


@charset "utf-8";

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font-weight: normal;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,menu,nav,section {
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* Reset+ */

ol li,
ul li {
	list-style: none;
	list-style-position: inside;
}

img {
	border:none;
	vertical-align: bottom;
}

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

.mt05 { margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}
.mt25 {	margin-top: 25px !important;}
.mt30 {	margin-top: 30px !important;}
.mt35 {	margin-top: 35px !important;}
.mt40 {	margin-top: 40px !important;}
.mt45 {	margin-top: 45px !important;}
.mt50 {	margin-top: 50px !important;}
.mt55 {	margin-top: 55px !important;}
.mt60 {	margin-top: 60px !important;}
.mt65 {	margin-top: 65px !important;}
.mt70 {	margin-top: 70px !important;}
.mt75 {	margin-top: 75px !important;}
.mt80 {	margin-top: 80px !important;}
.mt85 {	margin-top: 85px !important;}
.mt90 {	margin-top: 90px !important;}
.mt95 {	margin-top: 95px !important;}
.mt100 { margin-top: 100px !important;}
.mb05 {	margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb35 {	margin-bottom: 35px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb45 {	margin-bottom: 45px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mb55 {	margin-bottom: 55px !important;}
.mb60 {	margin-bottom: 60px !important;}
.mb65 {	margin-bottom: 65px !important;}
.mb70 {	margin-bottom: 70px !important;}
.mb75 {	margin-bottom: 75px !important;}
.mb80 {	margin-bottom: 80px !important;}
.mb85 {	margin-bottom: 85px !important;}
.mb90 {	margin-bottom: 90px !important;}
.mb95 {	margin-bottom: 95px !important;}
.mb100 { margin-bottom: 100px !important;}
.mr05 {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr15 {	margin-right: 15px !important;}
.mr20 {	margin-right: 20px !important;}
.mr25 {	margin-right: 25px !important;}
.mr30 {	margin-right: 30px !important;}
.mr35 {	margin-right: 35px !important;}
.mr40 {	margin-right: 40px !important;}
.mr45 {	margin-right: 45px !important;}
.mr50 {	margin-right: 50px !important;}
.mr55 {	margin-right: 55px !important;}
.mr60 {	margin-right: 60px !important;}
.mr65 {	margin-right: 65px !important;}
.mr70 {	margin-right: 70px !important;}
.mr75 {	margin-right: 75px !important;}
.mr80 {	margin-right: 80px !important;}
.mr85 {	margin-right: 85px !important;}
.mr90 {	margin-right: 90px !important;}
.mr95 {	margin-right: 95px !important;}
.mr100 {margin-right: 100px !important;}
.ml05 {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml15 {	margin-left: 15px !important;}
.ml20 {	margin-left: 20px !important;}
.ml25 {	margin-left: 25px !important;}
.ml30 {	margin-left: 30px !important;}
.ml35 {	margin-left: 35px !important;}
.ml40 {	margin-left: 40px !important;}
.ml45 {	margin-left: 45px !important;}
.ml50 {	margin-left: 50px !important;}
.ml55 {	margin-left: 55px !important;}
.ml60 {	margin-left: 60px !important;}
.ml65 {	margin-left: 65px !important;}
.ml70 {	margin-left: 70px !important;}
.ml75 {	margin-left: 75px !important;}
.ml80 {	margin-left: 80px !important;}
.ml85 {	margin-left: 85px !important;}
.ml90 {	margin-left: 90px !important;}
.ml95 {	margin-left: 95px !important;}
.ml100 { margin-left: 100px !important;}
.m_a { margin-right: auto; margin-left: auto;}
.pt00 {	padding-top: 0 !important;}
.pt05 {	padding-top: 5px !important;}
.pt10 {	padding-top: 10px !important;}
.pt15 {	padding-top: 15px !important;}
.pt20 {	padding-top: 20px !important;}
.pt25 {	padding-top: 25px !important;}
.pt30 {	padding-top: 30px !important;}
.pt35 {	padding-top: 35px !important;}
.pt40 {	padding-top: 40px !important;}
.pt45 {	padding-top: 45px !important;}
.pt50 {	padding-top: 50px !important;}
.pt55 {	padding-top: 55px !important;}
.pt60 {	padding-top: 60px !important;}
.pt65 {	padding-top: 65px !important;}
.pt70 {	padding-top: 70px !important;}
.pt75 {	padding-top: 75px !important;}
.pt80 {	padding-top: 80px !important;}
.pt85 {	padding-top: 85px !important;}
.pt90 {	padding-top: 90px !important;}
.pt95 {	padding-top: 95px !important;}
.pt100 { padding-top: 100px !important;}
.pb00 {	padding-bottom: 0 !important;}
.pb05 {	padding-bottom: 5px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb15 {	padding-bottom: 15px !important;}
.pb20 {	padding-bottom: 20px !important;}
.pb25 {	padding-bottom: 25px !important;}
.pb30 {	padding-bottom: 30px !important;}
.pb35 {	padding-bottom: 35px !important;}
.pb40 {	padding-bottom: 40px !important;}
.pb45 {	padding-bottom: 45px !important;}
.pb50 {	padding-bottom: 50px !important;}
.pb55 {	padding-bottom: 55px !important;}
.pb60 {	padding-bottom: 60px !important;}
.pb65 {	padding-bottom: 65px !important;}
.pb70 {	padding-bottom: 70px !important;}
.pb75 {	padding-bottom: 75px !important;}
.pb80 {	padding-bottom: 80px !important;}
.pb85 {	padding-bottom: 85px !important;}
.pb90 {	padding-bottom: 90px !important;}
.pb95 {	padding-bottom: 95px !important;}
.pb100 { padding-bottom: 100px !important;}
.pr05 {	padding-right: 5px !important;}
.pr10 {	padding-right: 10px !important;}
.pr15 {	padding-right: 15px !important;}
.pr20 {	padding-right: 20px !important;}
.pr25 {	padding-right: 25px !important;}
.pr30 {	padding-right: 30px !important;}
.pr35 {	padding-right: 35px !important;}
.pr40 {	padding-right: 40px !important;}
.pr45 {	padding-right: 45px !important;}
.pr50 {	padding-right: 50px !important;}
.pr55 {	padding-right: 55px !important;}
.pr60 {	padding-right: 60px !important;}
.pr65 {	padding-right: 65px !important;}
.pr70 {	padding-right: 70px !important;}
.pr75 {	padding-right: 75px !important;}
.pr80 {	padding-right: 80px !important;}
.pr85 {	padding-right: 85px !important;}
.pr90 {	padding-right: 90px !important;}
.pr95 {	padding-right: 95px !important;}
.pr100 { padding-right: 100px !important;}
.pl05 {	padding-left: 5px !important;}
.pl10 {	padding-left: 10px !important;}
.pl15 {	padding-left: 15px !important;}
.pl20 {	padding-left: 20px !important;}
.pl25 {	padding-left: 25px !important;}
.pl30 {	padding-left: 30px !important;}
.pl35 {	padding-left: 35px !important;}
.pl40 {	padding-left: 40px !important;}
.pl45 {	padding-left: 45px !important;}
.pl50 {	padding-left: 50px !important;}
.pl55 {	padding-left: 55px !important;}
.pl60 {	padding-left: 60px !important;}
.pl65 {	padding-left: 65px !important;}
.pl70 {	padding-left: 70px !important;}
.pl75 {	padding-left: 75px !important;}
.pl80 {	padding-left: 80px !important;}
.pl85 {	padding-left: 85px !important;}
.pl90 {	padding-left: 90px !important;}
.pl95 {	padding-left: 95px !important;}
.pl100 { padding-left: 100px !important;}
.fl_r { float: right; }
.fl_l { float: left; }
.fw_b { font-weight: bold; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_l { text-align: lrft; }
.w95per { width: 95%;}
.w90per { width: 90%;}
.w85per { width: 85%;}
.w80per { width: 80%;}
.w75per { width: 75%;}
.w70per { width: 70%;}
.w65per { width: 65%;}
.w60per { width: 60%;}
.w55per { width: 55%;}
.w50per { width: 50%;}

/* 遅延 */
.bg-lazy,
.bg-lazy::after,
.bg-lazy::before {
  background-image: none!important;
}


/* Common */

body {
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 18px;
  line-height: 1.8;
  color: #000;
  position: relative;
}

.serif {
  font-family:"Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-size: 16px;
}

.maru {
  font-family: ヒラギノ角ゴシック;
  font-weight: 400;
  /* font-style: oblique; */
}

a {
  color: #000;
	text-decoration:none;
}

a:hover {
  color: #000;
  opacity: 0.6;
  -webkit-transition: all .5s;
  transition: all .5s;
}

a:hover img {
	opacity: 0.8;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.red {
	color: #ff0000;
}

/*クリアフィックス*/
.cf:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

img {
  width: 100%;
  height: auto;
  text-align: center;
}

.img {
  text-align: center;
}

.inner {
    width: 1190px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}

/* ヘッダー　電話・ラインCTA */
.item_right {
  display: flex;
}

p.btn_phone.inline.pc {
  padding-right: 4%;
}

/* セクション共通 */

section {
  padding: 40px 0;
}

.h2 {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
}

.h3 {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 25px;
}

.horizontal-line {
    overflow: hidden;
    text-align: center;
}

.horizontal-line span {
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
	font-weight: bold;
}

.horizontal-line span:before,
.horizontal-line span:after {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    width: 99em;
}

.horizontal-line span:before {
    right: 100%;
}

.horizontal-line span:after {
    left: 100%;
}

.tablebox {
  display: table;
  width: 100%;
}
.tablebox .left,
.tablebox .right {
  display: table-cell;
  vertical-align: top;
  width: 50%;
}
.tablebox .left img,
.tablebox .right img {
  vertical-align: top;
}

.flex {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 1%;
}

/* ヘッダー */

header .upper {
  background: #c60f14;
  color: #fff;
}

header .lower .flex {
  align-items: center;
}

header .lower .flex .left {
  width: 740px;
}

header .lower .flex .right {
  width: 260px;
}

header .lower .flex .inline {
  display: inline-block;
  vertical-align: middle;
}

header .lower .shopname,
header .lower .info {
  margin-left: 10px;
}

header .lower .shopname {
  font-size: 30px;
  line-height: 1;
  padding-top: 5px;
}

header .lower .info {
  line-height: 1.1;
}

header .lower .info .tel span {
  font-size: 36px;
  font-weight: bold;
}

header .lower .info .time {
  font-size: 80%;
}


/* ハンバーガーブロック */
.hamburger-menu {
  display: none; /* デフォルトで非表示 */
}

.menu-action span.yazirusi01  {
  margin: 0 0 0 17.9vw;
  font-weight: bold;
  font-size: 1.2vw;
}

.menu-action span.yazirusi02  {
  margin: 0 0 0 15vw;
  font-weight: bold;
  font-size: 1.2vw;
}

span.menu-arrow {
  color: #e04448;
  font-weight: bold;
}

.hamburger-menu {
  /* position: fixed; */
  top: 2vw;
  right: 2vw; /* 右上に固定 */
  z-index: 1000;
}

/* ハンバーガーボタン */
.menu-toggle {
  width: 4.6vw;
  height: 4.6vw;
  cursor: pointer;
  /* margin-top: 6.5vw; */
}

/* メニュー全体 */
.menu {
  display: none; /* 初期状態で非表示 */
  position: fixed;
  top: 15vw;
  right: 0;
  background-color: #fff;
  width: 35vw;
  /* height: calc(100% - 60px);  */
  /* box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1); */
  z-index: 999;
  overflow-y: auto;
  overscroll-behavior: contain; 
}

/* メニューのヘッダー部分 */
.menu-header {
  background-color: #e04448;
  color: #fff;
  font-size: 3vw;
  font-weight: bold;
  padding: 0.8vw 1vw 0.8vw 2.5vw;
}

/* メニュー項目 */
.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu ul li {
  border-bottom: 1px solid #f2f2f2;
}


.menu ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8vw 1vw 0.8vw 2.5vw;
  text-decoration: none;
  font-size: 1.3vw;
  color: #333;
  font-weight: 600;
}

.menu ul li a:hover {
  background-color: #f9f9f9;
}

/* 非クリック要素「当社について」 */
.menu-highlight {
  background-color: #e04448;
  color: #fff;
  font-size: 1.3vw;
  font-weight: bold;
  padding: 2vw 0.4vw 2vw 3vw;
}

/* メニュー内アクション */
/* .menu-actions {
  padding: 10px 20px;
} */

.menu-action {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff6a45;
  color: #fff;
  text-decoration: none;
  font-size: 1.3vw;
  padding: 0.8vw 0vw 0.8vw 0.7vw;
}

.menu-action.line {
  background-color: #06c755;
}

.menu-action img {
  width: 3vw;
  margin-right: 0.6vw;
}

.menu-action span {
  flex-grow: 1;
  font-size: 1.5vw;
  font-weight: 600;
  color: #fff;
}

/* メニュー表示切り替え */
.menu.show {
  display: block;
}


/* メインビジュアルブロック */
#mv {
  background-image:url(images/MV_bg.jpg);
  background-position:center;
  background-repeat:no-repeat;
  -moz-background-size:cover;
  background-size:cover;
  padding: 40px 0 0 0;
  /* height: 48.8vw; */
  /* padding-top: 50%; */
  /* box-shadow */
  /* box-shadow:0px 4px 5px -1px #cccccc inset; */
}

.mv_bg {
  width: 52vw;
  max-width: 1000px;
  margin-bottom: -0.3vw;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* #mv {
  position: relative;
  overflow: hidden;
} */

/* @media only screen and (min-width: 1575px) {
  #mv {
    background-image:url(images/MV_bg.jpg);
    background-position:center;
    background-repeat:no-repeat;
    -moz-background-size:cover;
    background-size:cover;
    height: 45.8vw;
  }

  .mv_bg {
    position: absolute;
    bottom: -1%;
    left: 20%;
    width: 65%;
    height: auto;
    max-width: 1024px;
  }
} */



/* .mv_bg {
   width: 65%;
  display: block;
  margin: 0% 17% -9.7%; 
} */

/* #mv .inner {
  position: relative;
}

#mv .mv_img01 {
  position: absolute;
  top: 0;
  left: 0;
}

#mv .mv_img02 {
  position: absolute;
  top: 360px;
  left: 0;
}

#mv .mv_img03 {
  position: absolute;
  top: 330px;
  left: 510px;
} */

/* トップページコンテンツ */
#satei_call {
  background-image: url(images/satei_call.jpg);
  padding: 8% 0 17% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.satei_call_family {
  position: relative;
  margin: 0 auto;
}

.family_text_parent {
  display: flex;
  justify-content: center;
}

/* 背景 */
.family-image {
  margin: 0 auto;
  display: block;
  width: 56.7vw;
  max-width: 1190px;
}
/* 前面 */
.hukidasi {
  position: absolute;
  z-index: 2;
  width: 51.6vw;
  max-width: 900px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: clamp(5%, 3vw, 9%);
}
/* 前面 */
.satei_woman {
  position: absolute;
  width: 15.63vw;
  max-width: 300px;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(58%, -9%);
}

img.family_text {
  max-width: 617px;
  width: 32.81vw;
  margin-left: -17vw;
  padding: 1% 0;
}


.satei_call_cta{
  position: absolute;
  z-index: 2;
  width: 56.25vw;
  max-width: 1070px;
  transform: translateX(-50%);
  left: 50%;
}

.tel_top {
  font-family: noto-sans-jp, sans-serif;
  font-weight: 900;
  font-size: clamp(16px, 4.5vw, 72px);
  color: #fff;
  position: absolute;
  left: 20%;
  top: 30%;
  text-shadow: 
  -2px -2px 0 #f80b0b,   /* 上左 */
  2px -2px 0 #f80b0b,    /* 上右 */
  -2px 2px 0 #f80b0b,    /* 下左 */
  2px 2px 0 #f80b0b,     /* 下右 */
  2px 2px 5px rgba(0, 0, 0, 0.9); /* ドロップシャドウ */
}

.satei_call_cta .time_top {
  font-family: noto-sans-jp, sans-serif;
  font-size: clamp(13px, 1.5vw, 25px);
  color: #fff;
  position: absolute;
  left: 36%;
  top: 72%;
  font-weight: bold;
}

.satei_call_cta .tel .tel {
  font-family: noto-sans-jp, sans-serif;
  font-weight: 900;
  font-size: clamp(16px, 4.5vw, 72px);
  color: #fff;
  position: absolute;
  left: 21%;
  top: -200%;
  text-shadow: 
  -2px -2px 0 #f80b0b,   /* 上左 */
  2px -2px 0 #f80b0b,    /* 上右 */
  -2px 2px 0 #f80b0b,    /* 下左 */
  2px 2px 0 #f80b0b,     /* 下右 */
  2px 2px 5px rgba(0, 0, 0, 0.9); /* ドロップシャドウ */
}

.satei_call_cta .time {
  font-family: noto-sans-jp, sans-serif;
  font-size: clamp(13px, 1.5vw, 25px);
  color: #fff;
  position: absolute;
  left: 36%;
  top: 0%;
  font-weight: bold;
}

/* @media (max-width: 1050px) {
  .family-image {
    position: absolute;
    z-index: 1;
    max-width: 700px;
    display: block;
    left: 50%;
    transform: translateX(-50%); 
  }

  .hukidasi {
    position: absolute;
    z-index: 2;
    top: -100px;
    transform: translateX(-50%); 
    transform: scale(0.85);
    transform-origin: center;
  }
} */


#service_area {
  padding: 0;
}

#service_area .title {
  background: #c60f14;
}

#service_area .title h2 {
  color: #fff;
  padding-top: 5px;
  text-align: center;
}

/* #service_area .title h2:before,
#service_area .title h2::after {
  content: "▼";
} */

/* 遅延 */
#service_area .areabloc {
  background-image:url(images/area.jpg); 
  background-position:center;
  background-repeat:no-repeat;
  -moz-background-size:cover;
  background-size:cover;
  padding: 4% 0;
}

.rectangle {
  height: 200px;
  background-color: #fff;
  display: flex;
  align-items: center;
  margin: 0 auto;
  border: 4px solid #c60f14;
  width: 56.77vw;
  max-width: 1190px;
}

#service_area .areabloc .areatxt {
  width: 80%;
  margin: 0 auto;
  font-size: 18px;
  font-weight: bold;
  font-style: oblique;
}

#service_area .areabloc .txt01 {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
}

/* .twostep_flex2 {
  display: flex;
  text-align: center;
  display: block;
} */
 
.two_step {
  width: 53vw;
  max-width: 1030px;
  margin: 0 auto;
  display: block;
  margin-top: 3%;
}

.twostep_flex {
 display: flex;
 flex-direction: row-reverse;
 align-items: flex-end;
}

.twostep_title_red {
  max-width: 1440px;
  width: 42.9vw;
}

.twostep_title {
  width: 78vw;
  /* max-width: 1500px; */
  margin: 0% -1% 0 0;
}

.twostep {
  background-image:url(images/2step.jpg);
  background-position:center;
  background-repeat:no-repeat;
  -moz-background-size:cover;
  background-size:cover;
  padding: 4% 0;
}

.twostep_inner {
  max-width: 1024px;
  margin: 0 auto;
}

.twostep .img {
  display: inline-block;
}

.twostep .img01 {
  width: 43%;
}

.twostep .img02 {
  width: 55%;
}

/* .twostep_title {
  width: 75vw;
} */

.twostep_01 {
  width: 23.96vw;
  max-width: 300px;
  padding: 0% 0 5% 0;
}

.twostep_02 {
  width: 30vw;
  max-width: 400px;
  padding-top: 5%;
}

/* お伺いから査定まで
.saitan_inner {
  width: 1190px;
  margin: 0 auto;
} */

.contactbloc {
  background: #fff;
}

.satei_point {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

.satei_title {
  width: 56.77vw;
  max-width: 1190px;
}

.blue_box {
  padding: 4% 0% 0% 0% ;
}

.blue_01 {
  width: 18.7vw;
  max-width: 380px;
  padding: 0 0.5%;
}  

.blue_02 {
  width: 19.7vw;
  max-width: 400px;
  padding: 0 0.5%;
}  

.blue_03 {
  width: 17.7vw;
  max-width: 350px;
  padding: 0 0.5%;
}  

/* cta_section */

.cta_block_btn{
  max-width: 1190px;
  margin-top: -20%;
}

.cta_section {
 background-color: #ffdd1c;
 position: relative;
}

.cta_section {
  background-image: url(images/triangle.png);
  background-repeat: no-repeat;
  background-size: 6%;
  background-position: 50% 0%;
}

.triangle_png {
  width: 7%;
  margin: -2.9% 47%  0%;
}

.zeroen {
 position: relative;
}

.cta_section .satei_call_cta {
  position: absolute;
  z-index: 1;
  max-width: 1190px;
  width: 56.77vw;
}

.styled-hr {
  border: none;
  height: 0.4vw;
  background-color: black;
  margin: 0 auto;
  width: 51.04vw;
  max-width: 980px;
  margin-top: -2%;
}

img.zero {
  width: 60.85vw;
  max-width: 1190px;
  display: block;
  margin: 0 auto;
}

p.zeroen_text {
  font-size: clamp(14px, 3vw, 45px);
  text-align: center;
  margin-top: 4%;
  font-weight: bold;
  color: #124088;
}

.cta_section .satei_block {
  display: flex;
  justify-content: center;
}

.web_block {
  width: 27.94vw;
  max-width: 580px;
}

.line_block {
  width: 27.94vw;
  max-width: 580px;
}

/* @media (min-width: 1800px) {
  .satei_block {
    margin: 0 16%;
    display: flex;
    max-width: 1024px;
  }
} */

.contactbloc .box {
  border: 5px solid #c60f14;
  background: #fff;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.contactbloc .box .title01 {
  background: #c60f14;
  color: #fff;
  text-align: center;
  font-size: 36px;
}

.contactbloc .box .innerbox {
  padding: 15px;
}

.contactbloc .box .innerbox .title02 {
  margin-bottom: 10px;
}

.contactbloc .box .innerbox .txt01 {
  font-size: 30px;
  text-align: center;
  color: #c60f14;
}

.contactbloc .box .innerbox .txt01:before,
.contactbloc .box .innerbox .txt01::after {
  content: "▼";
}

.contactbloc .box .innerbox .txt02 {
  margin-bottom: 20px;
}

.contactbloc .box .innerbox .flex {
  align-items: center;
}

.contactbloc .box .innerbox .flex .item {
  width: 50%;
}

.contactbloc .box .innerbox .flex .left p {
  font-size: 30px;
  text-align: center;
  color: #c60f14;
  line-height: 1.4;
}

.contactbloc .box .innerbox .right {
  line-height: 1.2;
  text-align: center;
}

.contactbloc .box .innerbox .right .txt03 {
  font-weight: bold;
}

.contactbloc .box .innerbox .right .tel {
  font-size: 48px;
  font-weight: bold;
  color: #00aaa4;
  text-shadow:2px 2px 3px #cccccc,3px 3px 3px #b7bca1;
}

.contactbloc .box .innerbox .right .time {
  font-size: 16px;
}

#service_area2 h2 {
  text-align: left;
  color: #156dc8;
}

#service_area2 .flex .item {
  width: 50%;
}

#service_area2 .flex .left span {
  font-weight: bold;
}

#service_area2 .flex .left span.red {
  font-size: 120%;
}
/* 最短30セクション */
#purchase_item {
  background-image: url(images/odoroki_bg.jpg);
  background-repeat: repeat;
  height: 225vw;
  max-height: 4200px;
  background-size: 100vw;
  padding: 0;
}

.rectangle_2 p {
  position: absolute;
  z-index: 1;
  padding: 11%;
  font-weight: bold;
  font-size: 1vw;
  font-style: oblique;
}

.rectangle_2 .areatxt_title {
  position: absolute;
  z-index: 1;
  font-weight: bold;
  font-size: 1.61vw;
  color: #fff;
  letter-spacing: 0.05em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -103%);
  white-space: nowrap;
}

.rectangle_2 {
  width: 38vw;
  height: 12.67vw;
  background-color: #fff;
  display: flex;
  align-items: center;
  border: 0.1vw solid #c60f14;
  border-top: 3vw solid #c60f14;
  position: absolute;
  max-width: 800px;
  max-height: 260px;
  left: 50%;
  transform: translate(-28%, 243%);
}


/* .rectangle_2 {
  width: 46vw;
  height: 18vw;
  background-color: #fff;
  display: flex;
  align-items: center;
  margin: 25% 0 0 37%;
  border: 0.5vw solid #c60f14;
  border-top: 4vw solid #c60f14;
  position: absolute;
} */


.odoroki_png {
  width: 9%;
  margin: 0 0 -5% 32%;
}

.saitan_inner_text01 {
  text-align: center;
  font-family: ヒラギノ角ゴシック;
  font-weight: bold;
  font-size: clamp(20px, 7.81vw, 184px);
}

.saitan_inner_text02{
  text-align: center;
  font-family: ヒラギノ角ゴシック;
  font-weight: bold;
  font-size: clamp(21px, 10.42vw, 200px);
  margin-top: -5vw;
}

.red-text {
  color: red; /* 赤文字に設定 */
  font-weight: bold; /* 必要に応じて太字に */
}

.saitan_inner_text03 {
  text-align: center;
  font-family: ヒラギノ角ゴシック;
  font-weight: bold;
  font-size: clamp(20px, 3.49vw, 71px);
}

#purchase_item {
  padding-bottom: 0;
}

.icon_flex p {
  font-size: 1.5vw;
  font-weight: bold;
}

#purchase_item .flex {
  margin: 0 auto;
  max-width: 1190px;
  width: 61.98vw;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: auto;
  padding: 0.4vw;
  list-style: none;
}

#purchase_item .flex li {
  width: 11.98vw;
  max-width: 230px;
  max-height: 150px;
  text-align: center;
  margin-bottom: clamp(3px, 0.5vw, 13px);
}

.flex li p {
  font-size: clamp(13px, 1.5vw, 25px);
  font-weight: bold;
  margin: -23% 0 0 0;
}

/* #purchase_item .lower {
  background-image:url(images/purchase_item_bg01.jpg);
  background-position:center;
  background-repeat:no-repeat;
  -moz-background-size:cover;
  background-size:cover;
  padding: 30px 0;
} */

.no_problem {
  width: 50.52vw;
  max-width: 970px;
  margin: 0 auto;
  display: block;
  position: relative;
  padding: 3% 0 0 0;
}

.pc_guitar_drill {
  display: flex;
  margin: 0 auto;
  width: 61.98vw;
  max-width: 1190px;
  justify-content: center;
  padding-top: 3%;
}

.pc_m, .guitar, .drill {
  width: 19.79vw;
  max-width: 380px;
  display: block;
  margin: 0 0.5%;
}

.pc_guitar_drill_text {
  display: flex;
  position: relative;
}

.pc_m_text, .guitar_text, .drill_text {
  font-size: 2.5vw;
  white-space: nowrap; 
  font-weight: bold;
}

.good_mark1, .good_mark2, .good_mark3 {
  content: url(images/good_mark.png);
  z-index: 1;
  width: 5%;
  margin-left: 17%;
}

.good_mark_group {
  display: flex;
  margin: -10% 0 0 0;
}

p.good_mark1 {
  margin: 0% 0% 0% 33%;
}

p.good_mark2 {
  margin: 0% 0% 0% 17.5%;
}

p.good_mark3 {
  margin: 0% 0% 0% 16%;
}

.no_problem_text {
  font-size: clamp(10px, 1.2vw, 27px);
  color: #6a6a6a;
  position: absolute;
  white-space: nowrap;
  top: 110%;
  left: 50%;
  transform: translate(35%, -50%);
}

.container {
  position: relative;
  max-width: 1190px;
  margin: 0 auto;
}
/* よくある相談 */

.soudan_title {
  max-width: 54.69vw;
  width: 1190px;
  margin-top: 7%;
}

.background_images {
  position: relative;
  z-index: 1;
  width: 80%;
  margin-left: 20%;
}

.block_01 {
  display: flex;
  justify-content: center;
  padding-top: 5vw;
}

.soudan_1 {
  width: 26.04vw;
  max-width: 500px;
}

.best1_inner_text01 {
    width: 35.4vw;
    max-width: 680px;
}

.soudan_text1 {
  font-size: clamp(16px, 1.9vw, 32px);
  margin: -14% 0 0% 52%;
  width: 27vw;
}

.block_02 {
  display: flex;
  justify-content: center;
  padding-top: 5vw;
}

.soudan_2 {
  width: 26.04vw;
  max-width: 500px;
}

.soudan_text2 {
  font-size: clamp(16px, 1.9vw, 32px);
  margin: -14% 0 0% 24%;
  width: 27vw;
}

.best2_inner_text01 {
  width: 35.4vw;
  max-width: 680px;
}

.block_03 {
  display: flex;
  justify-content: center;
  padding-top: 5vw;
}

.soudan_3 {
  width: 26.04vw;
  max-width: 500px;
}

.best3_inner_text01 {
  width: 35.4vw;
  max-width: 680px;
}

.soudan_text3 {
  font-size: clamp(16px, 1.9vw, 32px);
  width: 27vw;
  margin: -14% 0 0% 52%;
}

#best3 {
  height: 142vw;
  max-height: 2500px;
  padding: 0;
  background-color: #fff; /* 全体の背景色 */
  background-image: url('images/best3_inner.jpg'); /* 右上に配置する画像 */
  background-position: top right; /* 右上に画像を配置 */
  background-repeat: no-repeat; /* 画像を繰り返さない */
  background-size: 67vw; /* 画像のサイズを指定 */
}

#best3 .bloc {
  padding: 40px 0;
}

/* #best3 .bgblue {
  background: #f4f8ff;
} */

#best3 .bloc .flex {
  align-items: center;
}

#best3 .bloc .flex .img {
  width: 20%;
}

#best3 .bloc .flex .txt {
  width: 80%;
  padding-left: 20px;
}

#best3 .bloc .flex .txt span {
  font-weight: bold;
}

/* headerブロック */
h1 {
  font-size: 1.2vw;
}

.inner_top {
  width: 1190px;
  margin-right: auto;
  margin-left: auto;
  max-width: 56.7vw;
}

.phone_icon03, .phone_icon04 {
  font-size: 0.5vw;
}

.phone_icon_text p {
  color: #ffffff;
  font-family: ヒラギノ角ゴシック;
  white-space: nowrap;
}

.phone_icon_text {
  position: relative;
}

p.phone_icon01 {
  position: absolute;
  top: -1.4vw;
  left: 8.5vw;
  z-index: 1;
  font-size: 0.6vw;
}

.free {
  color: #fffc00;
  font-size: 0.65vw;
}

.phone_icon02 span {
  font-size: 1.1vw;
  position: absolute;
  top: -0.8vw;
  left: 8.5vw;
  z-index: 1;
  /* font-style: oblique; */
  color: #fff; /* 文字の色 */
  font-weight: bold; /* 縁取りを目立たせるために太字に */
}

.phone_icon03 {
  position: absolute;
  top: 0.7vw;
  left: 8.5vw;
  z-index: 1;
}

.phone_icon04 {
  position: absolute;
  top: -1vw;
  left: 5vw;
  z-index: 1;
  font-weight: bold;
  font-size: 0.6vw;
  text-align: center;
}

.flex_header {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 2.5% 0%;
  justify-content: center;
}

p.shop_name {
  font-size: 1.8vw;
  white-space: nowrap;
  position: absolute;
  left: 39%;
  margin-top: -1.5%;
  font-weight: bold;
}

.logo_header {
  width: 17%;
  position: absolute;
  left: 21%;
  margin-top: -1.5%;
}

.phone_icon {
  width: 15.625vw;
  left: 55%;
  position: absolute;
  margin-top: -2%;
}

.line_icon {
  width: 8%;
  left: 71%;
  position: absolute;
  margin-top: -1.5%;
}

/* 無料出張エリアブロック */

#service_area .title h2 span {
  font-style: oblique;
  font-weight: bold;
  font-size: 50px;
  white-space: nowrap;
  text-align: center;
  display: block;
}

/* CTAブロック */
.blue_box_text{
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}

.blue_box_text p, .blue_box_text span {
  font-size: clamp(12px, 1.5vw, 30px);
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.4;
  white-space: nowrap;
}

.blue_box_text span {
  font-size: 210%;
  font-style: oblique;
  color: #ffdd1c;
}

p.blue_text01 {
  top: 50%;
  left: 50%;
  transform: translate(-200%, -165%);
  position: absolute;
}

p.blue_text02 {
  margin: -15% 0 0 9.5%;
}

p.blue_text03 {
  margin: -15% 0 0 9%;
}

/* こんなお悩みありませんか？ブロック */
#onayami {
  background-image:url(images/onayami_bg.jpg);
  background-position:center top;
  background-repeat:no-repeat;
  -moz-background-size:cover;
  background-size:cover;
  height: 65vw;
  max-height: 1200px;
  padding: 0;
}

.yellow_2 {
  color: #c9c44e;
  font-weight: 500;
}

.onayami_text01, .onayami_text02, .onayami_text03, .onayami_text04 {
  font-size: 1.3vw;
  text-align: center;
  font-weight: 500;
  white-space: nowrap;
  font-family: ヒラギノ角ゴシック;
  color: #fff;
  line-height: 1.3;
}

.onayami_text05, .onayami_text06, .onayami_text07, .onayami_text08 , .onayami_text09{
  font-size: 1.3vw;
  text-align: center;
  font-weight: 500;
  white-space: nowrap;
  font-family: ヒラギノ角ゴシック;
  color: #fff;
  line-height: 1.3;
}

.onayami_text01 {
  margin: -91% 0% 0% 48%;
}

.onayami_text02 {
  margin: -91% 0% 0% 22%;
}

.onayami_text03 {
  margin: -91% 0% 0% -5%;
}

.onayami_text04 {
  margin: -93% 0% 0% -38%;
}

.onayami_text05 {
  margin: -91% 0% 0% 43%;
}

.onayami_text06 {
  margin: -91% 0% 0% 22%;
}

.onayami_text07 {
  margin: -93% 0% 0% -5%;
}

.onayami_text08 {
  margin: -93% 0% 0% -39%;
}

.onayami_bg_png {
  width: 100vw;
  margin-top: -1px;
  position: absolute;
  z-index: 1;
}

.onayami_png {
  width: 55vw;
  max-width: 1000px;
  margin: 0 auto;
  display: block;
  padding-top: 5%;
}

.onayami_2 {
  width: 72vw;
  max-width: 1400px;
  display: block;
  padding-top: -5%;
  margin-top: -8%;
  margin-left: auto;
  margin-right: auto;
}

#onayami .flex_2 li {
  margin-right: 1%;
  width: 14.5vw;
  max-width: 280px;
}

.flex_2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  z-index: 2;
  max-width: 1190px;
  width: 61vw;
  top: -27%;
  margin-left: auto;
  margin-right: auto;
}

.flex_2 li {
  /* flex-basis: calc(100% / 5);  */
  box-sizing: border-box; /* パディングやマージンを含めた幅調整 */
  margin-bottom: 16%; /* アイテム間の縦方向の余白 */
}

.onayami_02, .onayami_06 {
  margin-left: 10%;
}

.onayami_01, .onayami_05 {
  margin-left: 25%;
}

.onayami_03, .onayami_07 {
  margin-left: -4%;
}

.onayami_04, .onayami_08 {
  margin-left: -20%;
}

.onayami_hukidasi {
  width: 13vw;
  max-width: 250px;
  position: absolute;
  z-index: 1;
  left: 20%;
}

/* 買取屋さんグループにお任せくださいブロック */
#omakase {
  background-image:url(images/living_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 78vw;
  padding: 0;
}

.living_bg_png {
  width: 100%;
  margin-top: -1px;
}

.living_white {
  width: 61.9vw;
  max-width: 1190px;
  margin-top: 3%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.omakase_png {
  width: 61.9vw;
  max-width: 1190px;
  margin: 0 auto;
  display: block;
  padding-top: 20%;
}

.omakase_group_text {
  font-size: clamp(16px, 2vw, 36px);
  margin-top: -21vw;
  text-align: center;
  font-weight: 590;
}

.omakase_red {
  color: #dd311d;
  font-weight: bold;
}

.omakase_group {
  position: relative; /* 親要素を基準に配置 */
}

/* お客様の声ブロック */

section#case {
  background-color: #fffdd7;
}

img.case_title {
  width: 72vw;
  margin: 0 auto;
  display: block;
}

/* ul.carousel img {
  width: 29vw;
} */

p.case_detail {
  width: 26vw;
}

ul.carousel {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  margin-top: -23%;
  width: 61vw;
  max-width: 1190px;
  margin-left: auto;
  margin-right: auto;
}

li.slide {
  flex: 0 0 calc(50% - 20px);
  position: relative;
  box-sizing: border-box;
  text-align: center;
  /* margin: 0; */
}

p.case_title {
  position: absolute;
  top: 19%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  /* background: rgba(0, 0, 0, 0.7); */
  /* padding: 13px 15px; */
  font-size: 2vw;
  /* border-radius: 5px; */
  text-align: center;
  z-index: 2;
  white-space: nowrap;
  font-family: ヒラギノ角ゴシック;
  font-style: oblique;
  text-decoration: underline;
  line-height: 1.4;
  font-weight: 700;
}

p.case_detail {
  width: 27vw;
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%);
  color: #000;
  /* background: rgba(0, 0, 0, 0.6); */
  padding: 0 3%;
  font-size: 1.3vw;
  /* line-height: 1.5; */
  /* border-radius: 5px; */
  z-index: 2;
  text-align: left;
}

span.red_text_case {
  color: #ee270b;
  font-weight: 600;
}

/* お試し */


/* .case_text01 {
  margin: -180% 0% 0% 45%; 
}

.case_text02 {
  margin: -180% 0% 0% -50%; 
}

.case_text03 {
  margin: -135% 0% 0% 43%; 
}

.case_text04 {
  margin: -135% 0% 0% -50%; 
}

.case_group_02 {
  display: flex;
  flex-wrap: wrap;
}

.case_group_02 li {
  flex: 1 0 50%; 
  box-sizing: border-box; 
  margin-bottom: 13%;
}

.case_group_02 p {
  font-weight: 700;
  color: #fff;
  font-family: ヒラギノ角ゴシック;
  font-size: 2vw;
  font-style: oblique;
  text-decoration: underline;
  text-align: center;
  line-height: 1.4;
}

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

#case {
  background-color: #fffdd7;
  height: 113vw;
  padding: 0%;
}

.case_title {
  width: 72.9vw;
  max-width: 1400px;
  margin: 0 auto;
  display: block;
}

.case_png {
  margin: 0 0% 0 6.3%;
  display: block;
  max-width: 1700px;
  width: 86vw;
}

.case_group img {
  width: 25vw;
}

.case_01png, .case_03png {
  margin: -45% 0% 0% 47% ;
}
.case_02png, .case_04png {
  margin: -45% 0 50% 0% ;
}

.case_group li {
  flex: 1 0 50%; 
  box-sizing: border-box; 
}

.case_group_03 {
  display: flex;
  flex-wrap: wrap;
}

.case_group_03 p {
  width: 45%; 
  white-space: normal; 
  word-wrap: break-word; 
  overflow-wrap: break-word;
  line-height: 1.5; 
  font-size: 1.2vw;
  font-family: ヒラギノ角ゴシック;
}

.case_group_03 li {
  flex: 1 0 50%; 
  box-sizing: border-box; 
  margin-bottom: 13%;
}

p.case_text05 {
  margin: -197% 0% 0% 50%; 
}

p.case_text06 {
  margin: -197% 0% 0% 3%; 
}

p.case_text07 {
  margin: -152% 0% 0% 50%; 
}

p.case_text08 {
  margin: -152% 0% 0% 3%; 
}

.red_text_case {
  color: #ee270b;
} */

/* 納得のポイント */
#point {
  background-color: #fff;
  height: 131vw;
}

.point_title {
  width: 55%;
  margin: 2% 22% 0%;
}

.point_group {
  margin-top: 3%;
  display: flex;
  flex-wrap: wrap;
}

.point_group li {
  flex: 1 0 50%; /* 各項目を50%幅に設定し、2列に配置 */
  box-sizing: border-box; /* ボックスの幅をきっちり整えるため */
   margin-bottom: 13%;
}

.point_group img {
  width: 26vw;
}

.point_1, .point_3, .point_5 {
  margin-left: 43%;
}

.point_2, .point_4, .point_6 {
  margin-left: 2%;
}

ul.point_group_text p {
  font-size: 1.8vw;
  font-weight: 600;
  width: 26vw;
  max-width: 515px;
}

.point_group_text {
  display: flex;
  flex-wrap: wrap;
}

.point_group_text li {
  flex: 1 0 50%;
  box-sizing: border-box;
}

.red_text {
  color: #ff3901;
}

.point_text01 {
  margin: -150% 0% 0% 44%;
}

.point_text02 {
  margin: -150% 0% 0% 3%;
}

.point_text03 {
  margin: -87% 0% 0% 44%;
}

.point_text04 {
  margin: -87% 0% 0% 3%;
}

.point_text05 {
  margin: -24% 0% 0% 44%;
}

.point_text06 {
  margin: -24% 0% 0% 3%;
}

.point_group_text p {
  line-height: 1.5; /* 行間を詰める */
  letter-spacing: 0.08em; /* 文字間を広げる */
}

.point_group_title {
  display: flex;
  flex-wrap: wrap;
}

.point_group_title li {
  flex: 1 0 50%;
  box-sizing: border-box;
}

ul.point_group_title p {
  font-size: 1.9vw;
  font-weight: 600;
  line-height: 1.3; /* 行間を詰める */
}

.group_title01 {
  margin: -188% 0% 0% 55%;
}

.group_title02 {
  margin: -188% 0% 0% 14%;
}

.group_title03 {
  margin: -125% 0% 0% 55%;
}

.group_title04 {
  margin: -125% 0% 0% 14%;
}

.group_title05 {
  margin: -61% 0% 0% 55%;
}

.group_title06 {
  margin: -61% 0% 0% 14%;
}

/* 女性のお客様ブロック */
#woman {
  background-color: #fdf2f3;
  height: 65vw;
  padding: 0%;
}

.woman_4 {
  width: 50%;
  margin-left: 24%;
}

.woman_text01 {
  font-size: 3.1vw;
  color: #bc2045;
  margin-left: 25%;
  padding-top: 4%;
}

.woman_text02 {
  font-size: 3vw;
  text-align: center;
  color: #bc2045;
  font-family: Hiragino Maru Gothic ProN;
  font-weight: bold;
}

.woman_text02::before {
  content: ''; /* 伪要素的内容 */
  display: block;
  border-top: 0.2vw solid #bc2045;
  width: 49%;
  margin: 2% 24% 2%;
}

.woman_text02::after {
  content: ''; /* 伪要素的内容 */
  display: block;
  border-top: 0.2vw solid #bc2045;
  width: 49%;
  margin: 1% 24% 2%;
}

 .woman_text03 {
  font-size: 2.7vw;
  color: #bc2045;
  margin: 3% 0% 0% 25%;
}

.woman_text01, .woman_text03 {
  font-family: Hiragino Maru Gothic ProN;
  font-weight: lighter;
}

/* 買取の流れブロック */
#flow_section {
  padding: 0;
  height: 64vw;
}

.step_icon {
  width: 56vw;
  max-width: 1050px;
  margin: 0 auto;
  display: block;
}

.flow_title {
  font-family: ヒラギノ角ゴシック;
  font-size: 5vw;
  font-weight: bold;
  padding: 5% 0% 0% 0%;
  text-align: center;
}
.flow_section_text {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 3vw;
  width: 50vw;
  max-width: 1000px;
}

.flow_section_text li{
  width: 10vw;
  max-width: 220px;
}

.flow_section_text p {
  font-size: 1.4vw;
  width: 11vw;
}

.vertical-line {
  width: 0.2vw;           /* 線の幅（太さ） */
  height: 22vw;          /* 線の長さ */
  background-color: #fdf2f3; /* 線の色 */
  margin: 0 3% 0 3%;
}

.flow_section_text2 p {
  color: #7e7e7e;
  font-size: 0.8vw;
  line-height: 1.5;
  letter-spacing: 0.05em;
  width: 10vw;
  max-width: 230px;
}

.kome02 {
  margin: -4% 0 0 16.5%;
}

.kome01 {
  margin: -7% 0 0 38%;
}

.flow_section_text2 {
  display: flex;
  flex-direction: row;
}


/* QAブロック */
.txt_a {
  width: 220%;
}

#faq_section .faq-question .icon.minus-icon  {
  font-size: 4vw;
}

.Q_icon{
  width: 10%;
  margin: 0 5%;
}

.A_icon{
 transform: scale(0.42);
 margin: 0 0 0 -10%;
 width: 72%;
 height: 100%;
}

span.question {
  font-size: 2.5vw;
  font-weight: bold;
  margin-right: 5%;
}

#faq_section {
  background-color: #fdf2f3;
  padding: 5% 0;
  width: 100%;
  display: inline-block;
}

.qa_icon {
  width: 12%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.faq_title {
  font-size: 5vw;
  font-weight: bold;
  font-family: ヒラギノ角ゴシック;
  text-align: center;
}

.faq {
  margin: 2% 0 0 0;
  width: 60%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.faq-item {
  /* border: 1px solid #ffd1d1; */
  margin-bottom: 5%;
  border-radius: 1vw;
  background-color: #fff;
  box-shadow: 2px 4px 0px rgba(248, 171, 173, 0.5);
}

.faq-question {
  display: flex;
  align-items: center;
  padding: 2%;
  cursor: pointer;
  color: #333;
  position: relative;
}

.icon {
  font-size: 7vw;
  color: #c70e13;
  margin-right: 10px;
  transition: transform 0.3s;
  font-weight: lighter;
  position: absolute;
  left: 87%;
}

.faq-answer {
  display: none;
  padding: 2%;
  border-top: 0.2vw solid #f0eeee;
  color: #000;
  font-size: 2.5vw;
  width: 86%;
  margin: 0 auto;
}

.faq-item.open .faq-answer {
  display: flex;
}

.faq-item.open .icon {
  transform: rotate(180deg); /* "+"から"−"への変化 */
}

.need {
  width: 60vw;
  max-width: 1100px;
  height: 64vw;
  background-color: #fff;
  margin: 4% 0 0 0;
  margin-left: auto;
  margin-right: auto;
}

.need p {
  text-align: center;
  line-height: 1.9;
  font-weight: 500;
  font-size: 2vw;
}

span.bold {
  font-weight: bold;
}

.need_txt03 .bold {
  font-size: 2.5vw;
}

p.need_title::before {
  content: '';
  width: 3vw;
  height: 3vw;
  background-color: black;
  border-radius: 50%;
  display: inline-block;
  margin: 0% 1% 0.5% 0%;
}

p.need_title::after {
  content: '';
  width: 3vw;
  height: 3vw;
  background-color: black;
  border-radius: 50%;
  display: inline-block;
  margin: 0% 0% 0.5% 1%;
}

p.need_title {
  font-weight: bold;
  font-size: 3.5vw;
  padding: 3% 0 2% 0;
}

.need_txt02 {
  padding: 2% 0;
}

.need_txt04  {
  padding: 2% 0;
}

/* 理由ブロック */

.reason_group {
  text-align: center;
}

.kaigai_jpg {
  margin: 0 01%;
}

#reason_section {
  height: 55vw;
  padding: 4%;
}

.logo_png {
  width: 36vw;
  max-width: 700px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.reason_title {
  font-style: oblique;
  font-weight: bold;
  font-size: 3.7vw;
  text-align: center;
}

.money_jpg, .kaigai_jpg, .speed_jpg {
  width: 17.7vw;
  max-width: 340px;
}

.reason_text_group p {
  font-size: 1.2vw;
}

.reason_text_group {
  display: flex;
  justify-content: center;
}

.reason_text01 {
  margin: 3% 0 0 0;
  width: 16vw;
}

.reason_text02 {
  margin: 3% 3% 0 3%;
  width: 16vw;
}

.reason_text03 {
  margin: 3% 0 0 0;
  width: 16vw;
}

 /* footerブロック */
.footer_h2 {
  font-size: 3vw;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 3% 0%;
}

footer {
  /* padding: 40px 0 0; */
  background: #c60f14;
  height: 70vw;
  position: relative;
}

footer .shopdata {
  width: 55vw;
  height: 44vw;
  background: #fff;
  padding-top: 3vw;
  margin: 0 auto;
}

.shopname.h3 {
  font-size: 2.3vw;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-align: center;
}

footer .copyright {
  background: #000;
  color: #fff;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0%;
}

dl.cf {
  margin: 5% 10%;
}

.cf dt, .cf dd {
  font-size: 1.5vw;
}

dd.address {
  padding: 5% 0% 0% 0%;
}

.tel_number_title {
  padding: 5% 0 0 0;
}

dd.tel_number {
  padding: 10% 0% 0% 0%;
}

.representative_title {
 padding: 5% 0 0 0;
}

.representative {
  padding: 10% 0 0 0;
}

.number {
  padding: 10% 0 0 0;
}

footer .shopdata dl dt {
  float: left;
  font-weight: bold;
  margin-top: -2%;
}

.bottomfixed_img01 {
  width: 16vw;
  margin: 0 0 0 22.5vw;
}

.bottomfixed_img02 {
  width: 19vw;
}

.zeroen_block {
  width: 35%;
}

#bottomfixed .zeroen_text  {
  font-size: 1vw;
  margin: -2% 0 0 -41%;
}

#bottomfixed {
  display: flex;
  align-items: center; /* 画像を垂直方向の中央に揃える */
}

#bottomfixed .satei_block {
  width: 23vw;
  max-width: 450px;
  display: flex;
}

.tel_f {
  position: absolute;
  font-size: 1.7vw;
  font-weight: bold;
  top: -0.65vw;
  left: -8.8vw;
  white-space: nowrap;
    font-family: noto-sans-jp, sans-serif;
    color: #fff;
    text-shadow: 
    -1px -1px 0 #f80b0b, 
    1px -1px 0 #f80b0b, 
    -1px 1px 0 #f80b0b, 
    1px 1px 0 #f80b0b, 
    2px 2px 5px rgba(0, 0, 0, 0.9);
}

.time_f {
  font-size: 0.7vw;
  color: #fff;
  font-family: noto-sans-jp, sans-serif;
  font-weight: 500;
  white-space: nowrap;
  position: absolute;
  left: -13vw;
  top: 1vw;
}

.footer_cta_text {
  position: relative;
}

p.tel_f {
  margin: 0 0 -13% -113%;
}


#bottomfixed .web_block{
  max-width: 200px;
  width: 10vw;
}

#bottomfixed .line_block{
  max-width: 200px;
  width: 10vw;
}

/* ーーーーーーー */

#onayami .box {
  margin-right: 40%;
  border: 1px solid #ff0007;
  padding: 30px 10px;
  text-align: center;
  background:url(images/onayami_bg02.png);
}

#onayami .box h2 {
  color: #ff0007;
}

#onayami .box ul {
  display: inline-block;
  text-align: left;
  margin-bottom: 30px;
}

#onayami .box ul li {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding-left: 25px;
}

#onayami .box ul li::before {
  content: "◆";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}

.case {
  background: #fff7d1;
}

.case h2 {
  text-align: left;
  padding-left: 180px;
  position: relative;
}

.case h2::before {
  content: "";
  width: 160px;
  height: 102px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -50px;
  background-position:center;
  background-repeat:no-repeat;
  -moz-background-size:contain;
  background-size:contain;
}

#case1 h2::before {
  background-image:url(images/case1_img01.png);
}

#case2 h2::before {
  background-image:url(images/case2_img01.png);
}

.case .flex {
  margin-top: 40px;
}

.case .flex .item {
  width: 49%;
}

.case .flex .txtarea .customer {
  text-align: left;
}

#merit {
  padding: 0;
}

#merit .title {
  background: #f2b121;
  padding: 20px 0;
}

#merit .title h2 {
  color: #fff;
  margin-bottom: 0;
  letter-spacing: 3px;
}

#merit .content {
  padding-top: 40px;
  padding-bottom: 40px;
}

#merit .content .flex {
  flex-wrap: wrap;
}

#merit .content ul li  {
  width: 33%;
  padding: 0 10px 20px;
}

#merit .content ul li .img,
#merit .content ul li .title02 {
  margin-bottom: 10px;
  text-align: center;
}

#merit h3 {
  margin-top: 30px;
  margin-left: 100px;
  text-align: left;
  padding: 40px 0 40px 40px;
  background-image:url(images/merit_bg01.png);
  background-position:left top;
  background-repeat:no-repeat;
  -moz-background-size:contain;
  background-size:contain;
}

#merit .lower {
  background-image:url(images/merit_bg02.jpg);
  background-position:right center;
  background-repeat:no-repeat;
  -moz-background-size:contain;
  background-size:contain;
  height: 500px;
  position: relative;
}

#merit .lower .box {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #fef2f2;
  padding: 80px 30px;
  width: 60%;
  position: absolute;
  top: 50px;
  left: 100px;
}

#flow {
  padding: 0;
}

#flow .title {
  background: #c60f14;
  padding: 20px 0;
}

#flow .title h2 {
  color: #fff;
  margin-bottom: 0;
  letter-spacing: 3px;
}

#flow .content {
  padding-top: 40px;
  padding-bottom: 40px;
}

#flow .content .upper {
  align-items: center;
  width: 90%;
  margin: 0 auto 40px;
}

#flow .content .upper .txt {
  width: 69%;
}

#flow .content .upper .img {
  width: 29%;
}

#flow .content .flow_wrapper .box {
  border: 3px solid #c60f14;
  padding-bottom: 20px;
  margin-bottom: 100px;
  position: relative;
}

#flow .content .flow_wrapper .box::after {
  content: "";
  background-image:url(images/flow_arrow.png);
  background-position:center;
  background-repeat:no-repeat;
  -moz-background-size:contain;
  background-size:contain;
  width: 49px;
  height: 43px;
  display: block;
  position: absolute;
  bottom: -70px;
  left: 50%;
  margin-left: -20px;
}

#flow .content .flow_wrapper .box:last-child {
  margin-bottom: 0;
}

#flow .content .flow_wrapper .box:last-child::after {
  content: none;
}

#flow .content .flow_wrapper .box h4 {
  font-size: 32px;
  font-weight: bold;
}

#flow .content .flow_wrapper .box h4,
#flow .content .flow_wrapper .box h4 img {
  vertical-align: middle;
}

#flow .content .flow_wrapper .box h4 span {
  margin-right: 10px;
}

#flow .content .flow_wrapper .box p {
  margin-left: 137px;
  padding-right: 10px;
}

#faq {
  padding: 0;
}

#faq .title {
  background: #5f99a4;
  padding: 20px 0;
}

#faq .title h2 {
    color: #fff;
    margin-bottom: 0;
    letter-spacing: 3px;
}

#faq .content {
  padding-top: 40px;
  padding-bottom: 40px;
}

#faq .box {
  width: 80%;
  margin: 0 auto 50px;
}

#faq .box:last-child {
  margin-bottom: 0;
}

#faq .box .q {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  padding-left: 65px;
  margin-bottom: 50px;
  position: relative;
}

#faq .box .q::before {
  content: "";
  width: 55px;
  height: 64px;
  background-image:url(images/faq_icon_q.png);
  background-position:center;
  background-repeat:no-repeat;
  -moz-background-size:cover;
  background-size:cover;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -32px;
}

#faq .box .q::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
  position: absolute;
  bottom: -30px;
  left: 0;
}

#faq .box .a {
  padding-left: 65px;
  position: relative;
}

#faq .box .a::before {
  content: "";
  width: 55px;
  height: 64px;
  background-image:url(images/faq_icon_a.png);
  background-position:center;
  background-repeat:no-repeat;
  -moz-background-size:cover;
  background-size:cover;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -32px;
}

#faq .box .a a {
  text-decoration: underline;
  font-weight: bold;
}

#document .content {
  border: 10px solid #efefef;
  width: 80%;
  margin: 0 auto;
  padding: 30px;
}

#document .content h2 span {
  padding: 0 10px;
  font-weight: bold;
}

#document .content h2::before,
#document .content h2::after {
  content: "●";
  font-size: 42px;
}

#document .content .flex {
  align-items: center;
  margin-top: 30px;
}

#document .content .flex .txt02 {
  width: 59%;
}

#document .content .flex .txt02 span {
  font-weight: bold;
  font-size: 20px;
}

#document .content .flex .img {
  width: 39%;
}

#reason ul li {
  width: 33%;
  padding: 5px;
}

#reason ul li .img {
  margin-bottom: 15px;
}

#reason ul li .title {
  line-height: 1;
  margin-bottom: 10px;
}

#reason ul li .txt {
  font-size: 16px;
}

/* ビジュアルエディタ装飾 */

.freeeditor h1 {
	text-align: left;
	font-size: 140%;
	font-weight: bold;
	border-bottom: 3px solid #e8e7e3;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.freeeditor h2 {
	text-align: left;
	border: none;
	font-size: 130%;
	font-weight: bold;
	border-bottom: 2px solid #e8e7e3;
	padding-left: 0;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.freeeditor h3 {
	text-align: left;
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px solid #e8e7e3;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.freeeditor h4 {
	text-align: left;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}

.freeeditor h5 {
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
}

.freeeditor strong {
	font-weight: bold;
}

.freeeditor img.alignright { display: block; margin: 0 0 0 auto; }/* 配置位置 右 */
.freeeditor img.alignleft { display: block; margin: 0 auto 0 0; }/* 配置位置 左 */
.freeeditor img.aligncenter { display: block; margin: 0 auto; }/* 配置位置 中央 */

/* プライバシーポリシー */

#privacy_policy {
  /* box-shadow */
  box-shadow:0px 4px 5px -1px #cccccc inset;
}

#privacy_policy h2 {
  background: #c60f14;
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 3px;
  text-align: center;
  margin-bottom: 40px;
}

#privacy_policy p,
#privacy_policy h3,
#privacy_policy ul li {
    margin-bottom: 10px;
    line-height: 1.6;
}

#privacy_policy h3 {
  margin-top: 20px;
  font-weight: bold;
  text-align: left;
  border-bottom: 2px solid #c60f14;
  color: #c60f14;
  padding-bottom: 5px;
}

#privacy_policy ul {
  margin-left: 20px;
}

/* メールフォームテンプレート */

#form-title {
  /* box-shadow */
  box-shadow:0px 4px 5px -1px #cccccc inset;
}

#form-title .title {
  background: #c60f14;
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 3px;
  text-align: center;
  margin-bottom: 40px;
  padding: 0 10px;
}

#form-title .title + .txt {
  text-align: center;
  padding: 0 10px;
}

table.mail {
	border-collapse: separate;
	border-spacing: 10px;
}

table.mail,
#contact .notice,
.inquiry_complete {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

#contact .notice {
	margin-bottom: 20px;
}

table.mail th,
table.mail td {
	vertical-align: middle;
	padding: 25px 10px 15px;
	border-top: 1px solid #ccc;
}

table.mail th{
    width: 25%;
    text-align: left;
}

table.mail th span {
  font-size: 10px;
  display: inline-block;
  padding: 4px 3px;
  margin: 10px 0 0 10px;
  width: 50px;
  background: #EE4958;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

table.mail td{
	padding-left: 10px;
	width:80%;
}

input[type="checkbox"] {
    margin-right: 5px;
}

table.mail textarea,
table.mail input[type="text"],
table.mail select {
	font-size: 18px;
	width:100%;
	border:1px solid #c1bbb3;
	padding: 10px;
	color: #413226;
	background: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 2px 0 #f0eeee inset;
/* Webkit */
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 2px 0 #f0eeee inset;
/* Firefox */
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 2px 0 #f0eeee inset;
}

table.mail .mwform-tel-field input[type="text"]   {
	width: 23%;
}

table.mail textarea {
	width:100%;
}

.mw_wp_form .error {
    margin-top: 7px;
	font-weight:bold;
	color:#ee4958;
}

.check_policy {
	font-size: 14px;
	text-align: center;
	margin-bottom: 20px;
}

.check_policy a {
	vertical-align: middle;
  text-decoration: underline;
}

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

.btn_form input {
  display: inline-block;
  padding: 13px 80px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #ff0000;
  box-shadow: 4px 4px 4px -2px #dadada;
  color: #fff;
  font-size: 18px;
  font-weight:bold;
  border: none;
  margin-bottom: 10px;
}

.btn_form input:nth-child(2) {
	margin-right: 10px;
  background-color: #888;
}

.btn_form input:hover{
  text-decoration: none;
  opacity:0.75;
}

#inquiry-complete {
  /* box-shadow */
  box-shadow:0px 4px 5px -1px #cccccc inset;
}

#inquiry-complete h3 {
	font-size: 28px;
	font-weight: bold;
	margin: 20px 0 30px;
}

#inquiry-complete p {
	line-height: 2;
}

#inquiry-complete .back-btn_outer {
  margin-top: 30px;
  text-align: center;
}

#inquiry-complete .back-btn_outer a {
  display: inline-block;
  padding: 13px 80px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #ff0000;
  box-shadow: 4px 4px 4px -2px #dadada;
  color: #fff;
  font-size: 18px;
  font-weight:bold;
  border: none;
}

/* error */

.error {
	margin: 30px auto;
}

.error h2 {
	font-size: 18px;
	margin-bottom: 15px;
}


/* wp-pagenavi */

#case .wp-pagenavi,
#news .wp-pagenavi {
	text-align: center;
  padding: 40px 0;
}

#case .wp-pagenavi span,
#case .wp-pagenavi a,
#news .wp-pagenavi span,
#news .wp-pagenavi a {
  padding: 5px 8px;
  margin-left: 5px;
  border: 1px #ff0000 solid;
  background: #fff;
  color: #ff0000;
  font-size: 14px;
  line-height: 1;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  display: inline-block;
}

#case .wp-pagenavi span.current,
#news .wp-pagenavi span.current {
    background: #ff0000;
    color: #fff;
}

/* pagenavi */

.pagenavi {
	text-align: center;
	font-size: 16px;
	padding: 40px 0;
}

.pagenavi span.gotolist {
	background: #ff0000;
	color: #fff;
	padding: 10px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* フッター */

/* footer .shopdata dl dd {
  margin-left: 11em;
  margin-bottom: 10px;
} */

/* 画面下固定バナー */

#bottomfixed {
  padding: 10px 0;
  background: rgba(255, 255, 255, 0.8);
  border-top: 1px solid #e2e2e2;
  position: fixed;
  bottom: -200px;
  left: 0;
  width: 100%;
  z-index: 1000;
}

#bottomfixed.up {
  position: static;
}

#bottomfixed .flex {
  align-items: center;
}

#bottomfixed .flex .left {
  width: 55%;
}

#bottomfixed .flex .right {
  width: 45%;
}

#bottomfixed .flex .inline {
  display: inline-block;
  vertical-align: middle;
}

#bottomfixed .flex .left .telarea {
  margin-left: 10px;
  line-height: 1.2;
  text-align: center;
}

#bottomfixed .flex .left .telarea .tel {
  color: #c60f14;
  font-size: 36px;
  font-weight: bold;
}

#bottomfixed .flex .left .telarea .time {
  font-size: 14px;
  font-weight: bold;
}

#bottomfixed .flex .right {
  text-align: center;
}

#bottomfixed .flex .right p {
  padding: 0 5px;
  width: 50%;
}

/* gotop */

#top {
	position: relative;
  overflow: hidden;
}

.gotop {
	position: fixed;
	right: 50px;
	bottom: 150px;
	text-align: center;
	z-index: 4;
	background: rgba(0, 0, 0,0.7);
	padding: 15px 15px;
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	cursor: pointer;
	color: #fff;
	font-size: 36px;
  line-height: 1;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  border: 1px solid #6c6c6c;
}

.gotop:hover {
	color: #fff;
}


  /************************************************
      PC
  ************************************************ */

  @media only screen and (min-width: 769px){

  .sp,
  .mini {
  	display: none !important;
  }

  }


    /************************************************
        Tablet max-width: 768px
    ************************************************ */


    @media only screen and (max-width: 768px){

    .inner {
      width: 100%;
      /* padding: 0 10px; */
    }

    body {
      font-size: 16px;
      line-height: 1.6;
    }

    /* .pc,
    .mini {
    	display: none !important;
    } */

    /* セクション共通 */

    section {
      padding: 30px 0;
    }

    .h2 {
      font-size: 24px;
      margin-bottom: 20px;
    }

    .h3 {
      font-size: 20px;
      margin-bottom: 15px;
    }

    .tablebox,
    .tablebox .left,
    .tablebox .right {
      display: block;
      width: 100%;
    }

    .flex {
      flex-wrap: wrap;
    }

    /* ヘッダー */

    header .upper {
      font-size: 12px;
    }

    /* header .lower {
      padding-top: 10px;
      padding-bottom: 10px;
    } */

    header .lower .flex {
      flex-wrap: nowrap;
    }

    header .lower .flex .left {
      width: 70%;
    }

    header .lower .flex .right {
      width: 30%;
      text-align: right;
    }

    header .lower .shopname {
      font-size: 24px;
    }

    /* メインビジュアル */

    #mv {
      background: none;
      height: auto;
      padding: 0;
    }

    /* #mv .mv_sp {
      box-shadow:0px 4px 5px -1px #cccccc inset;
      padding-top: 4px;
    } */

    /* トップページコンテンツ */

    #service_area .title h2 {
      font-size: 20px;
    }

    #service_area .areabloc {
      padding: 20px 0;
    }

    #service_area .areabloc .areatxt {
      width: 100%;
      font-size: 16px;
    }

    #service_area .areabloc .txt01 {
      font-size: 18px;
    }

    .twostep .img01,
    .twostep .img02 {
      display: block;
      width: 100%;
    }

    .twostep .img01 {
      margin-bottom: 10px;
    }

    .contactbloc .box {
      width: 100%;
    }

    .contactbloc .box .innerbox .txt01 {
      font-size: 22px;
    }

    .contactbloc .box .innerbox .flex .item {
      width: 100%;
    }

    .contactbloc .box .innerbox .flex .left p {
      font-size: 24px;
      margin-bottom: 10px;
    }

    .contactbloc .box .innerbox .flex .right .btn {
      margin-bottom: 10px;
    }

    #service_area2 .flex .item {
      width: 100%;
    }

    #service_area2 .flex .left {
      margin-bottom: 10px;
    }

    /* #purchase_item .flex li {
      width: 25%;
      padding: 2px;
    } */

    #best3 .bloc .flex .img,
    #best3 .bloc .flex .txt {
      width: 100%;
    }

    #best3 .bloc .flex .txt {
        padding-left: 0;
    }

    #best3 .bloc .flex .img {
      margin-bottom: 20px;
    }

    #best3 .bloc .flex .img img {
      width: 100%;
      max-width: 350px;
      height: auto;
    }

    #onayami {
      background-position: 70% top;
    }

    #onayami .box {
      margin-right: auto;
    }

    #onayami .box ul li {
      font-size: 16px;
      padding-left: 20px;
    }

    #onayami .box ul li::before {
      width: 16px;
      height: 16px;
    }

    .case h2 {
      padding-left: 110px;
    }

    .case h2::before {
      width: 100px;
      height: 64px;
      margin-top: -32px;
    }

    .case .flex {
      margin-top: 0;
    }

    .case .flex .item {
      width: 100%;
    }

    .case .flex .img {
      margin-bottom: 20px;
    }

    .case .flex .img img {
      width: 80%;
      max-width: 450px;
      height: auto;
    }

    #merit .content {
      padding-top: 20px;
      padding-bottom: 20px;
    }

    #merit .content ul li {
      width: 48%;
      padding: 0 0 20px;
    }

    #merit .content ul li .txt {
      font-size: 14px;
    }

    #merit h3 {
      margin-top: 20px;
      margin-left: 0;
      padding: 40px 0 40px 20px;
    }

    #merit .lower {
      height: 350px;
    }

    #merit .lower .box {
      background: rgba(254, 242, 242, 0.8);
      padding: 20px 10px;
      width: 70%;
      top: 20px;
      left: 0;
    }

    #flow .content {
      padding-top: 20px;
      padding-bottom: 20px;
    }

    #flow .content .upper {
      width: 100%;
      margin: 0 auto 20px;
    }

    #flow .content .upper .txt {
      font-size: 14px;
      width: 59%;
    }

    #flow .content .upper .img {
      width: 39%;
    }

    #flow .content .flow_wrapper .box {
      padding-bottom: 10px;
      margin-bottom: 50px;
    }

    #flow .content .flow_wrapper .box::after {
      width: 30px;
      height: 26px;
      margin-left: -15px;
      bottom: -40px;
    }

    #flow .content .flow_wrapper .box h4 {
      font-size: 16px;
    }

    #flow .content .flow_wrapper .box h4 span img {
      width: 50px;
      height: auto;
    }

    #flow .content .flow_wrapper .box p {
      font-size: 14px;
      margin-left: 60px;
    }

    #faq .content {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #faq .box {
        width: 100%;
        margin: 0 auto 30px;
    }

    #faq .box .q {
      font-size: 16px;
      padding-left: 40px;
      margin-bottom: 30px;
    }

    #faq .box .q::before {
      width: 30px;
      height: 35px;
      margin-top: -17px;
    }

    #faq .box .q::after {
      bottom: -20px;
    }

    #faq .box .a {
      font-size: 14px;
      padding-left: 40px;
    }

    #faq .box .a::before {
      width: 30px;
      height: 35px;
      margin-top: -17px;
    }

    #document .content {
      border: 5px solid #efefef;
      width: 100%;
      padding: 10px;
    }

    #document .content h2 {
      line-height: 1;
    }

    #document .content .flex .txt02 {
      width: 75%;
      font-size: 14px;
    }

    #document .content .flex .txt02 span {
      font-size: 16px;
    }

    #document .content .flex .img {
      width: 24%;
    }

    #reason ul {
      flex-direction: column;
      justify-content: space-around;
    }

    #reason ul li {
      width: 80%;
      margin: 0 auto 20px;
    }

    #reason ul li .txt {
      font-size: 14px;
    }

    #document .content h2::before,
    #document .content h2::after {
        font-size: 28px;
    }

    /* フッター */

    /* footer .shopdata {
      width: 100%;
      padding: 10px;
    } */

    footer .shopdata dl dt {
      float: none;
    }

    /* footer .shopdata dl dd {
      margin-left: 0;
    } */

    /* 画面下固定バナー */

    #bottomfixed {
      padding: 5px 0;
    }

    #bottomfixed .inner {
      padding: 0;
    }

    #bottomfixed .flex .right,
    #bottomfixed .flex .left {
      width: 100%;
    }

    #bottomfixed .flex .left {
      order: 1;
      text-align: center;
    }

    #bottomfixed .flex .left .upper {
      background: #000;
      color: #fff;
      font-size: 13px;
      letter-spacing: 3px;
      padding-top: 3px;
    }

    #bottomfixed .flex .left .telarea .tel {
      font-size: 30px;
      letter-spacing: 3px;
      line-height: 1;
    }

    #bottomfixed .flex .right .btn_mail {
      text-align: right;
      padding: 0 10px 5px;
    }

    #bottomfixed .flex .right .btn_line {
      text-align: left;
      padding: 0 10px 5px;
    }

    /* gotop */

    .gotop {
    	font-size: 24px;
    	right: 10px;
    	bottom: 150px;
    	padding: 15px;
    }

    /* プライバシーポリシー */

    #privacy_policy h2 {
      font-size: 22px;
      padding: 10px;
      margin-bottom: 20px;
    }

    #privacy_policy p,
    #privacy_policy ul li {
      font-size: 14px;
    }

    #privacy_policy h3 {
      font-size: 16px;
    }

    #privacy_policy ul {
      margin-left: 10px;
    }


    /* メールフォームテンプレート */

    #form-title .title {
      font-size: 22px;
      padding: 10px;
      margin-bottom: 20px;
    }

    #form-title .title + .txt {
      text-align: left;
    }

    table.mail,
    #contact .notice,
    .inquiry_complete {
    	width: 100%;
    }

    table.mail {
    	border-spacing: 5px;
    	font-size: 14px;
    }

    table.mail th,
    table.mail td {
    	padding: 15px 0px 5px;
    }

    table.mail th{
        width: 20%;
    }

    table.mail textarea,
    table.mail input[type="text"] {
    	width:100%;
      font-size: 16px;
    }

    .mwform-tel-field input[type="text"] {
      width: 28%;
    }

    .check_policy {
    	margin-bottom: 10px;
    }

    #submitback {
    	display: block;
    	margin-right: 0px;
    	margin-bottom: 10px;
    }

    /* pagenavi */

    .pagenavi {
    	font-size: 14px;
    	line-height: 1.6;
    }

    .pagenavi span.prev,
    .pagenavi span.next {
    	display: block;
    	margin-bottom: 10px;
    }

    .pagenavi span.gotolist {
    	display: inline-block;
    	margin-bottom: 10px;
    }

    }

      /************************************************
          Smartphone max-width: 600px
      ************************************************ */


      @media only screen and (max-width: 600px){


      /* メールフォームテンプレート */

      table.mail th,
      table.mail td {
        display: block;
        width: 100%;
      }

      }


        /************************************************
            Smartphone max-width: 414px
        ************************************************ */


        @media only screen and (max-width: 414px){

        .mini {
        	display: block !important;
        }

        /* ヘッダー */

        /* header .lower .logo img {
          width: 100px;
          height: auto;
        } */

        header .lower .shopname {
            margin-left: 5px;
            font-size: 18px;
        }

        header .lower .right img {
          width: 25px;
          height: auto;
        }

        /* トップページコンテンツ */

        #service_area .title h2 {
          font-size: 16px;
        }

        .contactbloc .box .title01 {
          font-size: 24px;
        }

        .contactbloc .box .innerbox .txt01 {
          font-size: 18px;
        }

        .contactbloc .box .innerbox .flex .left p {
          font-size: 22px;
        }

        .contactbloc .box .innerbox .right .time {
          font-size: 14px;
        }

        .case h2 {
          font-size: 18px;
        }

        .case h2 br {
          display: none;
        }

        #flow .content .flow_wrapper .box h4 {
        font-size: 14px;
        }

        #flow .content .flow_wrapper .box h4 span img {
          width: 30px;
        }

        #flow .content .flow_wrapper .box p {
          margin-left: 40px;
        }

        #document .content .flex .txt02 {
          width: 100%;
          margin-bottom: 10px;
        }

        #document .content .flex .img {
          width: 100%;
        }

        /* フッター */

        footer .shopdata .shopname {
          font-size: 16px;
          letter-spacing: 0;
          margin-bottom: 10px;
        }

        footer .shopdata dl {
          font-size: 14px;
        }

        footer .copyright {
          font-size: 13px;
        }

        /* 画面下固定バナー */

        #bottomfixed .flex .left .upper {
          font-size: 12px;
          padding-top: 2px;
        }

        #bottomfixed .flex .right .btn_mail {
          width: 47%;
          padding: 0 5px 5px;
        }

        #bottomfixed .flex .right .btn_line {
          width: 53%;
          padding: 0 5px 5px;
        }

        #bottomfixed .flex .left .telarea .time {
          font-size: 12px;
        }

        }



          /************************************************
              Smartphone max-width: 360px
          ************************************************ */


          @media only screen and (max-width: 360px){


          }

/* 新規 */
@media (max-width: 1050px) {

/* 無料出張エリア */
  .rectangle {
    height: 125px;
  }

#service_area .title h2 span {
  font-size: 35px;
}

#service_area .areabloc .areatxt {
  font-size: 16px;
}

/* 簡単２STEP */

.twostep_inner{
  max-width: 700px;
  margin: 0 auto;
}

}

@media (max-width: 970px) {
  .satei_call_cta .tel .tel{
    top: -150%;
  }
}


/* 新規sp版 */

.sp {
  display: none; /* デフォルトでは非表示 */
}

/* header */
.phone_icon_sp.sp, .line_icon_sp.sp {
  width: 11.3vw;
  max-width: 50px;
}

@media only screen and (max-width: 768px) {
  .sp {
    display: block; /* 768px以下で表示 */
}

  p.shop_name {
    font-size: 3vw;
    font-weight: bold;
    white-space: nowrap;
    position: static;
    left: auto;
    margin: 0 0 0 10%;
  }

  h1 {
    font-size: 2.2vw; 
    padding-left: 3vw;
  }

  .logo_header{
    width: 21vw;
    max-width: 113px;
    position: static;
    margin-top: 0;
  }

  .flex_header {
    display: flex;
    justify-content: center;
    justify-content: space-between;
    padding: 0 2vw;
    margin: 1% 0%;
    align-items: center;
  }

  .item-left {
    display: flex;
    align-items: center;
    padding-left: 1vw;
  }

  .item-right {
    display: flex;
    align-items: center;
  }

  .phone_icon_sp.sp{
    margin: 0 0 0 -20%;
  }

  .inner_top {
    max-width: 750px;
  }

}

/* mv */
@media only screen and (max-width: 768px) {
  .pc {
      display: none !important;
  }

  .mv_bg {
    width: 100vw;
  }

}

/* mvs下 */
@media only screen and (max-width: 768px) {
  #satei_call {
    background-image: url(images/family_sp.jpg);
    height: 102.4vw;
    background-position: center;
    background-size: cover;
  }

  img.family_text {
    width: 57.2vw;
    margin: 58% 0 0 -25%;
  }

  .satei_call_cta {
    width: 95vw;
    margin: 0 auto;
  }

  .satei_woman {
    width: 26.6vw;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(65%, -9%);
  }

  .tel_top{
    font-family: noto-sans-jp, sans-serif;
    font-weight: 900;
    font-size: 7.5vw;
    color: #fff;
    position: absolute;
    left: 18%;
    top: 30%;
    text-shadow: -2px -2px 0 #f80b0b,
     2px -2px 0 #f80b0b, 
     -2px 2px 0 #f80b0b, 
     2px 2px 0 #f80b0b,
     2px 2px 5px rgba(0, 0, 0, 0.9);
  }

  .satei_call_cta .time_top {
    font-family: noto-sans-jp, sans-serif;
    font-size: 2.5vw;
    color: #fff;
    position: absolute;
    left: 35%;
    top: 72%;
    font-weight: bold;
  }

  /* 無料出張エリア */
  #service_area {
    background-image: url(images/area.jpg);
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    padding: 4% 0;
  }

  .rectangle {
    height: 28vw;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin-top: -1%;
    border: 1vw solid #c60f14;
    width: 90vw;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  p.areatxt {
    padding: 8%;
  }

  #service_area .areabloc .areatxt {
    font-size: 3vw;
  }
  

  #service_area .areabloc {
    background-image: none;
    padding: 0%;
}

  #service_area .title {
    background: #c60f14;
    width: 60vw;
    margin: 0 auto;
  }

  #service_area .title h2 span {
    font-size: 5vw;
  }

  .rectangle_sp {
    background-color: #fff;
    display: flex;
    align-items: center;
    margin: 0 auto;
    border: 4px solid #c60f14;
    width: 90vw;
    height: 10vw;
  }

  /* two step */

  .two_step {
    width: 90vw;
  }

  .twostep_title {
    width: 125vw;
    margin: 0% 0% 0 -30%;
  }

  /* お伺いから査定まで */
  .satei_title {
    width: 93vw;
  }

  .blue_01 {
    width: 31vw;
    padding-right: 0.5%;
  }

  .blue_02 {
    width: 33vw;
    padding: 0 0.5%;
  }


  .blue_03{
    width: 29.5vw;
    padding-left: 0.5%;
  }

  /* 完全に〇円 */
  img.zero {
    width: 95.5vw;
  }

  .cta_section .satei_call_cta, .cta_block_btn  {
    width: 95vw;
    margin-top: -11%;
    }

  .satei_call_cta .tel .tel {
    top: -12%;
  }

  .satei_call_cta .tel .tel {
    font-family: noto-sans-jp, sans-serif;
    font-weight: 900;
    font-size: 8vw;
    color: #fff;
    position: absolute;
    left: 17%;
    top: -25%;
    text-shadow: -2px -2px 0 #f80b0b,
    2px -2px 0 #f80b0b, 
    -2px 2px 0 #f80b0b, 
    2px 2px 0 #f80b0b, 
    2px 2px 5px rgba(0, 0, 0, 0.9);
}

  .satei_call_cta .time {
    font-family: noto-sans-jp, sans-serif;
    font-size: 3vw;
    color: #fff;
    position: absolute;
    left: 32%;
    top: 53%;
    font-weight: bold;
  }

  /* 最短30分 */

  section#purchase_item {
    background-image: url(images/odoroki_bg.jpg);
    background-repeat: repeat;
    height: 340vw;
    max-height: 2700px;
    background-size: 100vw;
    padding: 0;
  }

  p.zeroen_text {
    font-size: 5vw;
    text-align: center;
    margin-top: 4%;
    font-weight: bold;
    color: #124088;
}

.web_block, .line_block {
  width: 47.5vw;
}

  .rectangle_2 {
    width: 69vw;
    height: 21.67vw;
    background-color: #fff;
    display: flex;
    align-items: center;
    border: 0.5vw solid #c60f14;
    border-top: 6vw solid #c60f14;
    position: absolute;
    left: 50%;
    transform: translate(-32%, 186%)
  }

  .rectangle_2 .areatxt_title {
    position: absolute;
    z-index: 1;
    font-weight: bold;
    font-size: 3vw;
    color: #fff;
    letter-spacing: 0.05em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -104%);
    white-space: nowrap;
  }

  .rectangle_2 p {
    position: absolute;
    z-index: 1;
    padding: 10%;
    font-weight: bold;
    font-size: 2.5vw;
  }

  .odoroki_png{
    width: 12vw;
    margin: 0 0 0% 22%;
  }

  .saitan_inner_text01 {
    text-align: center;
    font-family: ヒラギノ角ゴシック;
    font-weight: bold;
    font-size: 14vw;
    margin-top: -7%;
  }

  .saitan_inner_text02 {
    text-align: center;
    font-family: ヒラギノ角ゴシック;
    font-weight: bold;
    font-size: 16vw;
    margin-top: -8%;
  }

  .saitan_inner_text03 {
    text-align: center;
    font-family: ヒラギノ角ゴシック;
    font-weight: bold;
    font-size: 5vw;
  }

  .styled-hr {
    border: none;
    height: 0.7vw;
    background-color: black;
    margin: 0 auto;
    width: 70vw;
    max-width: 980px;
    margin-top: -2%;
  }

  #purchase_item .flex {
    margin: 0 auto;
    max-width: 700px;
    width: 93.33333333vw;
    display: grid;
    grid-template-columns: repeat(4, 0fr);
    grid-auto-rows: auto;
    padding: 0.4vw;
    list-style: none; 
  }

  #purchase_item .flex li {
    width: 22vw;
    padding: 2px;
  }

  .no_problem {
    width: 75vw;
    max-width: 970px;
    margin: 0 auto;
    display: block;
    position: relative;
    padding: 4% 0 0 0;
  }

  .pc_m, .guitar, .drill {
    width: 30vw;
    display: block;
    margin: 0 0.5%;
  }

  .no_problem_text {
    font-size: 2vw;
    color: #6a6a6a;
    position: absolute;
    white-space: nowrap;
    top: 110%;
    left: 50%;
    transform: translate(30%, -50%);
  }

  .flex li p {
    font-size: 3vw;
    font-weight: bold;
    margin: -23% 0 0 0;
  }

  /* よくある相談 */
  #best3 {
    height: 316vw;
    max-height: 2250px;
    padding: 0;
    background-color: #fff;
    background-image: none;
  }

  .soudan_title {
    max-width: 82vw;
    margin-top: 7%;
  }

  .soudan_1 {
    width: 98vw;
    max-width: 700px;
  }

  .soudan_text1 {
    font-size: 4vw;
    margin: -28% 0 0% 6%;
    width: 91vw;
  }

  .best2_inner_text01 {
    width: 98vw;
    max-width: 700px;
    margin-top: 8%;
}

  .soudan_text2 {
    font-size: 4vw;
    margin: -46% 0 0% 5%;
    width: 91vw;
  }

  .soudan_3 {
    width: 98vw;
    max-width: 700px;
    margin-top: 8%;
  }

  .soudan_text3 {
    font-size: 4vw;
    margin: -31% 0 0% 6%;
    width: 91vw;
  }

  /* こんなお悩み */
  
  .onayami_png {
    width: 80vw;
    max-width: 1000px;
    margin: 0 auto;
    display: block;
    padding-top: 5%;
  }

  .onayami_2 {
    width: 94vw;
    max-width: 1400px;
    display: block;
    padding-top: -5%;
    margin-top: -9%;
    margin-left: auto;
    margin-right: auto;
  }

  #onayami {
    background-image: url(images/onayami_sp.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    height: 155vw;
    max-height: 1200px;
    padding: 0;
  }

  #onayami .flex_2 li{
    width: 32vw;
    margin-bottom: 75%;
  }

  .flex_2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 0px;
    justify-content: center;
    align-items: center;
    width: 69vw;
    margin-left: auto;
    margin-right: auto;
    top: -13%;
    position: relative;
    z-index: 2;
  }

  .onayami_01, .onayami_05, .onayami_02, .onayami_06, .onayami_03, .onayami_07, .onayami_04, .onayami_08, .onayami_09 {
    margin-left: 0;
  }

  .onayami_text01, .onayami_text02, .onayami_text03, .onayami_text04 {
    font-size: 2.8vw;
    text-align: center;
    font-weight: 500;
    white-space: nowrap;
    font-family: ヒラギノ角ゴシック;
    color: #fff;
    line-height: 1.3;
  }

  .onayami_text05, .onayami_text06, .onayami_text07, .onayami_text08, .onayami_text09{
    font-size: 2.8vw;
    text-align: center;
    font-weight: 500;
    white-space: nowrap;
    font-family: ヒラギノ角ゴシック;
    color: #fff;
    line-height: 1.3;
  }


  .onayami_text01 {
    margin: -91% 0% 0% 4%;
  }

  .onayami_text02 {
    margin: -91% 0% 0% 0%;
  }

  .onayami_text03 {
    margin: -91% 0% 0% -5%;
  }

  .onayami_text04 {
    margin: -91% 0% 0% 0%;
  }

  .onayami_text05 {
    margin: -91% 0% 0% 0%;
  }

  .onayami_text06 {
    margin: -91% 0% 0% 5%;
  }

  .onayami_text07 {
    margin: -91% 0% 0% -1%;
  }

  .onayami_text08 {
    margin: -91% 0% 0% 2%;
  }

  .onayami_text09 {
    margin: -90% 0% 0% 2%;
  }

  .onayami_hukidasi {
    width: 14vw;
    max-width: 250px;
    position: absolute;
    z-index: 1;
    left: 20%;
    margin: 3% 0 0 0;
  }

  /* お任せください！ */

  .omakase_png {
    width: 90vw;
    margin: 0 0 0 13%;
  }

  .living_white {
    width: 98vw;
    margin-top: 3%;
    margin: 0 0 0 11%;
  }

  .onayami_bg_png {
    width: 100vw;
    margin-top: -1px;
    position: absolute;
    z-index: 1;
    margin: 0 0 0 10%;
  }

  #omakase {
    background-image: url(images/living_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 96vw;
    padding: 0;
    margin: 0 0 0 -10%;
  }

  .omakase_group_text {
    font-size: 3.8vw;
    margin: -32% 0 0 9%;
    text-align: center;
    font-weight: 590;
  }

  .case_title {
    width: 90vw;
    max-width: 1400px;
    margin: 0 auto;
    display: block;
  }

  /* 納得のポイント */

  .point_title {
    width: 85vw;
    margin: 0 auto;
    display: block;
  }

  #point {
    background-color: #fff;
    height: 589vw;
}

  .point_group {
    margin-top: 3%;
    display: flex;
    flex-direction: column;
    text-align: center;
  }

  .point_group img {
    width: 93vw;
  }

  .point_2, .point_4, .point_6 {
    margin-left: 0%;
  }

  .point_1, .point_3, .point_5 {
    margin-left: 0%;
  }

  ul.point_group_title p {
    font-size: 6.7vw;
    font-weight: bold;
    line-height: 1.3;
    white-space: nowrap;
  }

  .point_group_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 17%;
  }

  .point_group li {
    margin-bottom: 24%;    
  }
  
  .group_title01 {
    margin: -767% 0% 0% 0%;
  }

  .group_title02 {
    margin: -639% 0% 0% 0%;
  }

  .group_title03 {
    margin: -468% 0% 0% 3%;
  }

  .group_title04 {
    margin: -381% 0% 0% 0%;
  }

  .group_title05 {
    margin: -230% 0% 0% 3%;
  }

  .group_title06 {
    margin: -113% 0% 0% 3%;
  }

  .point_group_text {
    display: flex;
    flex-direction: column;
  }

  ul.point_group_text p {
    font-size: 4.2vw;
    font-weight: 600;
    width: 86vw;
    max-width: 670px;
    margin-left: auto;
    margin-right: auto;
}

  .point_group_text p {
    line-height: 1.4;
    letter-spacing: 0.02em;
  }

  .point_text01 {
    margin: -466% 0% 0% 0%;
  }

  .point_text02 {
    margin: -377% 0% 0% 0%;
  }

  .point_text03 {
    margin: -287% 0% 0% 0%;
  }

  .point_text04 {
    margin: -198% 0% 0% 0%;
  }

  .point_text05 {
    margin: -110% 0% 0% 0%;
  }

  .point_text06 {
    margin: -22% 0% 0% 0%;
  }

  /* 知っていますか？ */

  #woman {
    background-color: #fdf2f3;
    height: 98vw;
    padding: 0%;
  }

  .woman_text01 {
    font-size: 5vw;
    color: #bc2045;
    margin-left: 7%;
    padding-top: 4%;
  }

  .woman_text02 {
    font-size: 6vw;
    text-align: center;
    color: #bc2045;
    font-family: Hiragino Maru Gothic ProN;
    font-weight: bold;
  }

  .woman_text02::before {
    content: '';
    display: block;
    border-top: 0.5vw solid #bc2045;
    width: 90vw;
    margin: 2% 5% 2%;
  }

  .woman_text02::after {
    content: '';
    display: block;
    border-top: 0.5vw solid #bc2045;
    width: 90vw;
    margin: 2% 5% 2%;
  }

  .woman_4 {
    width: 90vw;
    display: block;
    margin: 0 auto;
    padding-top: 2%;

  }

  .woman_text03 {
    font-size: 4.5vw;
    color: #bc2045;
    margin-top: 2%;
    display: block;
    width: 84vw;
    margin-left: auto;
    margin-right: auto;
  }

  /* 出張買取の流れ */

  .flow_title {
    font-family: ヒラギノ角ゴシック;
    font-size: 8.5vw;
    font-weight: 600;
    padding: 9% 0% 0% 0%;
    text-align: center;
    letter-spacing: 0.07em;
    margin: 0;
  }

  #flow_section {
    padding: 0;
    height: 205vw;
    background-color: #fdf2f3;
  }

  .step_icon {
    width: 46vw;
    margin: 6% 0 0 3%;
    display: block;
  }

  .flow_section_text p {
    font-size: 3.7vw;
    width: 42vw;
    max-width: 320px;
    font-weight: 600;
    color: #343434;
  }

  .flow_section_text {
    display: flex;
    margin-top: -171%;
    margin-left: 54%;
    flex-direction: column;
  }

  .flow_section_text li {
    width: auto;
    max-width: none;
  }

  .kome01, .kome02 {
    margin: 0 0 0 54%;
  }

  .flow_section_text2 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .flow_section_text2 p {
    color: #7e7e7e;
    font-size: 2.5vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
    width: 42vw;
    max-width: 350px;
  }

  .flow_text01::before {
    content: '';
    display: block;
    width: 7vw;
    height: 7vw;
    background-image: url(images/01_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
  }

  .flow_text02::before {
    content: '';
    display: block;
    width: 8vw;
    height: 8vw;
    background-image: url(images/02_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
  }

  .flow_text03::before {
    content: '';
    display: block;
    width: 8vw;
    height: 8vw;
    background-image: url(images/03_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
  }

  .flow_text04::before {
    content: '';
    display: block;
    width: 8vw;
    height: 8vw;
    background-image: url(images/04_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
  }

  p.flow_text01 {
    margin-bottom: 33%;
  }

  p.flow_text02 {
    margin-bottom: 30%;
  }

  p.flow_text03 {
    margin-bottom: 17%;
  }

  p.kome01 {
    margin-top: -83%;
  }

  p.kome02 {
    margin-top: 77%;
  }
  /* よくある質問 */
  .qa_icon {
    width: 18vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .faq_title {
    font-size: 8vw;
    font-weight: bold;
    font-family: ヒラギノ角ゴシック;
    text-align: center;
  }

  .faq {
    margin: 2% 0 0 0;
    width: 90vw;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }

  span.question {
    font-size: 4vw;
    font-weight: bold;
    margin-right: 5%;
  }

  .txt_a {
    width: 220%;
    font-size: 4vw;
    padding: 5% 0;
  }

  .faq-answer {
    border-top: 0.2vw solid #f0eeee;
    color: #000;
    font-size: 2.5vw;
    width: 86%;
    margin: 0 auto;
  }

  .A_icon {
    transform: scale(0.62);
    margin: 0 0 0 -7%;
    width: 14.2vw;
    height: 100%;
  }

  .faq-question {
    display: flex;
    align-items: center;
    padding: 2%;
    cursor: pointer;
    color: #333;
    position: relative;
  }

  .faq-item {
    margin-bottom: 5%;
    border-radius: 2vw;
    background-color: #fff;
    box-shadow: 2px 4px 0px rgba(248, 171, 173, 0.5);
  }

  .need {
    width: 90vw;
    height: 100vw;
    background-color: #fff;
    margin: 4% 0 0 0;
    margin-left: auto;
    margin-right: auto;
  }

  .need p {
    text-align: center;
    line-height: 1.9;
    font-weight: 500;
    font-size: 3.2vw;
  }

  p.need_title {
    font-weight: bold;
    font-size: 5.5vw;
    padding: 3% 0 2% 0;
  }

  .need_txt03 .bold {
    font-size: 4.5vw;
  }

  /* 買取屋さんグループ */

  .logo_png {
    width: 76vw;
    max-width: 700px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8%;
  }

  .reason_title {
    font-style: oblique;
    font-weight: bold;
    font-size: 6vw;
    text-align: center;
    letter-spacing: 0.06em;
    padding: 2% 0 5% 0;
  }

  #reason_section {
    height: auto;
    padding: 0;
  }

  .money_jpg, .kaigai_jpg, .speed_jpg {
    width: 90vw;
    max-width: 700px;
    margin-bottom: 42%;
  }

  .reason_text_group {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .reason_text_group p {
    font-size: 4.2vw;
  }

  .reason_text01 {
    margin: -278% 0 0 0;
    width: 88vw;
  }

  .reason_text02 {
    margin: 81% 3% 0 3%;
    width: 88vw;
  }

  .reason_text03 {
    margin: 78% 0 0 0;
    width: 88vw;
  }

  /* footer */

  .footer_h2 {
    font-size: 5.3vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 3% 0%;
  }

  footer {
    background: #c60f14;
    height: 115vw;
    position: relative;
  }

  footer .shopdata {
    width: 90vw;
    padding: 4%;
    height: 80vw;
  }

  .shopname.h3 {
    font-size: 4.3vw;
    font-weight: bold;
    letter-spacing: 0.08em;
    text-align: center;
  }

  .cf dt, .cf dd {
    font-size: 3.5vw;
  }

  footer .shopdata dl dt {
    font-weight: bold;
    margin: -2% 0 0 -13%;
  }

  dd.address {
    margin: 0% 0% 0% -13%;
    padding: 0;
  }

  dd.tel_number {
    margin: 0% 0% 0% -13%;
    padding: 0;
  }

  .representative {
    margin: 0% 0% 0% -13%;
    padding: 0;
  }

  .number {
    padding: 0;
    margin: 0% 0% 0% -13%;
  }

  /* 画面下バナー */
  #bottomfixed {
    display: block;
  }
  
  .bottomfixed_img02 {
    width: 86vw;
    margin: 0 auto;
    display: block;
  }

  #bottomfixed .web_block {
    max-width: 580px;
    width: 43vw;
    margin-left: 7.5vw;
    margin-top: -1.5vw;
  }

  #bottomfixed .line_block {
    max-width: 580px;
    width: 43vw;
    margin-left: -1vw;
    margin-top: -1.5vw;
  }

  .tel_f {
    position: absolute;
    font-size: 7vw;
    font-weight: bold;
    top: -6.5vw;
    left: 68.5vw;
    white-space: nowrap;
    font-family: noto-sans-jp, sans-serif;
    color: #fff;
    text-shadow: -1px -1px 0 #f80b0b, 
    1px -1px 0 #f80b0b,
     -1px 1px 0 #f80b0b,
     1px 1px 0 #f80b0b,
    2px 2px 5px rgba(0, 0, 0, 0.6);
  }
  
  /* お客様の声 */
  .case_group img {
    width: 84vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: -6%;
  }

  #case {
    background-color: #fffdd7;
    height: 171vw;
    padding: 0%;
  }

  .case_group {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  /* Owl Carouselのカルーセル全体を横幅100%に広げる */
  .owl-carousel {
    width: 100vw; /* 横幅を100%に */
    box-sizing: border-box; /* パディングやボーダーを含めて計算 */
    overflow: hidden; /* はみ出し部分を隠す */
  }

  /* スライド要素の調整 */
  .owl-carousel .owl-item {
    padding: 0; /* 内側の余白をリセット */
    margin: 0; /* 要素間のマージンをリセット */
    transition: transform 1s ease; /* 動きを滑らかに */
  }

  .carousel_img {
    width: 100vw;
  }

  .owl-carousel .owl-item img {
    width: 84vw;
  }
    

  ul.carousel {
  display:flex;
  flex-wrap: initial !important;
  gap: 0 !important;
  justify-content: initial !important;
  margin-top: -8%;
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  }

  p.case_title {
  position: absolute;
  top: 19%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 6vw;
  text-align: center;
  z-index: 2;
  white-space: nowrap;
  font-family: ヒラギノ角ゴシック;
  font-style: oblique;
  text-decoration: underline;
  line-height: 1.4;
  font-weight: 700;
  }

  p.case_detail {
  width: 78vw;
  position: absolute;
  bottom: 1%;
  left: 51%;
  transform: translateX(-50%);
  color: #000;
  padding: 0 3%;
  font-size: 4vw;
  z-index: 2;
  text-align: left;
  }

  button.owl-prev {
    width: 5vw;
  }

  .owl-prev {
    position: absolute;
    top: 52%; /* 縦中央揃え */
    left: 0%; /* コンテナの外側に配置 */
    transform: translateY(-50%); /* 縦方向の中央揃え補正 */
}

  /* 右のナビゲーションボタン */
  .owl-next {
    position: absolute;
    top: 52%; /* 縦中央揃え */
    right: 0%; /* コンテナの外側に配置 */
    transform: translateY(-50%); /* 縦方向の中央揃え補正 */
  }

  .owl-carousel {
    margin-top: -100px; /* 必要な分だけ上に移動 */
  }

  img.case_png {
    width: 90vw;
    margin: 0 auto;
    display: block;
  }

  img.case_title {
    width: 90vw;
    margin: 0 auto;
    display: block;
  }

  a {
    text-decoration: none; /* 下線を削除 */
    color: inherit; /* 親要素の文字色を引き継ぐ */
}

/* 画像リンク専用のリセット（必要に応じてクラス指定） */
a img {
    display: block; /* 画像をブロック要素として扱う（崩れ防止） */
    border: none; /* 古いブラウザでリンク画像に付く枠線を削除 */
}


/* ハンバーガーメニュー */
.hamburger-menu {
  display: block; /* ハンバーガーメニューを表示 */
}

.menu-action span.yazirusi01 {
  margin: 0 0 0 37vw;
  font-weight: bold;
  font-size: 3vw; 
}

.menu-action span.yazirusi02 {
  margin: 0 0 0 38vw;
  font-weight: bold;
  font-size: 3vw;
}

span.menu-arrow {
  color: #e04448;
  font-weight: bold;
}

.hamburger-menu {
  /* position: fixed; */
  top: 0.8vw; 
  right: 0.8vw;
  z-index: 1000;
}
/* スクロール時 */
.hamburger-menu.fixed {
  position: fixed;
  top: 2vw;
  right: 2vw;
}

/* ハンバーガーボタン */
.menu-toggle {
  width: 11.3vw;
  height: 11.3vw;
  cursor: pointer;
  /* margin-top: 2.6vw; */
  margin-left: 1.5vw;
  max-width: 50px;
  max-height: 50px;
}

/* メニュー全体 */
.menu {
  display: block; /* トランジションのために非表示にしない */
  position: fixed;
  top: 0;
  right: -100%; /* 画面外に配置 */
  background-color: #fff;
  width: 30vw; /* 75vw × 0.4 */
  height: 100%; 
  /* box-shadow: -0.8vw 0 2vw rgba(0, 0, 0, 0.1);  */
  z-index: 9999;
  transition: right 0.6s; /* 右からスライドするトランジション、速度一定 */
  margin-top: 12vw;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; /* スクロール時の滑らかさを向上 */
}

/* メニューのヘッダー部分 */
.menu-header {
  background-color: #e04448;
  color: #fff;
  font-size: 3vw; /* 1.3vw × 0.4 */
  font-weight: bold;
  padding: 3.3vw 0vw 3.3vw 3vw;
  height: 12vw;
}

/* メニュー項目 */
.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu ul li {
  border-bottom: 1px solid #f2f2f2;
}

.menu ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2vw 2.4vw 2vw 5vw;
  text-decoration: none;
  font-size: 3vw;
  color: #333;
  font-weight: 600;
  height: 12vw;
}

.menu-header p {
  font-size: 3vw;
  font-weight: bold;
}

.menu ul li a:hover {
  background-color: #f9f9f9;
}

/* 非クリック要素「当社について」 */
.menu-highlight {
  background-color: #e04448;
  color: #fff;
  font-size: 3vw;
  font-weight: bold;
  padding: 4vw 2.4vw 4vw 5vw;
  height: 12vw;
}

/* メニュー内アクション */
.menu-action {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff6a45;
  color: #fff;
  text-decoration: none;
  font-size: 0.52vw; /* 1.3vw × 0.4 */
  padding: 0.32vw 0vw 0.32vw 0.28vw; 
  height: 12vw;
}

.menu-action.line {
  background-color: #06c755;
}

.menu-action img {
  width: 7vw;
  margin: 0 0.5vw 0 2vw;
}

.menu-action span {
  flex-grow: 1;
  font-size: 3vw;
  font-weight: 600;
  color: #fff;
}

/* メニュー表示切り替え */
.menu.show {
  right: 0; 
  width: 80vw;
}

#bottomfixed {
  padding: 10px 0;
  background: rgba(255, 255, 255, 0.8);
  border-top: 1px solid #e2e2e2;
  position: fixed;
  bottom: -200px;
  left: 0;
  width: 100%;
  z-index: 999;
}

/* 閉じるブロック */
/* #menu .menu-close {
  background-color: #333;
  color: #fff;
  font-size: 3vw;
  font-weight: bold;
  text-align: left;
  padding: 1.5vw 2.5vw; 
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: right 3s ease; 
} */

/* 閉じるブロック */
.menu-close {
  background-color: #333;
  color: #fff;
  font-size: 3vw;
  font-weight: bold;
  text-align: left;
  padding: 1.5vw 2.5vw;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: fixed; /* メニュー全体とは独立した動きにする */
  top: 0;
  right: -100%; /* 初期状態で画面外 */
  z-index: 1001; /* メニューより前面 */
  width: 80vw;
  height: 12vw;
  transition: right 0.2s;
  transition-delay: 0s; /* 遅延なしで即時動作 */
}
.menu-close.show {
  right: 0; /* 表示状態で画面内に配置 */
}

.menu.show .menu-header,
.menu.show ul li,
.menu.show .menu-actions {
  right: 0; /* 表示状態で画面内に配置 */
}

.menu-close span {
  margin-left: 0.2vw; 
  font-size: 3vw;
  font-weight: bold;
}

/* page_phpのみ */
.inner_page_php {
  width: 100%;
  padding: 0 10px;
}

#form-table .inner {
  width: 100%;
  padding: 0 10px;
  }

  #inquiry-complete .inner{
    width: 100%;
    padding: 0 10px;
  }


}


#form-title {
  /* box-shadow: 0px 4px 5px -1px #cccccc inset; */
  padding: 0;
}

.inner_page_php p {
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
}

/* 遅延読み込み用のCSS */