@charset "UTF-8";


/* ------------------------------

 / __共通
 / __ラッパー（div#wrapper）
 / __ヘッダー（header）
 / __トップイメージ（div#cover）
 / __ナビゲーション（nav）
 / __動画（div#movie）
 / __タイトル（div#title）
 / __パンくずリスト（div#topicpath）
 / __コンテンツ（div#contents）
 / __コンテンツ（div#content）
 / __フッター（footer）
 / __固定フッター（div#fixedfooter）
 / __media Queries

------------------------------ */


/* ------------------------------
 __共通
------------------------------ */

html {
  min-width: 320px;
  font-size: 62.5%;/*10px*/
}

body {
  line-height: 1.5;
  margin: 0;
  padding: 0;
  background: #fff;
  color: #333;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

a:link {
  color: #069;
}
a:visited {
  color: #069;
}
a:hover {
  color: #f60;
}
a:active {
  color: #f60;
}

p {
  margin: 10px;
  padding: 0;
}

table {
  width: 97%;
  margin: 10px;
  padding: 0;
}
table th,
table td {
  line-height: 2;
  padding: 5px;
  background: #fff;
  text-align: left;
}
table th {
  font-weight: normal;
}

ul {
  margin: 10px 35px;
  padding: 0;
  text-align: left;
}
ul li {
  padding: 5px 0;
}

ol {
  margin: 10px 40px;
  padding: 0;
  text-align: left;
}
ol li {
  padding: 5px 0;
}

dl {
  margin: 10px;
  padding: 0;
  text-align: left;
}
dl dt,
dl dd {
  margin: 0;
  padding: 5px 0;
}

img {
  max-width: 100%;
  height: auto;
}
.ie8 img{
  width: auto;
}

form {
  margin: 10px 0;
  padding: 0;
}

img,
input {
  vertical-align: middle;
}

/* 画像透過 */
a:hover img {
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.70;
  opacity: 0.70;
}

/* ボックスサイズ */
*, *:before, *:after {
  -webkit-box-sizing: border-box;/* Safari、Google Chrome用 */
  -moz-box-sizing: border-box;/* Firefox用 */
  box-sizing: border-box;
}

/* フロート */
.float {
  overflow: hidden;
  text-align: left;
  zoom: 1;
}
.float p {
  overflow: hidden;
  margin: 0 10px;
  padding: 5px;
  zoom: 1;
}

/* 左回り込み */
.left {
  float: left;
  margin: 0 10px;
  padding: 5px;
}
/* 右回り込み */
.right {
  float: right;
  margin: 0 10px;
  padding: 5px;
}

/* clearfix */
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/* フォント */
span.bold {
  font-weight: bold;
}
span.xsmall {
  font-size: 50%;
}
span.small {
  font-size: 75%;
}
span.large {
  font-size: 125%;
}
span.xlarge {
  font-size: 150%;
}
span.blue {
  color: #009;
}
span.red {
  color: #900;
}

/* バナー */
p.banner {
  display: inline-block;
  margin: 10px;
  padding: 0;
  text-align: center;
}
/* バナー2分割 */
ul.banner_2 {
  margin: 10px;
  padding: 0;
  text-align: center;
}
ul.banner_2 li {
  display: inline-block;
  list-style: none;
  width: 48%;
  vertical-align: top;
}
/* バナー3分割 */
ul.banner_3 {
  margin: 10px;
  padding: 0;
  text-align: center;
}
ul.banner_3 li {
  display: inline-block;
  list-style: none;
  width: 32.5%;
  vertical-align: top;
}
/* バナー4分割 */
ul.banner_4 {
  margin: 10px;
  padding: 0;
  text-align: center;
}
ul.banner_4 li {
  display: inline-block;
  list-style: none;
  width: 24%;
  vertical-align: top;
}

/* ロゴ（スマホ） */
p.logo_sp {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  margin: 0;
  padding: 4px 5px;
  background: #fff;
}

/* お問合せボタン（スマホ） */
table.contact_sp {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #333;
}
table.contact_sp td {
  padding: 1px;
  text-align: center;
  background: #333;
}


/* ------------------------------
 __ラッパー（div#wrapper）
------------------------------ */

#wrapper {
  margin: 0 auto 90px auto;
  padding: 0;
}


