@charset "UTF-8";
/*
Theme Name: savecrean
Author: 株式会社クロコロール
Author URI: http://kuroko-role.co.jp/
*/
/************************************************
    Reset
*************************************************/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
figure,
figcaption,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  padding: 0;
  border: 0;
  margin: 0;
}

body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
}

table,
caption,
th,
td {
  font-weight: normal;
  text-align: left;
  empty-cells: show;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0;
}

a img,
iframe {
  border: none;
}

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

input,
textarea,
select,
button {
  font-family: inherit;
  font-size: 100%;
//  -webkit-appearance: none;
//  -moz-appearance: none;
//  appearance: none;
  background: none;
  vertical-align: bottom;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  margin: 0;
}

input[type="text"],
textarea {
  width: 100%;
}

address {
  font-style: normal;
}

img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}


@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

/************************************************
    共通設定
*************************************************/
html {
  font-size: 62.5%;
  overflow-x: hidden;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, YuGothic, Meiryo, "Hiragino Kaku Gothic ProN", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1;
  /*overflow-x: hidden;*/
  position: relative;
}

_:-ms-lang(x)::-ms-backdrop, body {
  font-family: -apple-system, BlinkMacSystemFont, Meiryo, "Hiragino Kaku Gothic ProN", Helvetica, Arial, sans-serif;
}

/* コンテナ */
.container {
  max-width: 1260px;
  padding: 0 30px;
  margin: 0 auto;
}
/*レンタルトイレYou Tube*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*追加*/
.hako2{
}
.hako2 > div{
	display: inline-block;
	width: 49%;
	text-align: center;
}
.w50{
}
.mb1em{
	margin-bottom: 1em;
}

/************************************************
    ユーティリティ
*************************************************/
/*  リンク指定
------------------------------------------------*/
a {
  /* 画像リンク *********/
}

a:link, a:visited {
  color: #000;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a:link:hover, a[href]:hover {
  color: inherit;
  text-decoration: none;
}

