@charset "UTF-8";
/* CSS Document */

/* スマホナビ切り替えサイズ 769px */
body {
	min-width: 100%;
    overflow-x: hidden;
}
input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}
img {
    height: auto;
}
#header {
  position: relative;
  height: 77px;
}
.logo a {
  left: 18px;
  top: 15px;
}
.logo a h1 img {
  max-width: 57px;
}
.menu {
  display: block;
}
.btn_purchase {
  width: 49px;
  height: 49px;
  right: 49px;
  top: 0;
}
.sec-fv {
  position: relative;
  min-height: calc(100vh - 77px);
  background: url("../images/smt_fv_bg.jpg") no-repeat center 50%/cover;
}
.sec-fv {
  position: relative;
  min-height: calc(100vh - 77px);
}
.sec-fv .catchcopy {
  position: absolute;
  left: 50%;
  top: 50% !important;
  width: 80%;
  opacity: 0;
  filter: blur(4px);
  transform: translate(-60%, -50%);
  transition: opacity 0.7s ease, transform 0.7s ease, filter 0.7s ease;
}
.sec-fv .catchcopy.active {
  opacity: 1;
  filter: blur(0);
  transform: translate(-50%, -50%);
}
ul.navi {
  display: none;
}
.smt_fv_copy {
  position: absolute;
  right: 50%;
	bottom: 20px;
	transform: translateX(50%);
  width: 90%;
  max-width: 286px;
}
.sec-workout-intro {
  background: url("../images/smt_section2_bg.jpg") no-repeat center center/cover;
  height: 0;
  padding-bottom: 104%;
}
.sec-workout-intro_copy {
  background: #000000;
  padding: 50px 10% 60px;
}
.sec-workout-intro_copy {
  position: static;
  transform: none;
}
.vertical_copy {
  position: absolute;
  top: 25%;
  left: 0px;
  transform: translateY(-50%);
  z-index: 2;
  width: 30px;
}
.sec-workout-intro_ttl {
  max-width: 100%;
  margin-bottom: 20px;
}
.sec-workout-intro_copy h3 {
  font-size: 2.2rem;
  font-weight: 700;
  color: #fff;
}
.sec-water-question {
  background: url("../images/smt_section3_bg.jpg") no-repeat center center/cover;
  height: 0;
  padding-bottom: 104%;
}
.sec-water-question_ttl {
  display: none;
}
.sec-water-question_logo {
  max-width: 137px;
  right: 5%;
}
.sec-hard-soft {
  height: auto;
  padding: 0 0 45px;
}
.sec-hardwater-effect {
  background: none;
  height: auto;
}
.sec-hardwater-effect_copy {
  position: static;
  transform: none;
  width: 90%;
  margin: auto;
}
.sec-hardwater-effect_ttl {
  width: 241px;
  max-width: 90%;
  margin-bottom: 25px;
  margin: 40px auto 30px;
}
.sec-hardwater-effect_copy p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.875;
  letter-spacing: .5px;
}
.sec-hardwater-effect_copy p span {
  color: #fff;
}
.sec-hardwater-effect_copy p span::before {
  background: #000;
  transform: skew(-12deg);
  z-index: -1;
}
.sec-balancewater-feature {
  background: none;
  height: auto;
}
.sec-balancewater-feature_img,.shibaura_technology {
  display: none;
}
.sec-balancewater-feature_ttl {
  margin: 70px auto 0;
}
.sec-balancewater-feature_note {
  margin: 14px auto 50px;
}
.sec-balancewater-feature_ttl::before, .sec-balancewater-feature_ttl::after {
  width: 4vw;
  height: 16vw;
}
.sec-balancewater-feature_ttl {
  padding: 0 35px;
  width: 90%;
}
.smt_sec-bodymake-lead_img {
  margin-bottom: 20px;
}
.sec-bodymake-lead_ttl {
	max-width: 384px;
	margin-bottom: 15px;
}
.sec-bodymake-lead_copy h3 {
	font-size: 2.5rem;
	font-weight: 700;
	color: #fff;
  line-height: 1.28;
}
.smt_sec-bodymake-lead_ttl {
  width: 90%;
  margin: 0 auto 20px;
}
.smt_sec-bodymake-lead h3 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.28;
  width: 90%;
  margin: 0 auto 20px;
}
.result_flex {
  flex-wrap: wrap;
}
.muscle_mass {
  width: 100%;
  margin-bottom: 60px;
}
.fat_percent {
  width: 100%;
  margin-bottom: 20px;
}
.result_flex h3 {
  width: 100%;
}
p.result_note {
  margin: 25px 0 20px 0px;
}
ul.research-result_note {
  padding-left: 0;
}
.sec-research-result {
  padding-bottom: 100px;
}
.sec-deepsea-origin p {
  font-size: 1.6rem;
  text-align: left;
  max-width: 90%;
  margin: 0 auto 25px;
}
.sec-deepsea-origin {
  padding: 50px 0 55px;
}
.sec-concept-story {
  flex-wrap: wrap;
}
.sec-concept-story_txt {
  width: 100%;
}