/* ------------------------------
 __ヘッダー（header）
------------------------------ */

header {
  margin: 0;
  padding: 10px 10px 0 10px;
  background: #fff;
}

#header-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
}

/* ヘッダー：紹介文 */
#header-inner h1.description {
  margin: 0 10px;
  padding: 0;
  color: #333;
  font-weight: normal;
  font-size: 0.7em;
}

/* 左ヘッダー */
#header-inner-left {
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
}

/* 左ヘッダー：ロゴ */
#header-inner-left h2.logo {
  margin: 10px;
  padding: 0;
}

/* 右ヘッダー */
#header-inner-right {
  float: right;
  margin: 0;
  padding: 0;
  text-align: right;
}

/* 右ヘッダー：お問い合わせ */
#header-inner-right p.contact-header {
  margin: 10px;
  padding: 0;
}


/* ------------------------------
 __トップイメージ（div#cover）
------------------------------ */

#cover {
  margin: 0;
  padding: 0;
  background: url("../images/bg_cover.png") repeat-x center;
}

#cover-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

#cover-inner img {
  vertical-align: bottom;
}

/* トップイメージ：トップイメージ */
#cover-inner h3.cover {
  margin: 0;
  padding: 0;
}
/* トップイメージ：トップイメージ（スマホ） */
#cover-inner h3.cover_sp {
  margin: 0;
  padding: 0;
}


/* ------------------------------
 __ナビゲーション（nav）
------------------------------ */

nav {
  margin: 0;
  padding: 0;
  background: #060;
  text-align: center;
}

.nav {
  display: flex;
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.nav li {
  list-style: none;
  position: relative;
  width: 200px;
  line-height: 20px;
  padding: 10px 0;
  border-right: 1px solid #eee;
  background: #060;
  color: #fff;
}
.nav li:first-child {
  border-left: 1px solid #eee;
}
.nav li.on {
  background: #090;
}
.nav li a {
  display: block;
  margin: -10px 0;
  padding: 10px 0;
  background: #060;
  color: #fff;
  text-decoration: none;
  transition: 0.5s;
  box-sizing: border-box;
}
.nav > li:hover > a {
  background: #090;
  color: #fff;
}
.nav li ul {/*layer2*/
  position: absolute;
  top: 30px;
  left: -36px;
  text-align: center;
}
.nav li ul li {/*layer2*/
  overflow: hidden;
  width: 201px;
  height: 0;
  padding: 0;
  transition: 0.2s;
}
.nav li:hover > ul > li {/*layer2*/
  z-index: 999;
  overflow: visible;
  height: 40px;
  padding: 9px 0;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}
.nav li:hover > ul > li:last-child {/*layer2*/
  border-bottom: 1px solid #eee;
}
.nav li ul li a {
  margin: -9px 0;
  padding: 9px 0;
}
.nav > li li:hover > a {/*layer2*/
  background: #090;
  color: #fff;
}

/* ナビ固定 */
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}


/* ------------------------------
 __動画（div#movie）
------------------------------ */

#movie {
  margin: 0;
  padding: 30px 0;
  background: #eee;
}

#movie-inner {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}
#movie-inner::before {
  display: inline-block;
  padding-top: 56.25%;
  content: "";
}

#movie-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}


/* ------------------------------
 __タイトル（div#title）
------------------------------ */

#title {
  margin: 0;
  padding: 0;
  background: #fc6;
}

#title-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

/* タイトル：タイトル */
#title-inner h3.title {
  line-height: 5;
  margin: 0 auto;
  padding: 5px;
  color: #060;
  font-size: 2.4em;
}


