@charset "UTF-8";

/* ---- 全体 ---- */

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pc_none {
  display: none;
}

body {
  margin: 0 12vw;
  font-family: sans-serif;
  word-wrap: break-word;
  background: white;
}

a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  color: white;
}
a:hover{
  opacity: 0.5;
}

/* ---- ヘッダー ---- */

.header {
  width: 100vw;
  position: relative;
  right: 12vw;
  margin-right: -12vw;
  margin-bottom: 24px;
  overflow: hidden;
}


/* ---- 見出し・テキスト ---- */

h2 {
  font-size: 37px;
  color: royalblue;
  text-align: center;
}
.area {
  font-size: 45px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 7px;
}

.menu {
  color:  black;
  font-size: 28px;
  margin: 4% 0 2% 1%;
  border-left: solid 3.5px royalblue;
  padding-left: 15px;
}


/* ---- 出張買取 ---- */

.kaitori {
  text-align: center;
}
.kaitori img {
  width: 200px;
}


/* ---- 基本サービス内容（無料） ---- */
/* ---- 事業者様向けのオプションサービス（有料） ---- */

table {
  border-collapse: collapse;
  margin: 2%;
  width: 96%;
}
th {
  border: 1px solid gray;
  background: aliceblue;
  font-size: 24px;
  text-align: center;
  padding: 2%;
  width: 32%;
}
td {
  border: 1px solid gray;
  background: white;
  font-size: 20px;
  padding: 2%;
  width: 64%;
}

table img {
  width: 105px;
}


/* ---- 買取の流れ ---- */

.frame_blue {
  margin: 2% 1% 4%;
  padding: 2% 4%;
  border: solid 1px royalblue;
  border-radius: 20px;
  font-size: 20px;
}
.frame_blue p {
  margin: 10px 0;
}

.nagare {
  display: grid;
  grid-template-columns: calc( 100% / 3 ) calc( 100% / 3 ) calc( 100% / 3 );
}
.nagare div {
  margin: 0 2% 7%;
}
h4 {
  font-size: 23px;
  color: royalblue;
  margin: 6px 0;
}
h4:first-letter {
  font-size: 30px;
  color: blue;
  margin-right: 5px;
}


/* ---- 問い合わせボタン ---- */

.button {
  text-align: center;
}
.button a {
  display: inline-block;
  text-decoration: none;
  color: white;
  font-size: 29px;
  font-weight: bold;
  background-color: crimson;
  margin: 20px 0;
  padding: 20px 40px;
  text-align: center;
  border-radius: 10px;
  border: solid 2px white;
}


/* ---- フッター ---- */

footer {
  background: royalblue;
  width: 100vw;
  margin-top: 10px;
  position: relative;
  right: 12vw;
  overflow: hidden;
}
footer p {
  font-size: 20px;
  color: white;
  text-align: center;
}