.pc_only {
  display: none;
}

.sp_only {
  display: block;
}

p {
  margin: 0;
}

img {
  border: none;
  vertical-align: bottom;
  width: 100%;
}

a {
  text-decoration: none;
}

a:hover img {
  opacity: 0.8;
  transition: all .3s;
}

ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  line-height: 1em;
}

.txt_b {
  background: url(../img/sp/txt_line_sp.png) center bottom repeat-x;
}

.head {
  height: 7.8125vw;
  box-shadow: none;
}

.head img {
  margin-top: 1%;
}

.fv {
  height: 384.11458vw;
  background: url(../img/sp/fv_bg_sp.png) center 0 no-repeat;
  background-size: cover;
}

.fv .cta_wrap {
  padding: 0 7%;
}

.fv .use_list {
  padding: 0 5%;
}

.fv .use_list li:nth-child(2),
.fv .use_list li:nth-child(4),
.fv .use_list .under_list {
  margin: 1% 0 0;
}

.fv .use_list li {
  width: 100%;
  box-shadow: none;
  border-radius: 0;
  margin: 1% 0 0;
}

.fv .use_list li p {
  line-height: 4.94792vw;
  font-size: 3.38542vw;
  width: auto;
  top: 32%;
  left: 41%;
  transform: none;
}

.fv .use_list li:nth-child(3) p {
  line-height: 4.94792vw;
  font-size: 3.38542vw;
  top: 17%;
  left: 35%;
}

.fv .fv_check_wrap ul {
  flex-wrap: wrap;
  width: 40%;
  top: 37%;
  left: 13.5%;
}

.fv .fv_check_wrap li::before {
  width: 4.42708vw;
  height: 4.16667vw;
  background: url(../img/sp/fv_check_sp.png) top center no-repeat;
  background-size: contain;
  left: -5.20833vw;
}

.fv .fv_check_wrap li {
  line-height: 4.94792vw;
  font-size: 3.38542vw;
}

.fv .fv_check_wrap li:nth-child(3),
.fv .fv_check_wrap li:nth-child(4) {
  margin-top: 3%;
}

.fv .fv_check_wrap .txt_wrap {
  top: 60%;
  left: 12.5%;
}

.fv .fv_check_wrap .txt_wrap p {
  line-height: 4.6875vw;
  font-size: 3.38542vw;
  letter-spacing: 0;
}

.fv .fv_check_wrap .txt_wrap .txt02 {
  line-height: 6.25vw;
  font-size: 5.20833vw;
}

.sec02 {
  background: url(../img/sp/sec02_bg_sp.jpg) center 0 no-repeat;
  background-size: cover;
  height: 681vw;
  margin-top: -13%;
  padding-top: 10%;
}

.sec02 h3 {
  line-height: 6.25vw;
  font-size: 4.94792vw;
}

.sec02 p {
  line-height: 5.46875vw;
  font-size: 3.38542vw;
  margin-top: 3%;
}

.sec02 .sec02_flex {
  flex-wrap: wrap;
}

.sec02 .sec02_flex li {
  width: 100%;
}

.sec02 .sec02_flex li:nth-child(2) {
  padding: 0 10%;
}

.sec02 .line_up {
  margin-top: 0;
}

.sec02 .line_up_txt01 {
  width: 100%;
  top: 4.2%;
  left: 9%;
}

.sec02 .line_up_txt01 h3 {
  letter-spacing: 2px;
}


/********** 共通：精製水・アドブルースタイル **********/
.sec02 h4 {
	display: flex;
	justify-content: center;
	
	position: absolute;
	width: 100%;
	left: 0%;
	
	font-size: 5.333vw;
}
.sec02 h4 span {
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 54vw;
	height: 8vw;
	text-align: center;
	color: #fff;
	background: #4bbfd1;
}

/********** 精製水 **********/
.sec02 .line_up_seiseisui h4 {
	top: 20.5%;
}

/********** アドブルー **********/
.sec02 .line_up_adblue h4 {
	top: 62%;
}

.sec02 .line_up_txt01 p {
  margin-top: 0;
}

.sec02 .line_up_txt01 .line_up_txt_sp01 {
  width: 49%;
  margin-top: 3%;
}