/* ------------------------------
 __パンくずリスト（div#topicpath）
------------------------------ */

#topicpath {
  margin: 0;
  padding: 0;
  background: #eee;
}

#topicpath-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 10px;
  text-align: left;
}

/* パンくずリスト：パンくずリスト */
#topicpath-inner p.topicpath {
  margin: 0 10px;
  padding: 0;
  font-size: 0.8em;
}


/* ------------------------------
 __コンテンツ（div#contents）
------------------------------ */

#contents {
  line-height: 2;
  margin: 0;
  padding: 0;
  background: #fff;
}

#contents section {
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
/* コンテンツ：ブログ */
#contents section#blog {
  border-bottom: 1px solid #eee;
  background: #fff;
}
/* コンテンツ：イントロ */
#contents section#intro {
  background: #fff;
  border-bottom: 1px solid #eee;
}
/* コンテンツ：選ばれる理由 */
#contents section#reason {
  background: #eee;
}
/* コンテンツ：海外輸出 */
#contents section#trading {
  background: #ddd;
}
/* コンテンツ：作業実績 */
#contents section#works {
  background: #fff;
  border-bottom: 1px solid #eee;
}
/* コンテンツ：今まで行ったサービス一覧 */
#contents section#servicelist {
  background: #fff;
  border-bottom: 1px solid #eee;
}
/* コンテンツ：サービス */
#contents section.service {
  background: #ddd;
}
/* コンテンツ：料金 */
#contents section#fee {
  border-top: 1px solid #eee;
  background: #fff;
}
/* コンテンツ：ご依頼の流れ */
#contents section#flow {
  border-top: 1px solid #eee;
  background: #fff;
}
/* コンテンツ：作業の様子 */
#contents section#scene {
  border-top: 1px solid #eee;
  background: #fff;
}
/* コンテンツ：対応エリア */
#contents section#area {
  background: #090;
}
/* コンテンツ：コンタクト */
#contents section.contact {
  background: #fff;
}
/* コンテンツ：よくある質問 */
#contents section#faq {
  border-top: 1px solid #eee;
  background: #fff;
}
/* コンテンツ：パートナー */
#contents section#partner {
  background: #eee;
}

#contents div.contents-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 0;
  text-align: center;
}

#contents h4.subtitle-first {
  overflow: hidden;
  text-align: center;
}
#contents h4.subtitle-first span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  font-size: 1.8em;
  text-align: center;
}
#contents h4.subtitle-first span::before,
#contents h4.subtitle-first span::after {
  position: absolute;
  top: 50%;
  width: 400%;
  height: 1px;
  background-color: #ccc;
  content: '';
}
#contents h4.subtitle-first span::before {
  right: 100%;
}
#contents h4.subtitle-first span::after {
  left: 100%;
}
#contents h4.subtitle {
  overflow: hidden;
  margin: 50px 10px 10px 10px;
  text-align: center;
}
#contents h4.subtitle span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  font-size: 1.8em;
  text-align: center;
}
#contents h4.subtitle span::before,
#contents h4.subtitle span::after {
  position: absolute;
  top: 50%;
  width: 400%;
  height: 1px;
  background-color: #ccc;
  content: '';
}
#contents h4.subtitle span::before {
  right: 100%;
}
#contents h4.subtitle span::after {
  left: 100%;
}

#contents h5.subtitle-first {
  position: relative;
  margin: 10px 10px 10px 10px;
  padding: 0;
  font-size: 1.4em;
}
#contents h5.subtitle {
  position: relative;
  margin: 50px 10px 10px 10px;
  padding: 0;
  font-size: 1.4em;
}

#contents p {
  line-height: 2;
  text-align: left;
}

/* コンテンツ：サービスバナー */
article ul.banner-service {
  margin: 10px;
  padding: 0;
  text-align: center;
}
article ul.banner-service li {
  display: inline-block;
  list-style: none;
  width: 32.5%;
  margin-bottom: 5px;
  border: 2px solid #eee;
  background: #fff;
  vertical-align: top;
}

