tc_mizumawari2.css
@charset "UTF-8";
/*PIS非表示*/
.modal_header_box,
.modal,
#sub_ft_box {
display: none !important;
}
.cdt_wrapper {
height: 60px;
margin: 3% 0;
}
@media screen and (max-width: 768px) {
.cdt_wrapper {
margin: 5% 0 3%;
}
}
.cdt_wrapper .cdt {
text-align: center;
}
.cdt_wrapper .cdt_txt {
display: inline-block;
font-size: 25px;
margin-bottom: 1%;
}
@media screen and (max-width: 768px) {
.cdt_wrapper .cdt_txt {
font-size: 16px;
}
}
.cdt_wrapper .cdt_date {
display: inline-block;
font-size: 40px;
font-weight: bold;
color: #ff0201;
}
@media screen and (max-width: 768px) {
.cdt_wrapper .cdt_date {
font-size: 25px;
}
}
.cdt_wrapper .cdt.is-fixed {
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
margin: 0;
padding: 1%;
background: #fff;
z-index: 9999;
}
@media screen and (max-width: 1024px) {
.cdt_wrapper .cdt.is-fixed {
top: 56px;
}
}
#mizumawari-campaign {
overflow: hidden;
}
#mizumawari-campaign .display-none {
display: none;
}
#mizumawari-campaign .display-pc {
display: block;
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .display-pc {
display: none;
}
}
#mizumawari-campaign .display-sp {
display: none;
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .display-sp {
display: block;
}
}
#mizumawari-campaign .display-sp2 {
display: none;
}
@media screen and (max-width: 374px) {
#mizumawari-campaign .display-sp2 {
display: block;
}
}
#mizumawari-campaign img {
display: block;
margin: 0 auto;
}
#mizumawari-campaign section {
box-sizing: border-box;
}
/*#mizumawari-campaign a {
display: block;
}*/
#mizumawari-campaign strong {
color: #f70d3e !important;
background: none !important;
font-weight: 500 !important;
}
#mizumawari-campaign .water__inner {
max-width: 980px;
box-sizing: border-box;
padding: 0 20px;
margin: 0 auto;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .water__inner {
padding: 0 2%;
}
}
#mizumawari-campaign .water-bg {
background-repeat: no-repeat;
background-size: cover;
background-position: top;
}
#mizumawari-campaign .water-h2 {
display: block;
background-color: #fff;
width: 620px;
border-radius: 60px 0 0 60px;
margin: 0 auto;
text-align: center;
line-height: 60px;
height: 60px;
position: relative;
letter-spacing: 0.04em;
font-weight: 500;
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .water-h2 {
line-height: 36px;
height: 45px;
width: 96%;
max-width: 830px;
}
#mizumawari-campaign .section01__inner h2 img {
width: 80%;
margin: 0 auto;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .water-h2 {
height: 35px;
line-height: 26px;
}
}
#mizumawari-campaign .water-h2::before {
content: "";
position: absolute;
display: block;
background-color: #34b9d6;
width: 10px;
height: 10px;
border-radius: 5px;
top: 0;
bottom: 0;
left: 15px;
margin: auto;
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .water-h2::before {
width: 7px;
height: 7px;
border-radius: 7px;
left: 10px;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .water-h2::before {
left: 5px;
}
}
#mizumawari-campaign #water_contact {
padding-top: 120px;
margin-top: -120px;
}
#mizumawari-campaign .water-h2::after {
content: "";
position: absolute;
display: block;
background-color: #34b9d6;
width: 47px;
height: 2px;
top: 0;
bottom: 0;
left: -30px;
margin: auto;
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .water-h2::after {
width: 23.5px;
left: -8px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .water-h2::after {
left: -13px;
}
}
#mizumawari-campaign .water-h2__span01 {
font-size: 28px;
color: #333333;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .water-h2__span01 {
font-size: 22px;
}
#mizumawari-campaign .water-h2__span02 {
font-size: 24px;
}
#mizumawari-campaign .water-h2__span03 {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .water-h2__span01 {
font-size: 16px;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .water-h2__span01 {
font-size: 12px;
}
}
#mizumawari-campaign .water-h2__span02 {
font-size: 28px;
color: #2c92c7;
background: linear-gradient(transparent 60%, #ffef66 60%);
font-weight: 600;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .water-h2__span02 {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .water-h2__span02 {
font-size: 16px;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .water-h2__span02 {
font-size: 14px;
}
}
@media screen and (max-width: 374px) {
#mizumawari-campaign .water-h2__span02 {
font-size: 13px;
}
}
#mizumawari-campaign .water-h2__span03 {
font-size: 24px;
color: #333333;
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .water-h2__span03 {
font-size: 15px;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .water-h2__span03 {
font-size: 11px;
}
}
#mizumawari-campaign .water-cta {
background-color: #34b9d6;
padding: 60px 0;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .water-cta {
padding: 6% 0;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .water-cta {
padding: 3% 0 4.5%;
}
}
#mizumawari-campaign .water-cta__inner {
max-width: 980px;
box-sizing: border-box;
padding: 0 20px;
margin: 0 auto;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .water-cta__inner {
padding: 0 2%;
}
}
#mizumawari-campaign .water-cta__inner a:nth-of-type(1) {
max-width: 880px;
margin-bottom: 25px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .water-cta__inner a:nth-of-type(1) {
margin-bottom: 3%;
}
}
#mizumawari-campaign .water-cta__inner a:nth-of-type(2) {
max-width: 880px;
}
#mizumawari-campaign .section01 {
background-image: url(../../../../images/mizumawari-campaign/water_img001_bg_pc.jpg);
padding: 60px 0 70px;
aspect-ratio: 12/5;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section01 {
background-image: url(../../../../images/mizumawari-campaign/water_img001_bg_tb.jpg);
padding: 6% 0 7%;
aspect-ratio: 32/25;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section01 {
background-image: url(../../../../images/mizumawari-campaign/water_img001_bg_sp.jpg);
padding: 5% 0 4.5%;
aspect-ratio: 15/16;
}
}
#mizumawari-campaign .section01__inner .water-h2 {
width: 620px;
margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section01__inner .water-h2 {
margin-bottom: 2%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section01__inner .water-h2 {
width: 96%;
max-width: 300px;
}
}
#mizumawari-campaign .section03 {
padding: 80px 0 40px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section03 {
padding: 8% 0 4%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section03 {
padding: 8% 0 2%;
}
}
#mizumawari-campaign .section03__inner .water-h2 {
width: 600px;
border: 1px solid #34b9d6;
margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section03__inner .water-h2 {
width: 650px;
margin-bottom: 6%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section03__inner .water-h2 {
width: 94%;
max-width: 380px;
}
}
#mizumawari-campaign .section03__inner .water-h2 span:last-of-type::after {
content: "";
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-image: url(../../../../images/mizumawari-campaign/water_h2_01_pc.png);
width: 120px;
height: 42px;
display: block;
top: -25px;
right: -40px;
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section03__inner .water-h2 span:last-of-type::after {
width: 60px;
height: 21px;
top: -15px;
right: -15px;
}
}
#mizumawari-campaign .section03__inner h3 {
margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section03__inner h3 {
margin-bottom: 6%;
}
}
#mizumawari-campaign .section03__inner--cnt>li {
background-color: #34b9d6;
background-image: radial-gradient(#42bed9 20%, transparent 20%), radial-gradient(#42bed9 20%, transparent 20%);
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
display: block;
max-width: 940px;
border-radius: 10px;
box-sizing: border-box;
padding: 40px 30px;
margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section03__inner--cnt>li {
padding: 4% 3%;
margin-bottom: 4%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section03__inner--cnt>li {
padding: 0;
border: 2px solid #34b9d6;
}
}
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01 {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
justify-content: center;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01 {
margin-bottom: 3%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01 {
box-sizing: border-box;
padding: 2%;
margin-bottom: 0;
}
}
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01 img {
width: 145px;
margin-right: 20px;
margin-left: 0;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01 img {
width: 22%;
margin-right: 2%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01 img {
width: 15%;
}
}
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01>div {
border-bottom: 3px dashed #fff;
box-sizing: border-box;
padding-bottom: 20px;
width: 715px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01>div {
width: 76%;
padding-bottom: 2%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01>div {
width: fit-content;
border-bottom: 1px dashed #fff;
padding-bottom: 2%;
}
}
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01>div .section03__inner--cnt01--span01 {
font-size: 32px;
font-weight: bold;
color: #fff;
letter-spacing: 0.05em;
line-height: 1.33em;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01>div .section03__inner--cnt01--span01 {
font-size: 28px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01>div .section03__inner--cnt01--span01 {
font-size: 18px;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01>div .section03__inner--cnt01--span01 {
font-size: 16px;
}
}
@media screen and (max-width: 374px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01>div .section03__inner--cnt01--span01 {
font-size: 14px;
}
}
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01>div .section03__inner--cnt01--span02 {
font-size: 36px;
font-weight: bold;
color: #f3dc23;
letter-spacing: 0.05em;
line-height: 1.33em;
text-shadow: 3px 3px #2c92c7;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01>div .section03__inner--cnt01--span02 {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01>div .section03__inner--cnt01--span02 {
font-size: 20px;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01>div .section03__inner--cnt01--span02 {
font-size: 18px;
}
}
@media screen and (max-width: 374px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt01>div .section03__inner--cnt01--span02 {
font-size: 14px;
}
}
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt02 {
width: 715px;
margin-right: 0;
margin-left: auto;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt02 {
width: 94%;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt02 {
background-color: #fff;
background-image: radial-gradient(#f7f7f7 20%, transparent 20%), radial-gradient(#f7f7f7 20%, transparent 20%);
background-size: 10px 10px;
background-position: 0 0, 5px 5px;
width: 100%;
border-radius: 0 0 10px 10px;
box-sizing: border-box;
padding: 3% 3% 1%;
}
}
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt02>li {
font-size: 22px;
letter-spacing: 0.01em;
line-height: 1.5em;
color: #fff;
box-sizing: border-box;
padding-left: 35px;
padding-bottom: 10px;
position: relative;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt02>li {
padding-bottom: 1%;
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt02>li {
padding-bottom: 2%;
font-size: 16px;
color: #333;
font-weight: 600;
}
}
@media screen and (max-width: 374px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt02>li {
font-size: 14px;
padding-left: 25px;
}
}
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt02>li::before {
content: "";
width: 26px;
height: 23px;
background-image: url(../../../../images/mizumawari-campaign/water_icon_01_pc.png);
position: absolute;
top: 7px;
left: 0;
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt02>li::before {
background-repeat: no-repeat;
background-size: cover;
background-image: url(../../../../images/mizumawari-campaign/water_icon_01_sp.png);
width: 25px;
height: 25px;
top: 0;
}
}
@media screen and (max-width: 374px) {
#mizumawari-campaign .section03__inner--cnt>li .section03__inner--cnt02>li::before {
width: 12.5px;
height: 12.5px;
top: 3px;
}
}
#mizumawari-campaign .section04 {
background-image: url(../../../../images/mizumawari-campaign/water_img004_bg_pc.jpg);
padding: 100px 0;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section04 {
background-image: url(../../../../images/mizumawari-campaign/water_img004_bg_tb.jpg);
padding: 10% 0;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section04 {
background-image: url(../../../../images/mizumawari-campaign/water_img004_bg_sp.jpg);
padding: 6% 0;
}
}
#mizumawari-campaign .section04__inner {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#mizumawari-campaign .section04__inner h2 {
position: relative;
font-size: 40px;
font-weight: bold;
color: #fff;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section04__inner h2 {
font-size: 35px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section04__inner h2 {
text-align: center;
line-height: 1.33em;
font-size: 30px;
}
}
#mizumawari-campaign .section04__inner h2::before {
content: "";
background-image: url(../../../../images/mizumawari-campaign/water_icon_02_pc.png);
width: 35px;
height: 35px;
position: absolute;
top: -30px;
left: -30px;
background-size: cover;
background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section04__inner h2::before {
background-image: url(../../../../images/mizumawari-campaign/water_icon_02_sp.png);
width: 17.5px;
height: 17.5px;
top: -15px;
left: -15px;
}
}
#mizumawari-campaign .section04__inner h2::after {
content: "";
background-image: url(../../../../images/mizumawari-campaign/water_icon_03_pc.png);
width: 155px;
height: 70px;
position: absolute;
top: -50px;
right: -130px;
background-size: cover;
background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section04__inner h2::after {
right: -100px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section04__inner h2::after {
background-image: url(../../../../images/mizumawari-campaign/water_icon_03_sp.png);
width: 70px;
height: 29px;
top: -15px;
right: -35px;
}
}
@media screen and (max-width: 320px) {
#mizumawari-campaign .section04__inner h2::after {
right: -8px;
}
}
/*#mizumawari-campaign .section05 {
padding: 50px 0 70px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section05 {
padding: 5% 0 7%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section05 {
padding: 5% 0 6%;
}
}
#mizumawari-campaign .section05__inner--cnt {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#mizumawari-campaign .section05__inner--cnt li {
width: 452px;
max-width: 452px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section05__inner--cnt li {
width: 48%;
}
}
#mizumawari-campaign .section05__inner>img {
margin: 0 auto;
margin-top: -6%;
position: relative;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section05__inner>img {
width: 46%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section05__inner>img {
width: 50%;
}
}*/
#mizumawari-campaign .section07 {
padding: 90px 0 60px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07 {
padding: 9% 0 6%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07 {
padding: 11% 0 6%;
}
}
#mizumawari-campaign .section07__inner {
max-width: 984px;
}
#mizumawari-campaign .section07__inner .water-h2 {
width: 720px;
border: 1px solid #34b9d6;
margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .water-h2 {
width: 680px;
margin-bottom: 6%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .water-h2 {
max-width: 830px;
width: 94%;
}
}
@media screen and (max-width: 374px) {
#mizumawari-campaign .section07__inner .water-h2 span {
font-size: 10px;
}
}
#mizumawari-campaign .section07__inner .water-h2 span:last-of-type::after {
content: "";
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-image: url(../../../../images/mizumawari-campaign/water_h2_02_pc.png);
width: 210px;
height: 50px;
display: block;
top: -35px;
right: -35px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .water-h2 span:last-of-type::after {
top: -30px;
right: -10px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .water-h2 span:last-of-type::after {
width: 105px;
height: 25px;
}
}
#mizumawari-campaign .section07__inner h3 {
margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner h3 {
margin-bottom: 5%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner h3 {
margin-bottom: 8%;
}
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner--cnt a.type-1,
#mizumawari-campaign .section07__inner--cnt a.type-2 {
width: 49.5%;
}
#mizumawari-campaign .section07 .area {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07 .area {
width: 100%;
margin: 0 auto;
}
}
#mizumawari-campaign .section07__inner--cnt {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 120px;
margin-top: -120px;
}
#mizumawari-campaign .section07__inner--cnt li.active {
cursor: auto;
}
#mizumawari-campaign .section07__inner--cnt li {
max-width: 467px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner--cnt li {
width: 49.5%;
}
}
#mizumawari-campaign .section07__inner .area>div {
box-sizing: border-box;
padding: 20px 27px 0;
display: none;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .area>div {
padding: 2% 3% 0;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .area>div {
padding: 1% 2% 0;
}
}
#mizumawari-campaign .section07__inner .area>div.show {
display: block;
}
#mizumawari-campaign .section07__inner .area .section07__inner--cnt--blue {
border: 3px solid #2c92c7;
}
#mizumawari-campaign .section07__inner .area .section07__inner--cnt--pink {
border: 3px solid #ea6088;
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 h3 {
margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 h3 {
margin-bottom: 4%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 h3 {
margin-bottom: 3%;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--img--01 {
margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--img--01 {
margin-bottom: 7%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--img--01 {
margin-bottom: 6%;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--img--03 {
margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--img--03 {
margin-bottom: 5%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--img--03 {
margin-bottom: 4%;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01>span {
display: block;
font-size: 20px;
color: #333333;
text-align: center;
max-width: 270px;
position: relative;
margin: 0 auto 15px;
line-height: 18px;
font-weight: 600;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01>span {
margin-bottom: 2%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01>span {
font-size: 16px;
max-width: 230px;
line-height: 15px;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01>span::before {
content: "";
background-color: #000;
width: 2px;
height: 20px;
position: absolute;
display: block;
top: 0;
left: 0;
transform: rotate(-15deg);
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01>span::before {
height: 16px;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01>span::after {
content: "";
background-color: #000;
width: 2px;
height: 20px;
position: absolute;
display: block;
top: 0;
right: 0;
transform: rotate(15deg);
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01>span::after {
height: 16px;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--h4--01 {
font-size: 24px;
color: #fff;
background-color: #333333;
text-align: center;
display: block;
width: 100%;
border-radius: 15px;
line-height: 45px;
margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--h4--01 {
margin-bottom: 5%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--h4--01 {
font-size: 20px;
border-radius: 10px;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--h4--01 {
font-size: 16px;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--box {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 20px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--box {
padding-bottom: 2%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--box {
display: block;
padding-bottom: 3%;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--box>li {
width: 422px;
margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--box>li {
width: 48%;
margin-bottom: 5%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--box>li {
width: 100%;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--box>li h5 {
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--box>li h5 {
margin-bottom: 3%;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--box>li img:nth-of-type(1) {
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--box>li img:nth-of-type(1) {
margin-bottom: 3%;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--h4--02 {
font-size: 30px;
color: #000000;
letter-spacing: 0.08em;
font-weight: bold;
line-height: 1.33em;
display: block;
text-align: center;
border-bottom: 2px dotted #eb678d;
margin: 0 auto 50px;
max-width: 830px;
padding-bottom: 10px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--h4--02 {
font-size: 24px;
margin-bottom: 5%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--h4--02 {
font-size: 20px;
margin-bottom: 8%;
padding-bottom: 1%;
max-width: 375px;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--h4--02 {
font-size: 18px;
}
}
@media screen and (max-width: 374px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--h4--02 {
font-size: 16px;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--h4--02>span {
font-size: 26px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--h4--02>span {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--h4--02>span {
font-size: 18px;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--h4--02>span {
font-size: 16px;
}
}
@media screen and (max-width: 374px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--h4--02>span {
font-size: 14px;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--img--02 {
position: relative;
display: block;
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--img--02 {
margin-bottom: 3%;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table {
margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table {
margin-bottom: 4%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table {
margin-bottom: 5%;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr {
margin-bottom: 2%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr {
margin-bottom: 5%;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr td:nth-of-type(1) {
display: block;
width: 185px;
height: 33px;
line-height: 33px;
font-size: 20px;
background-color: #333333;
text-align: center;
color: #fff;
margin-right: 20px;
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr td:nth-of-type(1) {
width: 135px;
font-size: 16px;
margin-right: 10px;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr td:nth-of-type(1) {
width: 115px;
font-size: 14px;
margin-right: 10px;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr td:nth-of-type(2) {
font-size: 18px;
color: #000000;
vertical-align: middle;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr td:nth-of-type(2) {
width: calc(100% - 205px);
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr td:nth-of-type(2) {
width: calc(100% - 145px);
font-size: 16px;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr td:nth-of-type(2) {
width: calc(100% - 125px);
font-size: 15px;
line-height: 1.3em;
}
}
#mizumawari-campaign .section07__inner>img {
margin-top: 60px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner>img {
margin-top: 6%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner>img {
margin-top: 5%;
}
}
#mizumawari-campaign .section09 {
padding: 100px 0 50px;
position: relative;
z-index: 1;
background-image: radial-gradient(#d6f9e6 20%, transparent 20%), radial-gradient(#d6f9e6 20%, transparent 20%);
background-color: #dafeeb;
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section09 {
padding: 10% 0 5%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section09 {
padding: 7% 0 3%;
}
}
#mizumawari-campaign .section09::before {
content: "";
background-image: url(../../../../images/mizumawari-campaign/section009_15_pc.png);
background-repeat: no-repeat;
width: 1920px;
height: 337px;
position: absolute;
top: 0;
z-index: 2;
left: calc(100% - 1920px);
right: calc(100% - 1920px);
margin: auto;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section09::before {
background-size: contain;
width: 230vw;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section09::before {
width: 210vw;
}
}
#mizumawari-campaign .section09__inner {
position: relative;
z-index: 2;
}
#mizumawari-campaign .section09__inner .water-h2 {
width: 720px;
border: 1px solid #34b9d6;
margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section09__inner .water-h2 {
width: 680px;
margin-bottom: 6%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section09__inner .water-h2 {
max-width: 380px;
width: 94%;
}
}
#mizumawari-campaign .section09__inner .water-h2 span:last-of-type::after {
content: "";
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-image: url(../../../../images/mizumawari-campaign/water_h2_03_pc.png);
width: 170px;
height: 40px;
display: block;
top: -20px;
right: -40px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section09__inner .water-h2 span:last-of-type::after {
top: -30px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section09__inner .water-h2 span:last-of-type::after {
background-image: url(../../../../images/mizumawari-campaign/water_h2_03_pc.png);
width: 85px;
height: 20px;
top: -12px;
right: -15px;
}
}
#mizumawari-campaign .section10 {
padding: 120px 0 60px;
background-image: radial-gradient(#d6f9e6 20%, transparent 20%), radial-gradient(#d6f9e6 20%, transparent 20%);
background-color: #dafeeb;
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section10 {
padding-top: calc(40px + 10%);
padding-bottom: 6%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section10 {
padding-top: calc(20px + 7%);
}
}
#mizumawari-campaign .section10__inner--cnt>li {
background-color: #fff;
border-radius: 15px;
box-sizing: border-box;
padding: 90px 50px 40px;
position: relative;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section10__inner--cnt>li {
padding-top: calc(40px + 5%);
padding-left: 5%;
padding-right: 5%;
padding-bottom: 4%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section10__inner--cnt>li {
padding-top: calc(25px + 6.5%);
}
}
#mizumawari-campaign .section10__inner--cnt>li::before {
text-align: center;
font-size: 40px;
box-sizing: border-box;
width: 90px;
height: 90px;
background-color: #34b9d6;
color: #fff;
border-radius: 90px;
line-height: 90px;
position: absolute;
top: -40px;
right: 0;
left: 0;
margin: auto;
font-weight: bold;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section10__inner--cnt>li::before {
width: 60px;
height: 60px;
font-size: 30px;
line-height: 60px;
border-radius: 60px;
top: -25px;
}
}
#mizumawari-campaign .section10__inner--cnt>li:nth-of-type(1) {
margin-bottom: 80px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section10__inner--cnt>li:nth-of-type(1) {
margin-bottom: calc(50px + 3%);
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section10__inner--cnt>li:nth-of-type(1) {
margin-bottom: calc(25px + 6.5%);
}
}
#mizumawari-campaign .section10__inner--cnt>li:nth-of-type(1)::before {
content: "01";
}
#mizumawari-campaign .section10__inner--cnt>li:nth-of-type(2) {
margin-bottom: 80px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section10__inner--cnt>li:nth-of-type(2) {
margin-bottom: calc(50px + 3%);
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section10__inner--cnt>li:nth-of-type(2) {
margin-bottom: calc(25px + 6.5%);
}
}
#mizumawari-campaign .section10__inner--cnt>li:nth-of-type(2)::before {
content: "02";
}
#mizumawari-campaign .section10__inner--cnt>li:nth-of-type(3)::before {
content: "03";
}
#mizumawari-campaign .section10__inner--cnt>li h4 {
font-size: 30px;
text-align: center;
margin-bottom: 40px;
font-weight: 600;
}
#mizumawari-campaign .section10__inner--cnt>li h4 strong.small {
color: #000 !important;
font-size: 28px;
font-weight: 600 !important;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section10__inner--cnt>li h4 {
font-size: 24px;
margin-bottom: 4%;
}
#mizumawari-campaign .section10__inner--cnt>li h4 strong.small {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section10__inner--cnt>li h4 {
font-size: 16px;
}
#mizumawari-campaign .section10__inner--cnt>li h4 strong.small {
font-size: 12px;
}
}
#mizumawari-campaign .section10__inner--cnt>li h4 .section10__inner--cnt--h4--span01 {
color: #333333;
line-height: 2em;
}
#mizumawari-campaign .section10__inner--cnt>li h4 .section10__inner--cnt--h4--span02 {
background-color: #ffef66;
line-height: 2em;
box-sizing: border-box;
padding: 0 10px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section10__inner--cnt>li h4 .section10__inner--cnt--h4--span02 {
padding: 0 5px;
}
}
#mizumawari-campaign .section10__inner--cnt>li img {
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section10__inner--cnt>li img {
margin-bottom: 3%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section10__inner--cnt>li img {
margin-bottom: 4%;
}
}
#mizumawari-campaign .section10__inner--cnt>li p {
font-size: 18px;
line-height: 2em;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section10__inner--cnt>li p {
font-size: 16px;
letter-spacing: 0;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .section10__inner--cnt>li p {
font-size: 14px;
}
}
#mizumawari-campaign .section12 {
padding: 80px 0;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section12 {
padding: 8% 0;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section12 {
padding: 8% 0 2%;
}
}
#mizumawari-campaign .section12__inner .water-h2 {
width: 720px;
border: 1px solid #34b9d6;
margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section12__inner .water-h2 {
width: 680px;
margin-bottom: 6%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section12__inner .water-h2 {
width: 94%;
max-width: 380px;
}
}
#mizumawari-campaign .section12__inner .water-h2 span:last-of-type::after {
content: "";
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-image: url(../../../../images/mizumawari-campaign/water_h2_04_pc.png);
width: 210px;
height: 45px;
display: block;
top: -35px;
right: -35px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section12__inner .water-h2 span:last-of-type::after {
top: -25px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section12__inner .water-h2 span:last-of-type::after {
width: 105px;
height: 22.5px;
top: -12px;
right: -20px;
}
}
#mizumawari-campaign .section12__inner h3 {
margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section12__inner h3 {
margin-bottom: 2%;
}
}
#mizumawari-campaign .section12__inner--cnt>li {
padding: 50px 0;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section12__inner--cnt>li {
padding: 5% 0;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section12__inner--cnt>li {
padding: 4% 0;
}
}
#mizumawari-campaign .section12__inner--cnt>li:not(:last-of-type) {
border-bottom: 1px dashed #333;
}
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--Q {
position: relative;
box-sizing: border-box;
padding-left: 70px;
margin-bottom: 40px;
}
#mizumawari-campaign .section12__inner--cnt ul li {
font-weight: 600;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--Q {
margin-bottom: 4%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--Q {
padding-left: 35px;
margin-bottom: 3%;
}
}
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--Q::before {
content: "";
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-image: url(../../../../images/mizumawari-campaign/water_icon_04_pc.png);
width: 43px;
height: 43px;
display: block;
top: 0;
left: 0;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--Q::before {
top: 4px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--Q::before {
width: 21.5px;
height: 21.5px;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--Q::before {
top: 2px;
}
}
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--Q>span {
color: #2c92c7;
font-size: 24px;
line-height: 43px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--Q>span {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--Q>span {
font-size: 18px;
line-height: 1.5em;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--Q>span {
font-size: 16px;
}
}
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--A {
position: relative;
box-sizing: border-box;
padding-left: 70px;
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--A {
padding-left: 35px;
}
}
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--A::before {
content: "";
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-image: url(../../../../images/mizumawari-campaign/water_icon_05_pc.png);
width: 43px;
height: 43px;
display: block;
top: 0;
left: 0;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--A::before {
top: 4px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--A::before {
width: 21.5px;
height: 21.5px;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--A::before {
top: 2px;
}
}
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--A>span {
color: #333333;
font-size: 20px;
line-height: 43px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--A>span {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--A>span {
font-size: 16px;
line-height: 1.5em;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .section12__inner--cnt>li>ul .section12__inner--cnt--A>span {
font-size: 14px;
}
}
#mizumawari-campaign .section13 {
background-color: #34b9d6;
background-image: radial-gradient(#42bed9 20%, transparent 20%), radial-gradient(#42bed9 20%, transparent 20%);
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
}
#mizumawari-campaign .section13__inner {
position: relative;
padding-top: 60px;
padding-bottom: 60px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section13__inner {
padding-top: 6%;
padding-bottom: 6%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section13__inner {
padding-top: 4%;
padding-bottom: 4%;
}
}
#mizumawari-campaign .section13__inner::before {
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: cover;
background-image: url(../../../../images/mizumawari-campaign/water_img013_01_pc.png);
width: 190px;
height: 130px;
display: block;
bottom: 0;
right: 0;
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section13__inner::before {
background-image: url(../../../../images/mizumawari-campaign/water_img013_02_sp.png);
width: 40px;
height: 32.5px;
right: 2%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section13__inner::after {
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: cover;
background-image: url(../../../../images/mizumawari-campaign/water_img013_03_sp.png);
width: 17px;
height: 22.5px;
display: block;
bottom: 0;
left: 4.5%;
}
}
#mizumawari-campaign .section13__inner h2 {
font-size: 40px;
font-weight: bold;
color: #fff;
text-align: center;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section13__inner h2 {
font-size: 3px;
letter-spacing: 0;
}
}
@media screen and (max-width: 374px) {
#mizumawari-campaign .section13__inner h2 {
font-size: 20px;
}
}
#mizumawari-campaign .section13__inner h2 .section13__inner--h2--span01 {
position: relative;
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section13__inner h2 .section13__inner--h2--span01::after {
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: cover;
background-image: url(../../../../images/mizumawari-campaign/water_img013_01_sp.png);
width: 52.5px;
height: 27.5px;
display: block;
top: -10px;
left: -25px;
}
#mizumawari-campaign .section13__inner h2 .section13__inner--h2--span01 {
font-size: 20px;
}
}
#mizumawari-campaign .section13__inner h2 .section13__inner--h2--span02 {
display: block;
font-size: 20px;
letter-spacing: 0.1em;
text-align: center;
margin-top: 30px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section13__inner h2 .section13__inner--h2--span02 {
margin-top: 3%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section13__inner h2 .section13__inner--h2--span02 {
font-size: 14px;
letter-spacing: 0;
}
}
@media screen and (max-width: 374px) {
#mizumawari-campaign .section13__inner h2 .section13__inner--h2--span02 {
font-size: 12px;
}
}
#mizumawari-campaign .section14 {
padding: 60px 0;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section14 {
padding: 6% 0;
}
}
#mizumawari-campaign .section14__inner>img {
margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section14__inner>img {
margin-bottom: 7%;
}
}
@media screen and (min-width: 768px) {
#mizumawari-campaign .water-tel {
pointer-events: none;
}
}
#mizumawari-campaign .section10__inner--cnt--list1 {
border: 2px solid #2c92c7;
position: relative;
margin: 100px 0 0;
padding: 70px 40px 30px;
border-radius: 20px;
}
#mizumawari-campaign .section10__inner--cnt--list1>div:first-of-type {
position: absolute;
left: 0;
right: 0;
margin: auto;
margin-top: -15%;
}
#mizumawari-campaign .section10__inner--cnt--list1>div>h3 {
text-align: center;
background: #2c92c7;
color: #fff;
max-width: 500px;
margin: 0 auto;
line-height: 2.2em;
font-size: 26px;
position: relative;
}
#mizumawari-campaign .section10__inner--cnt--list1>div>h3::before {
content: "";
background-image: url(../../../../images/mizumawari-campaign/water_img00x_01_pc.png);
width: 21px;
height: 57px;
background-repeat: no-repeat;
background-size: contain;
left: -4%;
position: absolute;
}
#mizumawari-campaign .section10__inner--cnt--list1>div>h3::after {
content: "";
background-image: url(../../../../images/mizumawari-campaign/water_img00x_02_pc.png);
width: 21px;
height: 57px;
background-repeat: no-repeat;
background-size: contain;
right: -4%;
position: absolute;
}
#mizumawari-campaign .section10__inner--cnt--list1>div>h4 {
display: block;
font-size: 20px;
color: #2c92c7;
text-align: center;
max-width: 330px;
position: relative;
margin: 0 auto 15px;
line-height: 18px;
font-weight: 600;
}
#mizumawari-campaign .section10__inner--cnt--list1>div>h4::before {
content: "";
background-color: #2d92c8;
width: 2px;
height: 20px;
position: absolute;
display: block;
top: 0;
left: 0;
transform: rotate(-15deg);
}
.section10__inner--cnt--list1>div>h4::after {
content: "";
background-color: #2d92c8;
width: 2px;
height: 20px;
position: absolute;
display: block;
top: 0;
right: 0;
transform: rotate(15deg);
}
#mizumawari-campaign .section10__inner--cnt--list1--cnt {
margin: 0 auto 20px;
}
#mizumawari-campaign .section10__inner--cnt--list1--cnt:last-of-type {
margin: 0 auto;
}
#mizumawari-campaign .section10__inner--cnt--list1--cnt>h5 {
font-size: 18px;
}
#mizumawari-campaign .section10__inner--cnt--list1--cnt ul {
display: flex;
}
#mizumawari-campaign .section10__inner--cnt--list1--cnt ul li:nth-of-type(odd) {
margin-right: 2%;
display: inline-block;
width: 15%;
position: relative;
}
#mizumawari-campaign .section10__inner--cnt--list1--cnt ul li:nth-of-type(even) {
width: 100%;
}
#mizumawari-campaign .section10__inner--cnt--list1--cnt ul li {
font-size: 18px;
}
#mizumawari-campaign .section10__inner--cnt--list1--cnt ul li span {
font-size: 14px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section10__inner--cnt--list1 {
margin: 10% 0 0;
padding: 7% 4% 3%;
border-radius: 10px;
}
#mizumawari-campaign .section10__inner--cnt--list1--cnt {
max-width: 660px;
margin: 0 auto 2%;
}
#mizumawari-campaign .section10__inner--cnt--list1--cnt ul li:nth-of-type(odd) {
width: 20%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section10__inner--cnt--list1 {
margin: 10% 0 0;
padding: 9% 4% 3%;
}
#mizumawari-campaign .section10__inner--cnt--list1>div:first-of-type {
margin-top: -18%;
}
#mizumawari-campaign .section10__inner--cnt--list1--cnt ul li:nth-of-type(odd) {
width: 40%;
}
#mizumawari-campaign .section10__inner--cnt--list1>div>h4 {
font-size: 13px;
max-width: 230px;
margin: 0 auto 2%;
}
#mizumawari-campaign .section10__inner--cnt--list1>div>h3 {
font-size: 17px;
max-width: 225px;
}
#mizumawari-campaign .section10__inner--cnt--list1>div>h3::before {
width: 14px;
height: 37px;
left: -6%
}
#mizumawari-campaign .section10__inner--cnt--list1>div>h3::after {
width: 14px;
height: 37px;
right: -6%;
}
#mizumawari-campaign .section10__inner--cnt--list1--cnt {
margin: 0 auto 6%;
}
}
@media screen and (max-width: 450px) {
#mizumawari-campaign .section10__inner--cnt--list1>div:first-of-type {
margin-top: -22%;
}
#mizumawari-campaign .section10__inner--cnt--list1--cnt h5 {
font-size: 15px;
}
#mizumawari-campaign .section10__inner--cnt--list1--cnt ul li {
font-size: 12px;
}
#mizumawari-campaign .section10__inner--cnt--list1--cnt ul li span {
font-size: 10px;
}
#mizumawari-campaign .section10__inner--cnt--list1 {
margin: 15% 0 0;
}
#mizumawari-campaign .section10__inner--cnt--list1>div:first-of-type {
margin-top: -22%;
}
}
#mizumawari-campaign .section10__inner--cnt--list2 {
border: 2px solid #2c92c7;
position: relative;
margin: 100px 0 0;
padding: 70px 40px 30px;
border-radius: 20px;
}
#mizumawari-campaign .section10__inner--cnt--list2>div:first-of-type {
position: absolute;
left: 0;
right: 0;
margin: auto;
margin-top: -15%;
}
#mizumawari-campaign .section10__inner--cnt--list2>div>h3 {
text-align: center;
background: #2c92c7;
color: #fff;
max-width: 500px;
margin: 0 auto;
line-height: 2.2em;
font-size: 26px;
position: relative;
}
#mizumawari-campaign .section10__inner--cnt--list2>div>h3::before {
content: "";
background-image: url(../../../../images/mizumawari-campaign/water_img00x_01_pc.png);
width: 21px;
height: 57px;
background-repeat: no-repeat;
background-size: contain;
left: -4%;
position: absolute;
}
#mizumawari-campaign .section10__inner--cnt--list2>div>h3::after {
content: "";
background-image: url(../../../../images/mizumawari-campaign/water_img00x_02_pc.png);
width: 21px;
height: 57px;
background-repeat: no-repeat;
background-size: contain;
right: -4%;
position: absolute;
}
#mizumawari-campaign .section10__inner--cnt--list2>div>h4 {
display: block;
font-size: 20px;
color: #2c92c7;
text-align: center;
max-width: 380px;
position: relative;
margin: 0 auto 15px;
line-height: 18px;
font-weight: 600;
}
#mizumawari-campaign .section10__inner--cnt--list2>div>h4::before {
content: "";
background-color: #2d92c8;
width: 2px;
height: 20px;
position: absolute;
display: block;
top: 0;
left: 0;
transform: rotate(-15deg);
}
#mizumawari-campaign .section10__inner--cnt--list2>div>h4::after {
content: "";
background-color: #2d92c8;
width: 2px;
height: 20px;
position: absolute;
display: block;
top: 0;
right: 0;
transform: rotate(15deg);
}
#mizumawari-campaign .section10__inner--cnt--list2--cnt {
display: flex;
justify-content: space-between;
font-size: 18px;
}
#mizumawari-campaign .section10__inner--cnt--list2--cnt>div {
display: flex;
justify-content: center;
}
#mizumawari-campaign .section10__inner--cnt--list2--cnt.display-sp {
display: none;
}
#mizumawari-campaign .section10__inner--cnt--list2--cnt ul li:not(:last-of-type) {
margin: 0 0 10px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section10__inner--cnt--list2--cnt ul li:not(:last-of-type) {
margin: 0 0 2%;
}
#mizumawari-campaign .section10__inner--cnt--list2 {
margin: 10% 0 0;
padding: 7% 4% 3%;
border-radius: 10px;
}
#mizumawari-campaign .section10__inner--cnt--list2--cnt {
max-width: 660px;
margin: 0 auto 2%;
}
#mizumawari-campaign .section10__inner--cnt--list2--cnt {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section10__inner--cnt--list2--cnt.display-pc {
display: none;
}
#mizumawari-campaign .section10__inner--cnt--list2--cnt.display-sp {
display: flex;
justify-content: space-around;
}
#mizumawari-campaign .section10__inner--cnt--list2 {
margin: 10% 0 0;
padding: 7% 4% 3%;
border-radius: 10px;
}
#mizumawari-campaign .section10__inner--cnt--list2--cnt {
max-width: 660px;
margin: 0 auto 2%;
}
#mizumawari-campaign .section10__inner--cnt--list2>div>h4 {
font-size: 13px;
max-width: 255px;
margin: 0 auto 2%;
}
#mizumawari-campaign .section10__inner--cnt--list2>div>h3 {
font-size: 17px;
max-width: 225px;
}
#mizumawari-campaign .section10__inner--cnt--list2>div>h3::before {
width: 14px;
height: 37px;
left: -6%
}
#mizumawari-campaign .section10__inner--cnt--list2>div>h3::after {
width: 14px;
height: 37px;
right: -6%;
}
}
@media screen and (max-width: 520px) {
#mizumawari-campaign .section10__inner--cnt--list2--cnt h5 {
font-size: 15px;
}
#mizumawari-campaign .section10__inner--cnt--list2--cnt ul li {
font-size: 13px;
}
#mizumawari-campaign .section10__inner--cnt--list2 {
margin: 18% 0 0;
padding: 12% 2% 3%;
}
#mizumawari-campaign .section10__inner--cnt--list2>div:first-of-type {
margin-top: -25%;
}
#mizumawari-campaign .section10__inner--cnt--list2>div>h3 {
max-width: 200px;
}
}
/*form*/
/*#mizumawari-campaign .section15 .layout02 {
display: none;
}
#mizumawari-campaign .section15 h3 {
color: #000 !important;
background: none !important;
border-bottom: 4px dotted #ad8277 !important;
font-size: 22px;
font-weight: normal;
padding: 2% !important;
margin: 0 auto 2%;
line-height: 1.1em;
box-sizing: border-box;
}
#mizumawari-campaign .section15 .form.inquiry_wrap {
max-width: 980px;
}
#mizumawari-campaign .section15 .form.inquiry_wrap * {
border: 0;
line-height: 1.6em;
font-size: 1.4rem;
}
#mizumawari-campaign .section15 .form.inquiry_wrap .scroll {
border: solid 1px #d4d4d4 !important;
}
#mizumawari-campaign .section15 .form.inquiry_wrap img.wpcf7c-elm-step1 {
display: none;
}
#mizumawari-campaign .section15 .form.inquiry_wrap .itemform2 {
display: none;
}
#mizumawari-campaign .section15 .form.inquiry_wrap .itemname {
font-size: 18px;
font-weight: 800;
float: none;
background: none;
border-top: 0;
height: auto;
width: 100%;
min-height: auto;
}
#mizumawari-campaign .section15 .wpcf7-text {
width: 100%;
}
#mizumawari-campaign .section15 .itemform {
width: 100%;
min-height: auto;
}
#mizumawari-campaign .section15 .wpcf7-form-control-wrap {
max-width: 100%;
}
#mizumawari-campaign .section15 .form ul.formlist li input {
max-width: 100% !important;
background: #fff89d !important;
margin: 0 auto;
padding: 10px;
}
#mizumawari-campaign .section15 .form textarea {
height: 200px;
width: 100%;
background: #fff89d;
}
#mizumawari-campaign .section15 .item_required {
border: 1px solid #ff3332 !important;
color: #ff3332;
padding: 0px 6px !important;
border-radius: 0 !important;
margin-right: 5px !important;
margin-left: 1%;
background: none;
}
#mizumawari-campaign .section15 .item_unrequired {
font-weight: normal;
border: 1px solid #c4bfbf !important;
color: #c4bfbf;
background: none;
padding: 0px 6px !important;
border-radius: 0 !important;
margin-right: 5px !important;
margin-left: 1%;
}
#mizumawari-campaign .section15 .form ul.formlist {
margin: 10px auto 0;
}
#mizumawari-campaign .section15 div.wpcf7c-elm-step1.form_description p {
font-size: 16px;
margin: 0 auto 20px;
}
#mizumawari-campaign .section15 div.wpcf7c-elm-step1.form_description .wpcf7c-elm-step1.privacy {
margin: 0 14px;
}
#mizumawari-campaign .section15 strong {
color: #222 !important;
font-weight: bold !important;
background: linear-gradient(transparent 60%, #f6bc5b 0%) !important;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section15 .itemform {
width: 95%;
}
#mizumawari-campaign .section15 div.wpcf7c-elm-step1.form_description p {
margin: 0 auto 2%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section15 .itemform {
width: 92%;
}
}*/
/*footer*/
.lp_top #layout04.footer_02 {
padding: 0;
}
/*add watanabe*/
@media screen and (max-width: 414px) {
#mizumawari-campaign .section03 .water-h2__span01 {
font-size: 14px;
}
#mizumawari-campaign .section03 .water-h2__span02 {
font-size: 16px;
}
#mizumawari-campaign .section03 .water-h2__span03 {
font-size: 12px;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .section01 .water-h2__span01 {
font-size: 14px;
}
#mizumawari-campaign .section01 .water-h2__span02 {
font-size: 16px;
}
#mizumawari-campaign .section01 .water-h2__span03 {
font-size: 12px;
}
}
/*関根追加20211121*/
.tc {
max-width: none;
}
#mizumawari-campaign .section05 {
padding: 50px 0 70px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section05 {
padding: 5% 0 7%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section05 {
padding: 5% 0 6%;
}
}
#mizumawari-campaign .section05__inner--cnt {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#mizumawari-campaign .section05__inner--cnt li {
width: 452px;
max-width: 452px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section05__inner--cnt li {
width: 48%;
}
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section05__inner>img {
width: 46%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section05__inner>img {
width: 50%;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table {
margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table {
margin-bottom: 4%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table {
margin-bottom: 5%;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr {
margin-bottom: 2%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr {
margin-bottom: 5%;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr td:nth-of-type(1) {
display: block;
width: 185px;
height: 33px;
line-height: 33px;
font-size: 20px;
background-color: #333;
text-align: center;
color: #fff;
margin-right: 20px;
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr td:nth-of-type(1) {
width: 135px;
font-size: 16px;
margin-right: 10px;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr td:nth-of-type(1) {
width: 115px;
font-size: 14px;
margin-right: 10px;
}
}
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr td:nth-of-type(2) {
font-size: 18px;
color: #000;
vertical-align: middle;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr td:nth-of-type(2) {
width: calc(100% - 205px);
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr td:nth-of-type(2) {
width: calc(100% - 145px);
font-size: 16px;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .section07__inner .section07__inner--cnt--01 .section07__inner--cnt--01--table tr td:nth-of-type(2) {
width: calc(100% - 125px);
font-size: 15px;
line-height: 1.3em;
}
}
#mizumawari-campaign .water-h2 {
height: auto;
}
#mizumawari-campaign .water-h2 .water-h2__span04 {
color: #2c92c7;
font-size: 30px;
}
#mizumawari-campaign .section07__inner .water-h2 .water-h2__span01 {
font-size: 26px;
}
#mizumawari-campaign .water-h2__span02 {
font-size: 28px;
}
#mizumawari-campaign .water-h2__span03 {
font-size: 24px;
}
#mizumawari-campaign .section07 .area {
width: 100%;
}
#mizumawari-campaign .section07__inner .water-h2 {
width: 750px;
}
#mizumawari-campaign .section10__inner--cnt>li h4 .section10__inner--cnt--h4--span02 {
padding: 10px;
margin: 0 10px;
}
#mizumawari-campaign .water-h2 .water-h2__span05 {
color: #2c92c7;
background: linear-gradient(transparent 60%, #ffef66 60%);
font-size: 2.2rem;
}
#mizumawari-campaign .section10__inner--cnt>li:nth-of-type(3) h5 {
margin: 40px auto 10px;
}
#mizumawari-campaign .section05__inner--cnt {
margin-bottom: 10px;
}
#mizumawari-campaign .section10__inner--cnt>li h4 .section10__inner--cnt--h4--span02 {
margin: 0 5px;
padding: 5px;
}
@media screen and (max-width: 1024px) {
#mizumawari-campaign .water-h2 .water-h2__span04 {
font-size: 24px;
}
#mizumawari-campaign .section01__inner .water-h2 {
width: 94%;
}
#mizumawari-campaign .section10__inner--cnt>li:nth-of-type(3) h5 {
margin: 4% auto 1%;
}
#mizumawari-campaign .section10__inner--cnt>li:nth-of-type(3) h5 {
margin: 4% auto 1%;
}
#mizumawari-campaign .section05__inner--cnt {
margin-bottom: 1%;
}
}
@media screen and (max-width: 767px) {
#mizumawari-campaign .water-h2 .water-h2__span04 {
background: linear-gradient(transparent 60%, #ffef66 60%);
}
#mizumawari-campaign .section01__inner .water-h2 {
max-width: none;
width: 96%;
line-height: 1.33em;
padding: 10px 0;
font-size: 5vw;
}
#mizumawari-campaign .water-h2__span02 {
font-size: 16px;
}
#mizumawari-campaign .water-h2__span03 {
font-size: 15px;
}
#mizumawari-campaign .section07__inner .water-h2 {
width: 96%;
}
#mizumawari-campaign .section07__inner .water-h2 .water-h2__span01 {
font-size: 16px;
}
#mizumawari-campaign .section07__inner .water-h2 span:last-of-type::after {
top: -15px;
}
#mizumawari-campaign .section10__inner--cnt>li:nth-of-type(3) h5 {
margin: 6% auto 1%;
}
#mizumawari-campaign .water-h2 .water-h2__span05 {
font-size: 5vw;
}
}
@media screen and (max-width: 414px) {
#mizumawari-campaign .section07__inner .water-h2 .water-h2__span01 {
font-size: 11px;
letter-spacing: 0;
}
#mizumawari-campaign .water-h2__span03 {
font-size: 11px;
}
#mizumawari-campaign .water-h2__span02 {
font-size: 14px;
}
#mizumawari-campaign .section10__inner--cnt>li h4 .section10__inner--cnt--h4--span02 {
padding: 5px;
margin: 0 5px;
}
}
@media screen and (max-width: 374px) {
#mizumawari-campaign .section07__inner .water-h2 span {
font-size: 10px;
letter-spacing: 0;
}
#mizumawari-campaign .section07__inner .water-h2 .water-h2__span01 {
font-size: 10px;
}
#mizumawari-campaign .section10__inner--cnt>li h4 span {
font-size: 15px;
}
}
@media screen and (min-width: 640px) {
.button-link {
pointer-events: none;
}
}
.page-id-5804 {
.cta-floating {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.modal-open.button-link {
pointer-events: none;
}
}