.sec02 .line_up_txt01 .line_up_txt_sp02 {
  width: 80%;
}

/********** 共通：ラインナップリスト **********/
.sec02 .line_up_txt02 {
  top: 43.5%;
  left: 24%;
}

/********** 精製水：ラインナップリスト **********/
.sec02 .line_up_seiseisui .line_up_txt02 {
  top: 43.5%;
}

/********** アドブルー：ラインナップリスト **********/
.sec02 .line_up_adblue .line_up_txt02 {
  top: 85%;
}

.sec02 .line_up_txt02 li {
  line-height: 8.59375vw;
  font-size: 3.90625vw;
  margin-top: 0;
}

.sec02 .line_up_txt02 li::before {
  width: 5.33854vw;
  height: 5.33854vw;
  left: -13%;
}

.sec02 .line_up_txt02 li:nth-child(1)::before {
  background: url(../img/sp/no01_sp.png) center 0 no-repeat;
  background-size: contain;
}

.sec02 .line_up_txt02 li:nth-child(2)::before {
  background: url(../img/sp/no02_sp.png) center 0 no-repeat;
  background-size: contain;
}

.sec02 .line_up_txt02 li:nth-child(3)::before {
  background: url(../img/sp/no03_sp.png) center 0 no-repeat;
  background-size: contain;
}

.sec02 .line_up_txt02 li:nth-child(4)::before {
  background: url(../img/sp/no04_sp.png) center 0 no-repeat;
  background-size: contain;
}

.sec02 .line_up_txt02 li:nth-child(5)::before {
  background: url(../img/sp/no05_sp.png) center 0 no-repeat;
  background-size: contain;
}

.sec02 .line_up_txt02 li:nth-child(6)::before {
  background: url(../img/sp/no06_sp.png) center 0 no-repeat;
  background-size: contain;
}

.sec02 .line_up_txt02 li:nth-child(7)::before {
  background: url(../img/sp/no07_sp.png) center 0 no-repeat;
  background-size: contain;
}

.sec03 {
  background: url(../img/sp/sec03_bg_sp.jpg) center 0 no-repeat;
  background-size: cover;
  height: 330.59896vw;
}

.sec03 .example_list {
  justify-content: space-between;
  padding: 0 8%;
}

.sec03 .example_list li {
  width: 48%;
  padding: 0 1%;
  margin-top: 0;
}

.sec03 .example_list li:nth-child(2) {
  margin: 0;
}

.sec03 .example_list li:nth-child(3),
.sec03 .example_list li:nth-child(4),
.sec03 .example_list li:nth-child(5),
.sec03 .example_list li:nth-child(6),
.sec03 .example_list li:nth-child(7),
.sec03 .example_list li:nth-child(8) {
  margin: 5% 0 0;
}

.sec03 .example_txt_wrap h3 {
  line-height: 5.20833vw;
  font-size: 3.38542vw;
}

.sec03 .example_txt_wrap p {
  line-height: 4.16667vw;
  font-size: 3.38542vw;
}

.sec04 {
  background: url(../img/sp/sec04_bg_sp.png) center 0 no-repeat;
  background-size: cover;
  height: 733vw;
  margin-top: -34%;
}

.sec04 ul {
  margin-top: 2%;
}

.sec04 li {
  width: 100%;
}

.sec04 li h3 {
  line-height: 7.42188vw;
  font-size: 5.72917vw;
  left: 30%;
}

.sec04 li .reason_txt {
  top: 25%;
  line-height: 5.46875vw;
  font-size: 3.38542vw;
}

.sec04 li .txt_s {
  line-height: 5.46875vw;
  font-size: 3.125vw;
  width: 83%;
  top: 45%;
}

.sec04 li:nth-child(3),
.sec04 li:nth-child(4) {
  margin-top: 0;
}

.sec04 li:nth-child(4) p {
  margin-top: 3%;
}

.sec04 .reason05 {
  margin-top: 0;
}

.sec04 .reason05 h3 {
  line-height: 7.42188vw;
  font-size: 5.72917vw;
  left: 30%;
  top: 8%;
}