/* コンテンツ：お困り事例 */
article ul.trouble {
  position: relative;
  padding: 0.5em 1.0em 0.5em 2.5em;
  border: 2px solid #fc0;
  text-align: left;
}
article ul.trouble li {
  list-style-type: none!important;/*ポチ消す*/
  line-height: 2;
  padding: 0.5em 0 0 1.0em;
  font-weight: bold;
  font-size: 1.4em;
}
article ul.trouble li:before {
  position: absolute;
  left : 1.0em; /*左端からのアイコンまで*/
  color: #f90; /*アイコン色*/
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
}

/* コンテンツ：遺品整理士とは */
article div.id {
  overflow: auto;
  margin: 10px;
  padding: 20px 5px 5px 5px;
  border: 5px solid #fc0;
}

/* コンテンツ：今まで行ったサービス一覧 */
article div.servicelist {
  overflow: auto;
  margin: 10px;
  padding: 5px;
  border: 5px solid #dfd7cc;
  font-size: 0.8em;
  text-align: left;
}

/* コンテンツ：遺品の行方バナー */
article ul.bnr-yukue {
  margin: 10px;
  padding: 0;
}
article ul.bnr-yukue li {
  display: inline-block;
  list-style: none;
  width: 32.7%;
  padding: 5px;
  text-align: center;
  vertical-align: top;
}

/* コンテンツ：料金相場 */
article table.fee_market {
  margin: 10px;
  padding: 0;
}
article table.fee_market th,
article table.fee_market td {
  padding: 10px;
  border: 5px solid #fff;
  background: #fff;
  text-align: center;
}
article table.fee_market th {
  width: 33.3%;
  background: #060;
  color: #fff;
}
article table.fee_market td {
  background: #eee;
  font-size: 0.8em;
}
article table.fee_market span.price {
  color: #f60;
  font-weight: bold;
  font-size: 150%;
}

/* コンテンツ：お問い合わせ */
ul.inquiry {
  margin: 10px;
  padding: 0;
  text-align: center;
}
ul.inquiry li {
  display: inline-block;
  list-style: none;
  width: 49.5%;
  border-right: 1px solid #ccc;
}
ul.inquiry li:last-child {
  border: none;
}
ul.inquiry a.button {
  display: inline-block;
  width: 300px;
  height: 54px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  color: #fff;
  outline: none;
}
ul.inquiry a.button::before,
ul.inquiry a.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
ul.inquiry a.button,
ul.inquiry a.button::before,
ul.inquiry a.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
ul.inquiry a.button:link {
  background-color: #f90;
  color: #fff;
}
ul.inquiry a.button:hover {
  background-color: #fc0;
  color: #fff;
}

/* コンテンツ：ボーダー */
article div.border {
  margin: 10px;
  padding: 10px 5px 5px 5px;
  border: 5px solid #fc0;
  text-align: left;
}

/* コンテンツ：詳細ボタン*/
p.detail {
  display: inline-block;
  margin: 50px 10px 10px 10px;
  padding: 0;
  text-align: center;
}
p.detail a.btn-detail {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f90;/*ボタン色*/
  color: #fff;
  border-bottom: solid 4px #f60;
  border-radius: 3px;
}
p.detail a.btn-detail:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

/* コンテンツ：選ばれる理由＠service/ */
article ul.sub-reason {
  margin: 10px;
  padding: 0;
  text-align: center;
}
article ul.sub-reason li {
  display: inline-block;
  list-style: none;
  width: 250px;
  height: 250px;
  margin: 10px 20px;
  padding: 50px 20px;
  -webkit-border-radius: 100%;/* Safari、Google Chrome用 */
  -moz-border-radius: 100%;/* Firefox用 */
  border-radius: 100%;
  background: #f90;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
}
article ul.sub-reason span.number {
  color: #fff;
  font-weight: bold;
  font-size: 2.4em;
}