a::before, a::after, a *, a *::before, a *::after {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a:hover img {
  opacity: 0.5;
}

a[href^="tel:"]:hover img {
  opacity: 1;
}

/*  フォーム関連
------------------------------------------------*/
select {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  color: inherit;
  font-size: inherit;
  text-indent: 0.01px;
  text-overflow: '';
  vertical-align: middle;
  background: none transparent;
  outline: none;
  border: solid 1px #ccc;
}

select::-ms-expand {
  display: none;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}

input[type='tel'],
input[type='email'],
input[type='text'],
input[type='password'],
textarea {
  border: 1px solid #ccc;
  padding: 5px;
	background: #EEEEEE;
}

input[type="submit"] {
//  -webkit-appearance: none;
//  -moz-appearance: none;
//  appearance: none;
  border: none;
  cursor: pointer;
}

/*  display
------------------------------------------------*/

.display-tab {
  display: none;
}

.display-sp {
  display: none;
}

/*  br
------------------------------------------------*/
br {
  opacity: 0;
  /* IE・Edge対策 */
}

.br-tab {
  display: none;
}

.br-sp {
  display: none;
}

/************************************************
    タイトル
*************************************************/
.title img {
  display: block;
  margin: 0 auto;
}

.title img:nth-child(2) {
  margin-top: 24px;
}

/************************************************
    ボタン
*************************************************/
a.btn {
  color: #fff;
  font-size: 2.08em;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px;
}

a.btn span {
  display: block;
  padding: 10.5px 20px 10.5px calc(20px + 0.1em);
  border: 1px solid #fff;
}

a.btn:hover {
  background-color: #fff;
}

a.btn--gold {
  background-color: #7f6d38;
}

a.btn--gold:hover {
  color: #7f6d38;
}

a.btn--gold:hover span {
  border-color: #7f6d38;
}

a.btn--blue {
  background-color: #1763a5;
}

a.btn--blue:hover {
  color: #1763a5;
}

a.btn--blue:hover span {
  border-color: #1763a5;
}

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

.h__bar {
  background-color: #fff;
  position: relative;
  z-index: 98;
}

.h__bar__inner {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 850px;
  height: 80px;
  padding: 18px 20px 10px 0;
  margin: 0 auto;
}

/* ハンバーガーメニュー */
.toggle {
  display: none;
}

/* ハンバーガーボタンクリックアニメーション */

/*  ナビゲーションメニュー
------------------------------------------------*/
.h__nav {
  display: none;
}

.h__nav__inner {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.h__nav__item a {
  color: #000;
  font-weight: 600;
  letter-spacing: 0.07em;
  line-height: 1.5;
  text-indent: 0.07em;
  position: relative;
}

@-webkit-keyframes PopUp {
  70% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes PopUp {
  70% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.h__contact {
  display: none;
}

.h__contact a.btn {
  margin: 0 3.5px;
}

.h__contact a.btn span {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  padding: 0 10px;
}

.h__contact a.btn:hover img {
  opacity: 1;
}

.h__contact .tel {
  width: 290px;
}

.h__contact .mail {
  width: 195px;
}

.h__main {
  text-align: center;
  background: url('img/bg_h_main.jpg') no-repeat center / cover;
  padding: 65px 30px 52px;
}

.h__main__title {
  text-align: center;
}

.h__main a.btn {
  max-width: 285px;
  margin: 33px auto 0;
}

/*シェアボタン*/
ul.heateor_sss_sharing_ul, ul.heateor_sss_follow_ul{
	padding: 20px 0 !important;
}
ul.heateor_sss_follow_ul li, ul.heateor_sss_sharing_ul li{
	padding: 5px !important;
}


/************************************************
    フッター
*************************************************/
.footer {
  text-align: center;
  padding: 8px 30px 20px;
}

/************************************************
    intro
*************************************************/
@-webkit-keyframes slider {
  0% {
    opacity: 0;
  }
  9.375% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  34.375% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes slider {
  0% {
    opacity: 0;
  }
  9.375% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  34.375% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.intro__title {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
}

.intro01 {
  color: #fff;
  position: relative;
}

.intro01 .container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
  padding: 71px 30px 54px;
}

.intro01 p {
  font-size: 1.8em;
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 2.16667;
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
  margin-top: 2.22222em;
}

.intro01 p::before, .intro01 p::after {
  content: '';
  display: block;
}

.intro01 p::before {
  margin-top: calc((2.16667 - 1) / 2 * -1em);
}

.intro01 p::after {
  margin-bottom: calc((2.16667 - 1) / 2 * -1em);
}

.intro01__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.intro01__bg div {
  background: no-repeat center / cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation-name: slider;
  animation-name: slider;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 32s;
  animation-duration: 32s;
}

.intro01__bg div:nth-child(1) {
  background-image: url('img/bg_intro01.jpg');
}

.intro01__bg div:nth-child(2) {
  background-image: url('img/bg_intro02.jpg');
}

.intro01__bg div:nth-child(3) {
  background-image: url('img/bg_intro03.jpg');
}

.intro01__bg div:nth-child(4) {
  background-image: url('img/bg_intro04.jpg');
}

.intro01__bg div:nth-child(1) {
  -webkit-animation-delay: -3s;
  animation-delay: -3s;
}

.intro01__bg div:nth-child(2) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.intro01__bg div:nth-child(3) {
  -webkit-animation-delay: 13s;
  animation-delay: 13s;
}

.intro01__bg div:nth-child(4) {
  -webkit-animation-delay: 21s;
  animation-delay: 21s;
}

.intro01__bg div:nth-child(n+2) {
  opacity: 0;
}

.intro02 {
  padding: 65px 30px 25px;
}

.intro02__list {
  color: #7f6d38;
  max-width: 810px;
  border: 2px solid currentColor;
  border-radius: 6px;
  margin: 0 auto;
}

.intro02__list__title {
  font-size: 2.242em;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-align: center;
  background-color: #f1efea;
  padding: 0.95rem 0.5em 0.95rem 0.6em;
  border-bottom: 2px solid currentColor;
}

.intro02__list__title span {
  display: inline-block;
}

.intro02__list ul {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2.6rem 20px;
}

.intro02__list li {
  font-size: 2.1em;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1.66667;
  line-height: 1.5;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 27px 1fr;
  grid-template-columns: 27px 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  padding: 0.2rem 0.8rem;
}

_:-ms-lang(x)::-ms-backdrop, .intro02__list li {
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
}

.intro02__list li::before {
  content: '';
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  display: block;
  background: url('img/x.png') no-repeat center / contain;
  width: 20px;
  height: 21px;
  margin: 5px 0;
}

.intro02__list li span {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
}

_:-ms-lang(x)::-ms-backdrop, .intro02__list li span {
  padding-left: 6px;
}

.intro03 {
  padding: 25px 30px 40px;
}

.intro03__title {
  font-size: 3.383em;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  line-height: 1.41886;
}

.intro03__title::before, .intro03__title::after {
  content: '';
  display: block;
}

.intro03__title::before {
  margin-top: calc((1.41886 - 1) / 2 * -1em);
}

.intro03__title::after {
  margin-bottom: calc((1.41886 - 1) / 2 * -1em);
}

.intro03 ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 732px;
  margin: 40px auto 0;
}

.intro03 li {
  -ms-grid-row: 1;
  padding: 15px 10px;
}

.intro03 li:nth-child(1) {
  -ms-grid-column: 1;
}

.intro03 li:nth-child(2) {
  -ms-grid-column: 2;
}

.intro03 li:nth-child(3) {
  -ms-grid-column: 3;
}

.intro03 li:nth-child(4) {
  -ms-grid-column: 4;
}

.intro03 li img {
  width: 100%;
}

/************************************************
    RECOMMENDED
*************************************************/
.recommended {
  padding: 40px 0 0;
}

.recommended .title {
  padding: 0 20px;
}

.recommended__list {
  margin-top: 60px;
}

.recommended__item {
  background: no-repeat center / cover;
}

.recommended__item:nth-child(1) {
  background-image: url('img/recommended01.jpg');
}

.recommended__item:nth-child(2) {
  background-image: url('img/recommended02.jpg');
}

.recommended__item:nth-child(3) {
  position: relative;
}

.recommended__item:nth-child(3)::before {
  content: '';
  display: block;
  background-color: #808080;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.recommended__item:nth-child(3)::after {
  content: '';
  display: block;
  background: url('img/recommended03.jpg') no-repeat left center / cover;
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.recommended__item:nth-child(3) .container {
  position: relative;
  z-index: 3;
}

.recommended__item:nth-child(odd) {
  color: #fff;
}

.recommended__item:nth-child(odd) .container > * {
  -ms-grid-column: 1;
  grid-column: 1;
}

.recommended__item:nth-child(odd) .container::before {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-column-align: start;
  justify-self: start;
}

.recommended__item:nth-child(even) {
  color: #333;
  text-align: right;
}

.recommended__item:nth-child(even) .container > * {
  -ms-grid-column: 2;
  grid-column: 2;
}

.recommended__item:nth-child(even) .container::before {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-column-align: end;
  justify-self: end;
}

.recommended__item .container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto 1fr;
  grid-template-rows: auto auto 1fr;
  padding: 50px 30px;
}

.recommended__item .container::before {
  content: '';
  -ms-grid-row: 1;
  grid-row: 1;
  display: block;
  height: 45px;
}

.recommended__item:nth-child(1) .container::before {
  background: url('img/01.png') no-repeat center / cover;
}

.recommended__item:nth-child(2) .container::before {
  background: url('img/02.png') no-repeat center / cover;
}

.recommended__item:nth-child(3) .container::before {
  background: url('img/03.png') no-repeat center / cover;
}

.recommended__item:nth-child(1) .container::before {
  width: 61px;
}

.recommended__item:nth-child(2) .container::before, .recommended__item:nth-child(3) .container::before {
  width: 73px;
}

.recommended__item__title {
  font-size: 3.709em;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.43758;
  -ms-grid-row: 2;
  grid-row: 2;
  margin-top: 2.4rem;
}

.recommended__item__title::before, .recommended__item__title::after {
  content: '';
  display: block;
}

.recommended__item__title::before {
  margin-top: calc((1.43758 - 1) / 2 * -1em);
}

.recommended__item__title::after {
  margin-bottom: calc((1.43758 - 1) / 2 * -1em);
}

.recommended__item:nth-child(3) .recommended__item__title {
  padding-right: 30px;
}

.recommended__item__content {
  font-size: 1.8em;
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.63667;
  -ms-grid-row: 3;
  grid-row: 3;
  margin-top: 2.4rem;
}

.recommended__item__content::before, .recommended__item__content::after {
  content: '';
  display: block;
}

.recommended__item__content::before {
  margin-top: calc((1.63667 - 1) / 2 * -1em);
}

.recommended__item__content::after {
  margin-bottom: calc((1.63667 - 1) / 2 * -1em);
}

.recommended__item:nth-child(3) .recommended__item__content {
  padding-right: 30px;
}

/************************************************
    CHARACTERISTIC
*************************************************/
.characteristic {
  padding: 80px 0 0;
}

.characteristic__list01 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 14px 1fr 14px 1fr;
  grid-template-columns: 1fr 14px 1fr 14px 1fr;
  -ms-grid-rows: auto 14px auto;
  grid-template-rows: auto 14px auto;
  max-width: 2000px;
  margin: 63px auto 0;
}

.characteristic__list01 li {
  position: relative;
}

.characteristic__list01 li:first-child {
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-column: 1 / -1;
  -ms-grid-row: 1;
  grid-row: 1;
}

.characteristic__list01 li:nth-child(n+2) {
  -ms-grid-row: 3;
  grid-row: 3;
}

.characteristic__list01 li:nth-child(2) {
  -ms-grid-column: 1;
  grid-column: 1;
}

.characteristic__list01 li:nth-child(3) {
  -ms-grid-column: 3;
  grid-column: 3;
}

.characteristic__list01 li:nth-child(4) {
  -ms-grid-column: 5;
  grid-column: 5;
}

.characteristic__list01 li > picture img {
  width: 100%;
  height: 100%;
  font-family: 'object-fit: cover;';
  -o-object-fit: cover;
  object-fit: cover;
}

.characteristic__list01 li .caption {
  text-align: center;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f1efea;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 68px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.characteristic__list02 {
  margin-top: 55px;
}

.characteristic__item02 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 41fr 39fr;
  grid-template-columns: 41fr 39fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.characteristic__item02 .text {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-row-align: center;
  align-self: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
  max-width: 540px;
  padding: 50px 40px;
}

.characteristic__item02 .text::before {
  content: '';
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  display: block;
  background: no-repeat center / contain;
  margin-right: 30px;
}

.characteristic__item02 .photo {
  -ms-grid-row: 1;
  grid-row: 1;
}

.characteristic__item02 .photo img {
  width: 100%;
  min-height: 520px;
  height: 100%;
  font-family: 'object-fit: cover;';
  -o-object-fit: cover;
  object-fit: cover;
}

.characteristic__item02__title {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
}

.characteristic__item02__content {
  font-size: 2.02em;
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 2.07079;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / -1;
  -ms-grid-row: 2;
  grid-row: 2;
  margin-top: 3.36634em;
}

.characteristic__item02__content::before, .characteristic__item02__content::after {
  content: '';
  display: block;
}

.characteristic__item02__content::before {
  margin-top: calc((2.07079 - 1) / 2 * -1em);
}

.characteristic__item02__content::after {
  margin-bottom: calc((2.07079 - 1) / 2 * -1em);
}

.characteristic__item02:nth-child(odd) .text {
  -ms-grid-column: 2;
  grid-column: 2;
}

.characteristic__item02:nth-child(odd) .photo {
  -ms-grid-column: 1;
  grid-column: 1;
}

.characteristic__item02:nth-child(even) .text {
  -ms-grid-column: 1;
  grid-column: 1;
}

.characteristic__item02:nth-child(even) .photo {
  -ms-grid-column: 2;
  grid-column: 2;
}

.characteristic__item02:nth-child(1) {
  -ms-grid-rows: 535px;
  grid-template-rows: 535px;
  padding: 90px 0;
}

.characteristic__item02:nth-child(1) .text {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-column-align: end;
  justify-self: end;
  max-width: 630px;
}

.characteristic__item02:nth-child(1) .text::before {
  background-image: url('img/ch01.svg');
  width: 85px;
  height: 73px;
}

.characteristic__item02:nth-child(1) .photo {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-left: 0;
}

.characteristic__item02:nth-child(1) .photo img {
  width: auto;
  min-height: auto;
  height: auto;
  font-family: 'object-fit: fill;';
  -o-object-fit: fill;
  object-fit: fill;
}

.characteristic__item02:nth-child(2) .text::before {
  background-image: url('img/ch02.svg');
  width: 103px;
  height: 73px;
}

.characteristic__item02:nth-child(3) .text::before {
  background-image: url('img/ch03.svg');
  width: 106px;
  height: 73px;
}

.characteristic__item02:nth-child(4) .text::before {
  background-image: url('img/ch04.svg');
  width: 105px;
  height: 74px;
}

.characteristic__item02:nth-child(5) .text::before {
  background-image: url('img/ch05.svg');
  width: 106px;
  height: 76px;
}

.characteristic__item02:nth-child(6) .text::before {
  background-image: url('img/ch06.svg');
  width: 107px;
  height: 73px;
}

/************************************************
    DEVELOPER'S THOUGHT
*************************************************/
.thought {
  text-align: center;
  background: url('img/bg_thought.jpg') no-repeat center / cover;
  padding: 146.5px 30px;
}

.thought__2ndTitle {
  margin-top: 9em;
}

.thought__content {
  font-size: 2.272em;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 2.38908;
  max-width: 860px;
  margin: 3.16901em auto 0;
}

.thought__content::before, .thought__content::after {
  content: '';
  display: block;
}

.thought__content::before {
  margin-top: calc((2.38908 - 1) / 2 * -1em);
}

.thought__content::after {
  margin-bottom: calc((2.38908 - 1) / 2 * -1em);
}

/************************************************
    ABOUT CHARGE / INSTALLATION
*************************************************/
.charge {
  background-color: #f1efea;
  padding: 115px 30px 55px;
}

.charge__price {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 406fr 449fr;
  grid-template-columns: 406fr 449fr;
  -ms-grid-rows: auto auto 1fr;
  grid-template-rows: auto auto 1fr;
  max-width: 855px;
  margin: 82px auto 0;
}

.charge__price__title {
  text-align: center;
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
}

.charge__price__photo {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1 / -1;
  padding-top: 30px;
  -webkit-transform: translateX(-12px);
  transform: translateX(-12px);
}

.charge__price__list {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 2.7rem;
}

.charge__price__list li {
  font-size: 1.554em;
  font-weight: bold;
  letter-spacing: 0;
  padding: 9.5px 17.5px;
  border: 1px solid #000;
}

.charge__price__note {
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1.54545;
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 3;
  grid-row: 3;
  margin-top: 2rem;
}

.charge__price__note::before, .charge__price__note::after {
  content: '';
  display: block;
}

.charge__price__note::before {
  margin-top: calc((1.54545 - 1) / 2 * -1em);
}

.charge__price__note::after {
  margin-bottom: calc((1.54545 - 1) / 2 * -1em);
}

.install {
  max-width: 855px;
  margin: 75px auto 0;
}

.install__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 377fr 35px 383fr;
  grid-template-columns: 377fr 35px 383fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: #fff;
  padding: 30px;
}

.install__item + .install__item {
  margin-top: 25px;
}
.install__item2{
  margin-top: 25px;
}
.install__title {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

.install__content {
  font-size: 1.4em;
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 2.07143;
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  margin-top: 2.4rem;
}

.install__content::before, .install__content::after {
  content: '';
  display: block;
}

.install__content::before {
  margin-top: calc((2.07143 - 1) / 2 * -1em);
}

.install__content::after {
  margin-bottom: calc((2.07143 - 1) / 2 * -1em);
}

.install__photo {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / -1;
}

.install__photo img {
  width: 100%;
}

/************************************************
    HOWTO
*************************************************/
.howto {
  padding: 90px 0 120px;
}

.howto__list {
//	border: 1px solid pink;
  max-width: 855px;
  margin: 6.5em auto 0;
}

.howto__list dt {
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1.5;
  background-color: #FFFFFF;
  padding: 1.2rem 32px 1.2rem calc(45px + 1em);
  position: relative;
  cursor: pointer;
	clear: both;
}

.howto__list dt::before {
  content: '';
  display: block;
  background: #E1DFDC url('img/icon_spanner.svg') no-repeat center / 30px auto;
  width: 45px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.howto__list dt::after {
  content: '';
  display: block;
  background: url('img/plus.svg') no-repeat center / cover;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.howto__list dd + dt {
  margin-top: 13px;
}

.howto__list dd {
//  background-color: #FFFFFF;
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1.5;
  padding: 1em 2em;
}
/*仮　左寄せ*/
.leftimg{
	float:left;
	margin-right: 2em;
	margin-bottom: 2em;
}

/************************************************
    QUESTION
*************************************************/
.question {
  padding: 90px 30px 120px;
}

.question__list {
  max-width: 680px;
  margin: 6.5em auto 0;
}

.question__list dt {
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1.5;
  background-color: #e1dfdc;
  padding: 1.2rem 32px 1.2rem calc(45px + 1em);
  position: relative;
  cursor: pointer;
}

.question__list dt::before {
  content: '';
  display: block;
  background: #7f6d38 url('img/q.svg') no-repeat center / 18px auto;
  width: 45px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.question__list dt::after {
  content: '';
  display: block;
  background: url('img/plus.svg') no-repeat center / cover;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.question__list dd + dt {
  margin-top: 13px;
}

.question__list dd {
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1.5;
  padding: 1em 2em;
}

/************************************************
    CONTACT US
*************************************************/
.contact {
  color: #fff;
  text-align: center;
  background-color: #1a1a1a;
  padding: 100px 30px 90px;
}
.contact a{
  color: #fff;
}
/*プライバシーポリシーへ*/
.topolicy a{
	text-decoration: underline;
}
.topolicy input{
border: 1px solid #EEEEEE;	
	position: relative;
	top:-13px;
}
/*問い合わせ*/
.contact__intro {
  font-size: 1.8em;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 2.22222;
}

.contact__intro::before, .contact__intro::after {
  content: '';
  display: block;
}

.contact__intro::before {
  margin-top: calc((2.22222 - 1) / 2 * -1em);
}

.contact__intro::after {
  margin-bottom: calc((2.22222 - 1) / 2 * -1em);
}

.contact a.btn {
  background-repeat: no-repeat;
  background-position: center;
  max-width: 640px;
  padding: 7px;
  margin: 0 auto;
}

.contact a.btn:hover img {
  opacity: 0;
}

.contact a.btn span {
  padding-top: 14.5px;
  padding-bottom: 14.5px;
}

.contact a.btn--gold {
//  background-image: url('img/btn_contact_hover.svg');
  background-size: 390px auto;
}

.contact a.mail {
  margin-top: 5.8rem;
}

.contact__tel--pc {
  margin-top: 45px;
}

.contact__tel--sp {
  display: none;
}

.contact__tel--sp a.tel {
  margin-top: 1.7rem;
}

.contact__tel--sp__time {
  font-size: 1.388em;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 1.75;
  margin-top: 1.22478em;
}

.contact__tel--sp__time::before, .contact__tel--sp__time::after {
  content: '';
  display: block;
}

.contact__tel--sp__time::before {
  margin-top: calc((1.75 - 1) / 2 * -1em);
}

.contact__tel--sp__time::after {
  margin-bottom: calc((1.75 - 1) / 2 * -1em);
}

.contact__tel--sp__time span {
  display: inline-block;
}

.contact a.btn--blue {
  background-image: url('img/btn_home_hover.svg');
  background-size: 526px auto;
  margin: 5rem auto 0;
}
/*Snow Monkey Forms*/
.contact__intro{
//	border: 1px solid green;
	max-width: 800px;
	margin: 50px auto;
	
}
.smf-form--business .smf-item,
.smf-form--business .smf-item__col--label{
	background: transparent !important;
	border: none !important;
}
.smf-form--business .smf-item{
	text-align: right;
}

.smf-form--business .smf-item__col{
//	padding: 0;
}
.smf-item__col.smf-item__col--controls{
	text-align: left;
//	border: 1px solid red;
}
/*トラッカー*/
.smf-progress-tracker__item[aria-current=true] .smf-progress-tracker__item__text{
	color: #EEEEEE !important;
}
.smf-progress-tracker__item[aria-current=true] .smf-progress-tracker__item__number{
	background-color: #7F6D38 !important;
}

/*必須*/
.hissu .smf-item__label__text:after{
	content: "必須";
    margin-left: 5px;
    padding: 2px 5px;
    background: #7F6D38;
    border-radius: 3px;
    font-size: 70%;
    font-weight: bold;
    color: #FFFFFF;	
}

input[type="email"],input[type="tel"]{
	width: 100%;
}
input[type="radio"],input[type="checkbox"]{
	top: 5px;
	position: relative;
}
/*送信*/
input[type="submit"].smf-button-control__control{
    background: #1762A6 !important;
	border: 1px solid #1762A6;
    padding: 0.6em 2em;
    border-radius: 5px;
    color: #FFFFFF;
	
}
input[type="submit"].smf-button-control__control:hover{
    background: #FFFFFF;
    color: #1762A6;
	transition: 0.3s;
}
/*戻る*/
.reservebtn input[type="button"]{
    background: #CCCCCC;
	border: 1px solid #CCCCCC;
    padding: 0.6em 2em;
    border-radius: 5px;
    color: #666666;
	
}
.reservebtn input[type="button"]:hover{
	background: #AAAAAA;
}
.reservebtn br{
	display: none;
}
@media screen and (max-width: 1259px) {
  body {
    font-size: 1rem;
  }
  .display-pc {
    display: none;
  }
  .display-tab {
    display: block;
  }
  .display-sp {
    display: block;
  }
  .br-pc {
    display: none;
  }
  .br-tab {
    display: inline;
  }
  .recommended__item__content {
    text-align: left;
  }
  .characteristic__list01 li .caption {
    height: 30px;
  }
  .characteristic__list01 li .caption img {
    height: 15px;
  }
  .characteristic__item02 .text {
    -ms-grid-columns: 80px 1fr;
    grid-template-columns: 80px 1fr;
  }
  .characteristic__item02 .text::before {
    background-position: left center;
    width: 100% !important;
    height: 45px !important;
  }
  .characteristic__item02__content {
    font-size: 1.6em;
  }
  .characteristic__item02:nth-child(1) .photo {
    margin: 0;
  }
  .charge__price__photo {
    width: 95%;
  }
  .charge__price__list li {
    font-size: 1.638em;
    padding: 9.5px 16.5px;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 1rem;
    padding-top: 80px;
  }
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .br-sp {
    display: inline;
  }
  .title img:nth-child(1) {
    max-height: 18px;
  }
  .title img:nth-child(2) {
    max-height: 28px;
    margin-top: 17px;
  }
  a.btn span {
    border-width: 2px;
  }
  a.btn--gold:hover {
    background-color: #7f6d38;
  }
  a.btn--gold:hover span {
    border-color: #fff;
  }
  a.btn--blue:hover {
    background-color: #1763a5;
  }
  a.btn--blue:hover span {
    border-color: #fff;
  }
  .header {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 97;
  }
  .h__bar__inner {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 15px 0 0;
    position: relative;
  }
  .h__logo {
    min-width: 200px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
  }
  .toggle {
    display: block;
    width: 36px;
    padding: 5px;
    margin-right: -5px;
    cursor: pointer;
    position: relative;
    z-index: 99;
  }
  .toggle div {
    width: 35px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .toggle span {
    display: block;
    background-color: #000;
    width: 100%;
    height: 3px;
    border-radius: 1.5px;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .toggle span:nth-child(1) {
    top: 0;
  }
  .toggle span:nth-child(2) {
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .toggle span:nth-child(3) {
    bottom: 0;
  }
  .open .toggle span:nth-of-type(1) {
    -webkit-transform: translateY(13.5px) rotate(-45deg);
    transform: translateY(13.5px) rotate(-45deg);
  }
  .open .toggle span:nth-of-type(2) {
    opacity: 0;
  }
  .open .toggle span:nth-of-type(3) {
    -webkit-transform: translateY(-13.5px) rotate(45deg);
    transform: translateY(-13.5px) rotate(45deg);
  }
  .h__nav {
    font-size: 1.35em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.95);
    width: 100vw;
    height: 100vh;
    padding-top: 80px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 98;
  }
  .h__nav__item {
    text-align: center;
    padding: 15px 0;
  }
  .h__tel {
    display: none;
  }
  .h__contact {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    margin: 0 -3.5px;
  }
  .h__contact a.btn span {
    height: 64px;
  }
  .h__main {
    padding: 32px 30px 43px;
  }
  .h__main__title img {
    width: 100%;
    max-width: 423px;
  }
  .h__main a.btn {
    display: none;
  }
  .footer {
    padding: 6px 30px 12px;
  }
  .intro__title {
    width: 255px;
    padding: 55px 0 33px;
  }
  .intro01 .container {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    padding: 0 30px;
  }
  .intro01 .container::before {
    content: '';
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / -1;
    -ms-grid-row: 1;
    grid-row: 1;
    display: block;
    background-color: rgba(26, 26, 26, 0.2);
    height: 100%;
    margin: 0 -30px;
  }
  .intro01 p {
    color: #000;
    font-size: 1.4em;
    line-height: 2.07143;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / -1;
  }
  .intro01 p::before, .intro01 p::after {
    content: '';
    display: block;
  }
  .intro01 p::before {
    margin-top: calc((2.07143 - 1) / 2 * -1em);
  }
  .intro01 p::after {
    margin-bottom: calc((2.07143 - 1) / 2 * -1em);
  }
  .intro01__bg {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / -1;
    -ms-grid-row: 1;
    grid-row: 1;
    width: auto;
    margin: 0 -30px;
    position: relative;
  }
  .intro01__bg div:nth-child(1) {
    background-image: url('img/bg_intro01_sp.jpg');
  }
  .intro01__bg div:nth-child(2) {
    background-image: url('img/bg_intro02_sp.jpg');
  }
  .intro01__bg div:nth-child(3) {
    background-image: url('img/bg_intro03_sp.jpg');
  }
  .intro01__bg div:nth-child(4) {
    background-image: url('img/bg_intro04_sp.jpg');
  }
  .intro02 {
    padding: 27px 30px 13.5px;
  }
  .intro02__list {
    max-width: 410px;
  }
  .intro02__list__title {
    font-size: 2.024em;
    padding: 0.7rem 0.5em 0.7rem 0.6em;
  }
  .intro02__list ul {
    display: inline-block;
  }
  .intro02__list li {
    font-size: 1.9em;
  }
  .intro02__list li::before {
    margin: 3.5px 0;
  }
  .intro03 {
    padding: 13.5px 20px 40px;
  }
  .intro03__title {
    font-size: 2.5em;
    line-height: 1.41882;
  }
  .intro03__title::before, .intro03__title::after {
    content: '';
    display: block;
  }
  .intro03__title::before {
    margin-top: calc((1.41882 - 1) / 2 * -1em);
  }
  .intro03__title::after {
    margin-bottom: calc((1.41882 - 1) / 2 * -1em);
  }
  .intro03 ul {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    max-width: 340px;
    margin-top: 12px;
  }
  .intro03 li:nth-child(odd) {
    -ms-grid-column: 1;
  }
  .intro03 li:nth-child(even) {
    -ms-grid-column: 2;
  }
  .intro03 li:nth-child(1), .intro03 li:nth-child(2) {
    -ms-grid-row: 1;
  }
  .intro03 li:nth-child(3), .intro03 li:nth-child(4) {
    -ms-grid-row: 2;
  }
  .recommended__list {
    margin-top: 30px;
  }
  .recommended__item:nth-child(2) {
    background-image: url('img/recommended02_sp.jpg');
    background-position: left center;
  }
  .recommended__item:nth-child(3)::before {
    background-color: rgba(128, 128, 128, 0.5);
    z-index: 2;
  }
  .recommended__item:nth-child(3)::after {
    background: url('img/recommended03_sp.jpg') no-repeat center / cover;
    width: 100%;
    z-index: 1;
  }
  .recommended__item:nth-child(odd) .container {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
  .recommended__item:nth-child(even) .container {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
  }
  .recommended__item:nth-child(1) {
    background-image: url('img/recommended01_sp.jpg');
    background-position: right center;
  }
  .recommended__item:nth-child(2) {
    position: relative;
  }
  .recommended__item:nth-child(2)::before {
    content: '';
    display: block;
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .recommended__item:nth-child(2) .container {
    position: relative;
    z-index: 1;
  }
  .recommended__item__title {
    font-size: 2.259em;
    line-height: 1.43736;
  }
  .recommended__item__title::before, .recommended__item__title::after {
    content: '';
    display: block;
  }
  .recommended__item__title::before {
    margin-top: calc((1.43736 - 1) / 2 * -1em);
  }
  .recommended__item__title::after {
    margin-bottom: calc((1.43736 - 1) / 2 * -1em);
  }
  .recommended__item__content {
    font-size: 1.4em;
    line-height: 1.71429;
  }
  .recommended__item__content::before, .recommended__item__content::after {
    content: '';
    display: block;
  }
  .recommended__item__content::before {
    margin-top: calc((1.71429 - 1) / 2 * -1em);
  }
  .recommended__item__content::after {
    margin-bottom: calc((1.71429 - 1) / 2 * -1em);
  }
  .recommended__item__content p {
    display: inline;
  }
  .characteristic {
    padding: 45px 30px 30px;
  }
  .characteristic__list01 {
    -ms-grid-columns: 1fr 4px 1fr 4px 1fr;
    grid-template-columns: 1fr 4px 1fr 4px 1fr;
    -ms-grid-rows: auto 4px auto;
    grid-template-rows: auto 4px auto;
    margin-top: 40px;
  }
  .characteristic__list01 li .caption {
    height: 21px;
  }
  .characteristic__list01 li .caption img {
    height: 10px;
  }
  .characteristic__item02 {
    display: block;
    padding: 40px 0;
  }
  .characteristic__item02 .text {
    -ms-grid-columns: 70px 1fr;
    grid-template-columns: 70px 1fr;
    max-width: none;
    padding: 0;
  }
  .characteristic__item02 .text::before {
    height: 40px !important;
  }
  .characteristic__item02 .photo {
    margin-top: 20px;
  }
  .characteristic__item02 .photo img {
    min-height: auto;
  }
  .characteristic__item02__title img {
    max-height: 56px;
    width: auto;
    height: 100%;
  }
  .characteristic__item02__content {
    font-size: 1.4em;
    line-height: 2.07143;
    margin-top: 2.85714em;
  }
  .characteristic__item02__content::before, .characteristic__item02__content::after {
    content: '';
    display: block;
  }
  .characteristic__item02__content::before {
    margin-top: calc((2.07143 - 1) / 2 * -1em);
  }
  .characteristic__item02__content::after {
    margin-bottom: calc((2.07143 - 1) / 2 * -1em);
  }
  .characteristic__item02:nth-child(1) {
    padding: 40px 0;
  }
  .characteristic__item02:nth-child(1) .photo {
    text-align: center;
    margin: 30px auto 0;
  }
  .thought {
    padding: 60px 30px 70px;
  }
  .thought__2ndTitle {
    margin-top: 3.8em;
  }
  .thought__2ndTitle img {
    max-height: 103px;
  }
  .thought__content {
    font-size: 1.4em;
    line-height: 2.07143;
    text-align: left;
  }
  .thought__content::before, .thought__content::after {
    content: '';
    display: block;
  }
  .thought__content::before {
    margin-top: calc((2.07143 - 1) / 2 * -1em);
  }
  .thought__content::after {
    margin-bottom: calc((2.07143 - 1) / 2 * -1em);
  }
  .thought__content p {
    display: inline;
  }
  .charge {
    padding: 50px 30px 55px;
  }
  .charge__price {
    display: block;
    margin-top: 40px;
  }
  .charge__price__photo {
    padding-top: 23px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .charge__price__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.2rem;
  }
  .charge__price__list li {
    padding: 7px 15px;
    border-width: 2px;
    margin: 3px;
  }
  .install {
    margin-top: 25px;
  }
  .install__item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }
  .install__item > * {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  .install__title {
    -ms-grid-row: 2;
    grid-row: 2;
    margin-top: 15px;
  }
  .install__title img {
    width: auto;
    max-height: 54px;
    height: 100%;
  }
  .install__content {
    -ms-grid-row: 3;
    grid-row: 3;
    margin-top: 1.5rem;
  }
  .install__photo {
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .question {
    padding: 40px 30px 30px;
  }
  .question__list {
    margin-top: 3em;
  }
  .contact {
    padding: 55px 30px 45px;
  }
  .contact__intro {
    font-size: 1.4em;
    font-weight: 500;
    line-height: 1.92857;
    margin-top: 1.57143em;
  }
  .contact__intro::before, .contact__intro::after {
    content: '';
    display: block;
  }
  .contact__intro::before {
    margin-top: calc((1.92857 - 1) / 2 * -1em);
  }
  .contact__intro::after {
    margin-bottom: calc((1.92857 - 1) / 2 * -1em);
  }
  .contact a.btn {
    max-width: 320px;
  }
  .contact a.btn:hover img {
    opacity: 1;
  }
  .contact a.mail {
    margin-top: 2.7rem;
  }
  .contact a.mail.btn img {
    max-width: 258px;
    width: 100%;
  }
  .contact__tel--pc {
    display: none;
  }
  .contact__tel--sp {
    display: block;
    margin-top: 2.7em;
  }
  .contact a.toHome {
    margin-top: 2.6rem;
  }
  .contact a.toHome img {
    max-width: 189px;
    width: 100%;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
  .h__main {
    background-image: url('img/bg_h_main@2x.jpg');
  }
  .intro01__bg div:nth-child(1) {
    background-image: url('img/bg_intro01@2x.jpg');
  }
  .intro01__bg div:nth-child(2) {
    background-image: url('img/bg_intro02@2x.jpg');
  }
  .intro01__bg div:nth-child(3) {
    background-image: url('img/bg_intro03@2x.jpg');
  }
  .intro01__bg div:nth-child(4) {
    background-image: url('img/bg_intro04@2x.jpg');
  }
  .intro02__list li::before {
    background-image: url('img/x@2x.png');
  }
  .recommended__item:nth-child(1) {
    background-image: url('img/recommended01@2x.jpg');
  }
  .recommended__item:nth-child(2) {
    background-image: url('img/recommended02@2x.jpg');
  }
  .recommended__item:nth-child(3)::after {
    background-image: url('img/recommended03@2x.jpg');
  }
  .recommended__item:nth-child(1) .container::before {
    background-image: url('img/01@2x.png');
  }
  .recommended__item:nth-child(2) .container::before {
    background-image: url('img/02@2x.png');
  }
  .recommended__item:nth-child(3) .container::before {
    background-image: url('img/03@2x.png');
  }
  .thought {
    background-image: url('img/bg_thought@2x.jpg');
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 3dppx) {
  .h__main {
    background-image: url('img/bg_h_main@3x.jpg');
  }
  .intro01__bg div:nth-child(1) {
    background-image: url('img/bg_intro01@3x.jpg');
  }
  .intro01__bg div:nth-child(2) {
    background-image: url('img/bg_intro02@3x.jpg');
  }
  .intro01__bg div:nth-child(3) {
    background-image: url('img/bg_intro03@3x.jpg');
  }
  .intro01__bg div:nth-child(4) {
    background-image: url('img/bg_intro04@3x.jpg');
  }
  .intro02__list li::before {
    background-image: url('img/x@3x.png');
  }
  .recommended__item:nth-child(1) {
    background-image: url('img/recommended01@3x.jpg');
  }
  .recommended__item:nth-child(2) {
    background-image: url('img/recommended02@3x.jpg');
  }
  .recommended__item:nth-child(3)::after {
    background-image: url('img/recommended03@3x.jpg');
  }
  .recommended__item:nth-child(1) .container::before {
    background-image: url('img/01@3x.png');
  }
  .recommended__item:nth-child(2) .container::before {
    background-image: url('img/02@3x.png');
  }
  .recommended__item:nth-child(3) .container::before {
    background-image: url('img/03@3x.png');
  }
  .thought {
    background-image: url('img/bg_thought@3x.jpg');
  }
}

@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 767px) and (min-resolution: 2dppx) {
  .intro01__bg div:nth-child(1) {
    background-image: url('img/bg_intro01_sp@2x.jpg');
  }
  .intro01__bg div:nth-child(2) {
    background-image: url('img/bg_intro02_sp@2x.jpg');
  }
  .intro01__bg div:nth-child(3) {
    background-image: url('img/bg_intro03_sp@2x.jpg');
  }
  .intro01__bg div:nth-child(4) {
    background-image: url('img/bg_intro04_sp@2x.jpg');
  }
  .recommended__item:nth-child(2) {
    background-image: url('img/recommended02_sp@2x.jpg');
  }
  .recommended__item:nth-child(3)::after {
    background-image: url('img/recommended03_sp@2x.jpg');
  }
  .recommended__item:nth-child(1) {
    background-image: url('img/recommended01_sp@2x.jpg');
  }
}

@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 3), screen and (max-width: 767px) and (min-resolution: 3dppx) {
  .intro01__bg div:nth-child(1) {
    background-image: url('img/bg_intro01_sp@3x.jpg');
  }
  .intro01__bg div:nth-child(2) {
    background-image: url('img/bg_intro02_sp@3x.jpg');
  }
  .intro01__bg div:nth-child(3) {
    background-image: url('img/bg_intro03_sp@3x.jpg');
  }
  .intro01__bg div:nth-child(4) {
    background-image: url('img/bg_intro04_sp@3x.jpg');
  }
  .recommended__item:nth-child(3)::after {
    background-image: url('img/recommended03_sp@3x.jpg');
  }
  .recommended__item:nth-child(1) {
    background-image: url('img/recommended01_sp@3x.jpg');
  }
}

@media screen and (max-width: 499px) {
  .intro03__title {
    font-size: 1.8em;
  }
}

@media screen and (max-width: 374px) {
  .intro03__title {
    font-size: 1.6em;
  }
}

@media screen and (max-width: 424px) {
  .characteristic__list01 li .caption img {
    height: 8px;
  }
}

/*===========*/
/*221122追加*/
/*===========*/
/*チェックボックスのズレ*/
.mw_wp_form .vertical-item{
	line-height: 1.4em;
}

.mw_wp_form .vertical-item input[type="checkbox"]{
    position: relative;
    top: -7px;
}

/*メタスライダー　260531*/
.metaslider.ms-theme-clarity .flexslider .slides li{
	margin: 0;
}