.sec04 .reason05 .reason_txt {
  line-height: 5.46875vw;
  font-size: 3.38542vw;
  width: 85%;
  top: 27%;
  left: 50%;
  transform: translateX(-50%);
}

.sec04 .cta_wrap {
  margin-top: 10%;
}

.sec05 .video_ttl_wrap h2 {
  padding: 6% 0 4%;
}

.sec05 .video_wrap p {
  line-height: 5.46875vw;
  font-size: 3.38542vw;
  margin-top: 3%;
  padding-bottom: 7%;
}

.sec05 .video_area {
  padding: 0 4%;
}

.sec05 .video_wrap01 {
  background-color: #dbf2f6;
}

.sec05 .video_wrap02 {
  background: url(../img/sp/sec06_bg_sp.jpg) center 0 no-repeat;
  background-size: cover;
}

.sec06 {
  background: url(../img/sp/sec06_bg02_sp.jpg) center 0 no-repeat;
  background-size: cover;
  height: 153.77604vw;
}

.sec06 .txt01 {
  line-height: 5.46875vw;
  font-size: 3.38542vw;
  padding: 9% 2% 0px 44%;
}

.sec06 .sec06_wrap ul {
  top: 20%;
}

.sec06 .sec06_wrap li {
  line-height: 4.6875vw;
  font-size: 3.64583vw;
  margin-left: 10%;
  margin-top: 3%;
  font-weight: 500;
}

.sec06 .sec06_wrap li::before {
  background: url(../img/sp/sec06_check_sp.png) center 0 no-repeat;
  background-size: contain;
  width: 4.03646vw;
  height: 3.77604vw;
  left: -5vw;
}

.sec06 .sec06_wrap .etc {
  margin-left: 5%;
}

.sec07 {
  background: url(../img/sp/sec07_bg_sp.jpg) center 0 no-repeat;
  background-size: cover;
  height: 229.03646vw;
}

.sec07 .sec07_list01 {
  flex-wrap: wrap;
  padding: 7% 4% 0;
}

.sec07 .sec07_list01 li {
  width: 50%;
}

.sec07 .sec07_list01 li:nth-child(1) {
  width: 45%;
}

.sec07 .sec07_list01 li:nth-child(2) {
  width: 52%;
  margin-left: 0;
}

.sec07 .sec07_list01 li:nth-child(3) {
  width: 100%;
}

.sec07 .sec07_list01 h2 {
  line-height: 4.94792vw;
  font-size: 3.90625vw;
}

.sec07 .sec07_list01 p {
  line-height: 5.46875vw;
  font-size: 3.38542vw;
}

.sec07 .doc_wrap {
  box-shadow: none;
}

.sec07 .doc_wrap .txt01 {
  line-height: 3.64583vw;
  font-size: 3.38542vw;
  text-align: center;
  left: 8%;
  top: 28%;
  letter-spacing: 0;
}

.sec07 .doc_wrap .txt02 {
  line-height: 4.94792vw;
  font-size: 3.64583vw;
  width: 100%;
  text-align: center;
  left: 0;
  top: 52%;
}

.sec07 .doc_wrap a {
  left: 24%;
  top: 57%;
  width: 51.04167vw;
}

.sec07 .doc_wrap .doc_info {
  top: 3%;
  left: 36%;
}

.sec07 .doc_wrap .doc_info p {
  line-height: 4.29688vw;
  font-size: 3.125vw;
  margin-top: 7.2%;
  letter-spacing: 0;
}

.sec08 {
  background: url(../img/sp/sec08_bg_sp.png) center 0 no-repeat;
  background-size: cover;
  height: 267.05729vw;
  margin-top: 0;
}

.sec08 .step_wrap h3 {
  line-height: 4.42708vw;
  font-size: 3.90625vw;
}

.sec08 .step_wrap p {
  line-height: 5.46875vw;
  font-size: 3.25521vw;
  margin-top: 2vw;
}

.sec08 .step_wrap .step_txt {
  top: 5.5vw;
  left: 20vw;
  width: 69%;
}

.sec08 .step_wrap .txt_step_b {
  background: url(../img/sp/txt_line_sp.png) bottom center repeat-x;
}

.contact {
  background: url(../img/sp/contact_bg_sp.png) center 0 no-repeat;
  background-size: cover;
  margin-top: -20vw;
}