/* コンテンツ：料金表＠service/ */
article table.fee {
  margin: 10px;
  padding: 0;
}
article table.fee th,
article table.fee td {
  padding: 5px;
  border: 1px solid #ccc;
  text-align: center;
}
article table.fee th {
  background: #FAF2E6;
}
article table.fee td.price {
  color: #f60;
  font-weight: bold;
}

/* コンテンツ：ご依頼の流れ＠service/ */
article ol.flow {
  list-style-type: none!important;/*数字を一旦消す*/
  margin: 10px;
  padding: 0;
  text-align: left;
  counter-reset: number;/*数字をリセット*/
}
article ol.flow li {
  position: relative;
  line-height: 3;
  padding: 0.5em 0.5em 0.5em 40px;
  border-bottom: 1px dashed #ccc;
}
article ol.flow li:before{
  /* 以下数字をつける */
  position: absolute;
  content: counter(number);
  counter-increment: number;
  /*以下数字のデザイン変える*/
  display:inline-block;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  background: #5c9ee7;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* コンテンツ：作業実績＠service/ */
article ul.works {
  margin: 10px;
  padding: 0;
  text-align: center;
}
article ul.works li {
  display: inline-block;
  list-style: none;
  width: 30%;
  vertical-align: top;
}

/* コンテンツ：よくある質問＠service/ */
article dl.faq {
  margin: 10px 20px;
  padding: 0;
}
article dl.faq dt {
  padding: 10px 10px 10px 50px;
  background: url("../images/service/icon_qa_q.png") left no-repeat;
  font-weight: bold;
}
article dl.faq dd {
  padding: 10px 10px 10px 50px;
  border-bottom: 1px dashed #ccc;
  background: url("../images/service/icon_qa_a.png") left no-repeat;
}

/* コンテンツ：会社概要＠company.html */
article table.company-outline {
  margin: 10px;
  padding: 0;
}
article table.company-outline th,
article table.company-outline td {
  padding: 5px 10px;
  border: 1px solid #ccc;
}
article table.company-outline th {
  width: 30%;
  background: #eee;
}

/* コンテンツ：Googleマップ＠company.html */
.ggmap {
  position: relative;
  margin: 10px;
  padding: 0;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* コンテンツ：スタッフ紹介＠staff.html */
article div.staff {
  overflow: auto;
  margin: 10px auto;
  padding: 5px;
  background: #ffe5cc;
  text-align: left;
}


/* ------------------------------
 __コンテンツ（div#content）
------------------------------ */

#content {
  max-width: 1000px;
  margin: 0 auto;
  padding: 10px 0;
  background: #fff;
  text-align: left;
}

#content h4.subtitle-first {
  line-height: 1.8;
  margin: 10px;
  padding: 5px 10px;
  background: #060;
  color: #fff;
  font-size: 1.2em;
}
#content h4.subtitle {
  line-height: 1.8;
  margin: 30px 10px 10px 10px;
  padding: 5px 10px;
  background: #060;
  color: #fff;
  font-size: 1.2em;
}

#content h5.subtitle {
  line-height: 1.2;
  margin: 30px 10px 10px 10px;
  padding: 5px;
  border-bottom: 1px solid #ccc;
  color: #060;
  font-size: 1.2em;
}

#content h6.subtitle {
  line-height: 1.2;
  margin: 10px;
  padding: 5px;
  border-bottom: 1px dashed #ccc;
  color: #060;
  font-size: 1.2em;
}

aside h4.sidetitle {
  line-height: 1.8;
  margin: 10px;
  padding: 5px 10px;
  background: #060;
  color: #fff;
  font-size: 1.2em;
}

aside h5.sidetitle {
  line-height: 1.2;
  margin: 10px;
  padding: 5px;
  border-bottom: 1px solid #ccc;
  color: #060;
  font-size: 1.2em;
}

aside h6.sidetitle {
  line-height: 1.2;
  margin: 10px;
  padding: 5px;
  border-bottom: 1px dashed #ccc;
  color: #060;
  font-size: 1.2em;
}