.sec-concept-story_txt h3 {
  margin-left: -5px;
  font-size: clamp(1.8rem, 3vw, 3.0rem);
}
.sec-bodymake-summary {
  margin: 0 auto 50px;
}
.sec-concept-story_img {
  width: 100%;
}
.sec-concept-story_img img {
  width: 100%;
  display: block;
  text-align: center;
}
.sec-concept-story_img p {
  font-size: 1.4rem;
}
.name {
  font-size: 1.8rem;
}
.sec-voice_ttl img {
  width: 114px;
  display: block;
  margin: 0 auto 15px;
}
.voice_ttl {
  flex-wrap: wrap;
}
.voice_ttl h4 {
  font-size: 1.8rem;
  margin-right: 0;
  width: 100%;
  margin-bottom: 10px;
}
p.voice_txt {
  font-size: 1.4rem;
}
.voice_list li {
  padding: 20px 0 30px;
}
.sec-qa {
  border-radius: 40px;
  padding: 60px 0 40px;
}
.ac_title::after, .ac_title::before {
  right: 25px;
  top: 20px;
  width: 2px;
  height: 15px;
}
.ac_title {
  font-size: 1.5rem;
  background: url("../images/icon_q.png") no-repeat left 20px top 13px/30px auto;
  padding: 15px 40px 15px 60px;
  line-height: 1.75;
}
.ac_content_inner {
  padding: 15px 40px 15px 60px;
}
.ac_content {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.75;
  background: url("../images/icon_a.png") no-repeat left 20px top 13px/30px auto,#fff;
}
.ac_content p {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.86;
  padding: 0 0 1.2em;
}
.sec-qa_ttl img {
  width: 81px;
}
@media screen and (max-width: 620px) {
.slide_area {
  max-width: 80vw;
}
.slider {
  width: 100%;
  height: 54vw;
}
}

@media screen and (max-width: 460px) {
.slider .slick-arrow {
  width: 20px;
  height: 20px;
}
.slider .slick-next {
  right: 5px;
}
.slider .slick-prev {
  left: 5px;
  background-image: url("../images/icon_prev.svg");
}
.slide_area {
  max-width: 100%;
}
.slider {
  height: 58vw;
}
}
#wrap {
  overflow: hidden;
}
#splash_logo img {
  width: 80px;
  opacity: 0;
}
.sec-product_name {
  font-size: 1.6rem;
  white-space: normal;
}
.sec-product_price {
  font-size: 3.0rem;
}
.btn_footer_purchase {
  width: 348px;
  margin-top: 20px;
  max-width: 70%;
  margin: 20px auto 0;
}
.footer_logo {
  width: 80px;
}
.footer_bg {
  padding: 55px 0 60px;
  margin-bottom: 60px;
}
ul.sns li img {
  width: 35px;
}
ul.sns li {
  margin: 0 15px;
}
.footer_bottom {
  padding-bottom: 70px;
}
.footer_tel_ttl {
  font-size: 1.6rem;
}
.footer_mail_ttl {
  font-size: 1.6rem;
}
ul.sns {
  margin-bottom: 45px;
}

@media screen and (max-width: 560px) {
.modal-content h3 {
  font-size: 1.4rem;
  margin-bottom: 30px;
}
.modal-content {
  padding: 60px 20px 60px;
}
.modal-close {
  width: 51px;
  height: 36px;
}
.btn_purchase_online a {
  font-size: 1.5rem;
  width: 270px;
  height: 51px;
}
.modal-container {
  width: 98%;
}
}

.btn_purchase {
	z-index: 9999;
}
.sec-workout-intro_copy p {
	font-size: 1.4rem;
}
.ac_list {
	margin: 0 auto 10px;
}
.result_flex h3 {
	font-size: 16px;
}