.contact .inner > p {
  padding: 17% 1% 10% 3%;
}

.contact .contact_ttl02 {
  line-height: 4.16667vw;
  font-size: 3.38542vw;
}

.contact02 {
  background-color: #f8f7f1;
  background-size: cover;
}

.contact02 .contact_ttl02 {
  line-height: 4.16667vw;
  font-size: 3.38542vw;
}

.contact02 form {
  padding: 0 4%;
}

.contact02 #formTable {
  margin: 0 auto 6%;
}

.contact02 .rakuten_txt {
  padding: 0 2% 3%;
}

.contact02 .rakuten_txt p {
  font-size: 3.125vw;
  line-height: 5.20833vw;
}

#form {
  padding: 0 4%;
}

.form_iframe {
  height: 169.53125vw;
}

#formTable th {
  line-height: 5.46875vw;
  font-size: 3.38542vw;
}

#formTable input[type="text"],
#formTable input[type="tel"],
#formTable input[type="email"] {
  height: 7.8125vw;
  font-size: 3.38542vw;
}

input::placeholder {
  font-size: 3.38542vw;
}

#formTable .select label {
  line-height: 5.46875vw;
  font-size: 3.38542vw;
  margin-left: 0;
  margin-right: 4%;
}

#formTable .select label::before {
  content: '';
  background: url(../img/uncheck.png) center 0 no-repeat;
  background-size: contain;
  width: 2.86458vw;
  height: 2.86458vw;
  top: 50%;
  transform: translateY(-50%);
}

#formTable .select input[type="radio"]:checked + label::before {
  content: '';
  background: url(../img/checked.png) center 0 no-repeat;
  background-size: contain;
}

#formTable textarea {
  height: 28.64583vw;
  font-size: 3.38542vw;
}

.btnArea {
  padding: 4% 0 11%;
}

#confirmBtn {
  background: url(../img/sp/btn_confirm_sp.png) center 0 no-repeat;
  background-size: contain;
  width: 100%;
  height: 18vw;
  transform: translateX(1%);
}

#form.step02 {
  padding: 0;
}

#form.step02 h2 {
  text-align: center;
}

#form.step02 .contact_ttl02 {
  line-height: 4.42708vw;
  font-size: 3.38542vw;
  margin: 3% 0 0%;
  letter-spacing: 1px;
}

#form.step02 form {
  padding: 0 5% 10%;
}

#form.step02 #formTable td {
  font-size: 3.38542vw;
}

#form.step02 .formBtn.pc_only {
  display: none;
}

#form.step02 #backBtn {
  background: url(../img/sp/btn_back_sp.png) center 0 no-repeat;
  background-size: contain;
  width: 102%;
  height: 18vw;
}

#form.step02 #sendBtn {
  background: url(../img/sp/btn_send_sp.png) center 0 no-repeat;
  background-size: contain;
  width: 102%;
  height: 18vw;
}

.contact.thanks h2 {
  padding: 15% 0 3%;
}

.contact.thanks p {
  letter-spacing: 1px;
}

.contact.thanks .to_top img {
  width: 63.80208vw;
}

footer .footer_cta {
  flex-wrap: wrap;
  padding: 0 5%;
  justify-content: flex-start;
}

footer .footer_cta > li:nth-child(1) {
  width: 40%;
  margin-right: 4%;
}

footer .footer_cta > li:nth-child(2) {
  width: 49%;
}

footer .footer_cta > li:nth-child(3), footer .footer_cta > li:nth-child(4) {
  width: 100%;
  padding-top: 6.5vw;
}

footer .footer_cta li .links p {
  line-height: 7.8125vw;
  font-size: 3.64583vw;
}

footer .footer_cta .footer_icon img {
  width: 8vw;
}

footer .footer_ad p {
  line-height: 6.51042vw;
  font-size: 3.64583vw;
}

footer .mid_border {
  padding: 0;
  border-left: none;
  border-top: 1px solid #999999;
}

footer .copy_right {
  margin-top: 6%;
}

footer .copy_right p {
  line-height: 3.51562vw;
  font-size: 2.60417vw;
}
/*# sourceMappingURL=style_sp.css.map */