/* ------------------------------
 __フッター（footer）
------------------------------ */

footer {
  margin: 0;
  padding: 10px 0;
  background: #060;
}

#footer-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

/* フッター：コピーライト */
#footer-inner small.copyright {
  margin: 10px;
  padding: 0;
  color: #fff;
  font-size: 0.8em;
}


/* ------------------------------
 __固定フッター（div#fixedfooter）
------------------------------ */

#fixedfooter {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
}

#fixedfooter-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}


/* ------------------------------
 __media Queries
------------------------------ */

@media only screen and (min-width: 1000px) {/* 1000px以上 */
/* 1000px以上で非表示 */
  .sp {
    display: none;
  }
/* ロゴ（スマホ） */
  p.logo_sp {
    display: none;
  }
}

@media only screen and (max-width: 999px) {/* 999px以下 */
/* 999px以下で非表示 */
  .pc {
    display: none;
  }
/* 画像透過 */
  a:hover img {
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    opacity: 1;
  }
/* 左回り込み */
  .left {
    float: none;
    text-align: center;
  }
/* 右回り込み */
  .right {
    float: none;
    text-align: center;
  }
/* ラッパー（#wrapper） */
  #wrapper {
    margin: 50px 0 100px 0;
  }
/* ヘッダー：（header） */
  header {
    display: none;
  }
/* ナビゲーション（nav） */
  nav {
    display: none;
  }
/* コンテンツ：料金相場＠fee.html */
  article table.fee_market span.price {
    font-size: 100%;
  }
/* 固定フッター（div#fixedfooter） */
  #fixedfooter {
    display: none;
  }
}

@media only screen and (min-width: 600px) {/* 600px以上 */
/* お問合せボタン（スマホ） */
  table.contact_sp {
    display: none;
  }
/* トップイメージ：トップイメージ（スマホ） */
  #cover-inner h3.cover_sp {
    display: none;
  }
/* タイトル：タイトル（スマホ） */
  #title-inner h3.title_sp {
    display: none;
  }
/* コンテンツ */
  #content article {
    float: right;
    width: 66.7%;
    /* 640px/1000px */
  }
  #content aside {
    float: left;
    width: 33.3%;
    /* 320px/1000px */
  }
}

@media only screen and (max-width: 599px) {/* 599px以下 */
/* バナー3分割 */
  ul.banner_3 li {
    width: 48%;
  }
/* バナー4分割 */
  ul.banner_4 li {
    width: 48%;
  }
/* ラッパー（#wrapper） */
  #wrapper {
    margin: 50px 0 40px 0;
  }
/* トップイメージ：トップイメージ */
  #cover-inner h3.cover {
    display: none;
  }
/* コンテンツ（div#contents） */
  #contents {
    line-height: 1.5;
  }
  #contents div.contents-inner {
    padding: 10px 0;
  }
  #contents h4.subtitle-first span,
  #contents h4.subtitle span {
    font-size: 1.4em;
  }
  #contents h5.subtitle-first,
  #contents h5.subtitle {
    font-size: 1.0em;
  }
/* コンテンツ：サービスバナー */
  article ul.banner-service li {
    width: 48%;
  }
/* コンテンツ：お困り事例 */
  article ul.trouble li {
    font-size: 1.0em;
  }
/* コンテンツ：遺品の行方バナー */
  article ul.bnr-yukue li {
    width: 48%;
  }
/* コンテンツ：お問い合わせ */
  ul.inquiry li {
    width: 100%;
    border: none;
  }
}

@media only screen and (max-width: 480px) {/* 480px以下 */
  table {
    width: 95%;
  }
/* コンテンツ：会社概要＠company.html */
  article table.company-outline th,
  article table.company-outline td {
    display: block;
    width: 100%;
    border-top: none;
  }
  article table.company-outline tr:first-child th {
    border-top: 1px solid #ccc;
  }
}