@charset "UTF-8";

/*@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("https://fonts.googleapis.com/css?family=Lato:200,400,600,700,900");

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@1,900&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@900&family=Noto+Sans+JP&display=swap');
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


.pconly { display : block; }
.sponly { display : none; }


.backBtn a {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 400;
  font-size: 0.857em;
  line-height: 1em;
  display: block;
  color: #FFF;
  width: 8.5em;
  background-color: #06C;
  background-image: url(./linkIconWB_back.svg);
  background-position: 5px center;
  background-repeat: no-repeat;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  border-radius: 16px;
  padding: 10px 10px 11px 35px;
  text-decoration: none;
  outline: none;
}

.backBtn {
  padding-top: 60px;
}

.backBtn a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.backBtn a {
  width: 18em;
  white-space: nowrap;
}


body { font-family: "Noto Sans Japanese" ; font-weight:200; font-size: 81%; line-height: 180%; }

div.suzukiLogo { width: 80%; margin: 0 auto; padding: 10px 0 0px 0; }
h1#suzukiLogo { width: 150px; }

.content-wrapper { max-width: 980px; width: 80%; margin: 0 auto 60px; position: relative; text-align: center; overflow: hidden; }

.scrollTop { position: fixed; right: 0; bottom: 0; z-index: 999; display: none; cursor: pointer; }
.scrollTop__link { display: block; }
.scrollTop__img { transition: all .3s; }
.scrollTop__link:hover .scrollTop__img { opacity: .8; transition: .3s; }
.scrollTop img { display: block; margin-bottom: 1px; }
.scrollTop { transition: all 1s; }

section img { width: 100%; max-width: 100%; display: block; }

.large { font-size: 140%; margin: 10px 0 5px 0; display: block; }
.medium { font-size: 120%; margin: 10px 0 5px 0; display: block; text-align: left; }
.small { font-size: 107%; margin: 10px 0 5px 0; display: block; text-align: left; }
.price { font-weight: bold; font-size: 180%; margin-top: 15px; display: inline-block; }

.content { margin-bottom: 20px; float: none; clear: both; overflow: hidden; }

.title-1 { border: 2px solid #f3c400; border-radius: 20px; display: block; width: 100%; text-align: center; margin-bottom: 5px; padding: 10px; font-size: 120%; font-weight: 500; }
.title-2 { border: 2px solid #f3c400; border-radius: 20px; display: block; width: 100%; text-align: center; margin-bottom: 5px; padding: 10px; font-size: 120%; font-weight: 500; background-color: #f3c400; color: #333333; }
.title-3 { border-bottom: 1px solid #333; color: #333333; display: inline; }



h2 {
  position: relative;
  padding: 1.5rem 0.5rem; font-size: 180%; font-weight: bold; letter-spacing: 2px; text-align: left;
}

h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #acacac, #acacac 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #acacac, #acacac 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.title-top {
  position: relative;
  padding: 2rem 0.3rem 1rem;
  border-bottom: 2px solid #dadada;font-size: 180%;
font-weight: bold;
text-align: left;
}

.title-top:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 20%;
  height: 2px;
  content: '';
  background: #000;
}

/*h2 { position: relative; overflow: hidden; padding: 0.7rem 2rem 0.7rem 66px; border: 3px solid #000; text-align: left; font-size: 180%; font-weight: bold; letter-spacing: 2px; margin-bottom: 20px; box-sizing: border-box; }
h2:before { position: absolute; top: -150%; left: -162px; width: 200px; height: 300%; content: ''; -webkit-transform: rotate(25deg); transform: rotate(25deg); background: #000; }*/

.cp_btn_right { float: right; padding-top: 6px; }

/*個別スタイル*/

section#main-image { background: url("../img/every-bedset-background-01.jpg?0207") no-repeat; background-size: cover; margin-bottom: 40px; padding: 20px 0 60px 0;; position: relative; }
section#main-image img { margin: 0 auto 0; max-height: 616px; width: auto; }
section#main-image div.navi { width: 100%; max-width: 970px; text-align: right; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); padding-top: 597px; padding-right: 56px; }
@media screen and (max-width: 900px) {
section#main-image div.navi { padding-top: 63%; }
}
section#main-image a.navi { transition: .4s; border: 3px solid #fff; color: #fff; font-weight: bold; text-decoration: none; border-radius: 30px; display: inline-block; width: 250px; text-align: center; margin-bottom: 5px; padding: 10px; font-size: 120%; font-weight: 500; margin-left: 20px;  }
section#main-image a.navi:hover { background-color: #fff; color: #000; }

.box-3 { width: 32%; margin: 15px 2% 0 0; float: left; text-align: left; border-right: 1px solid #acacac; padding-right: 15px; }
.box-3:last-child { margin: 15px 0 0 0; border-right: none; }
.box-3-title { display: block; text-align: center; background-color: #f3c400; padding: 5px; font-size: 140%; font-weight: bold; }

.box-3 img { max-width: 138px; margin: 0 auto 10px; width: 80%; }

.box-2 { width: 48%; text-align: left; overflow: hidden; margin: 15px 0 20px 0; border-right: 1px solid #acacac; padding-right: 15px; }
.box-2:nth-child(odd) { float: left; }
.box-2:nth-child(even) { float: right; border-right: none; }

.box-2 img { max-width: 138px; margin: 0 auto 10px; width: 80%; }

.glay-line { border: 1px solid #666666; padding: 10px; color: #666666; text-align: left; line-height: 256%; }
.red { width: 100%; float: none; clear: both; text-align: left; color: #ff0000; font-size: 110%; margin-bottom: 20px; }

section#method img { max-width: 600px; margin: 0 auto; }
span.line-1:first-of-type { border-top: 0; margin: 40px auto 50px; }
.line-1 { padding: 20px 0 20px 0; border-bottom: 1px solid #000; border-top: 2px solid #000; margin: 80px auto 50px; display: block; font-size: 130%; width: 95%; }
.caution { width: 100%; max-width: 800px; border: 1px solid #000; margin: 60px auto 0; text-align: left; padding: 0px; }
.caution span { display: block; background-color: #000; color: #fff; text-align: center; padding: 6px; }
.caution ul { padding: 20px; }
.caution ul li { list-style:none; padding-left: 1em; text-indent: -1em; }
.caution ul li:before { content:"●"; }

section#how img { max-width: 600px; margin: 20px auto 0; }
section#how div.box-2 { text-align: center; margin-top: 20px; }

.caution-2 { text-align: left; clear: both; font-size: 85%; line-height: 140%; }