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


html{box-sizing: border-box;font-size: 10px;}
body {margin:0;overflow-x: auto; overflow-y: auto;}
img {width: 100%;vertical-align: bottom;}
* {margin: 0; padding: 0;}



#zenharen-01 {width: 100%;padding-bottom: 10%; background-image: url("../img/ZENHAREN-PC-001-bg.jpg");background-position: top;background-repeat: no-repeat;background-size:cover;}
.zenharen-01-text {width: 40%;padding-left: 50%;padding-top: 10%;}
.zenharen-01-honbun {width: 100%;margin: 30% auto 0;text-align: center;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.zenharen-01-title {font-size: 4rem;color: dimgray;}
.zenharen-01-tokubetsukakaku {font-size: 3.5rem;margin: 5% auto 0;color: dimgray;}
.zenharen-01-youryou {font-size: 2.5rem;color: dimgray;}
.zenharen-01-tsujokakaku {font-size: 3rem;margin: 0 auto;color: dimgray;}
.zenharen-01-arrow {color: indianred;margin: 0 auto;font-size: 2rem;}
.zenharen-01-now {font-size: 6rem;margin: 2% auto 0;color: dimgray;}
.zenharen-01-price {font-size: 9rem;margin: 0 auto 5%;color: dimgray;}
.kounyu01 {width: 30%; margin: 0 auto;}
.login-pass {width: 30%; text-align: center;font-size: 2rem;font-family:'Noto Sans JP', sans-serif; margin: 0 auto;color: red;background-color: white;padding: 2%;}




#zenharen-02 {width: 100%;padding: 5% 0; background-image: url("../img/ZENHAREN-002-bg.jpg");background-position: center;background-repeat: no-repeat;background-size:100%;}
.zenharen-02-text {margin: 20% auto 0;text-align: center; color: dimgray;font-family: 'Shippori Mincho B1', serif;font-size: 4rem;}
.zenharen-02-textsmall {margin: 5% auto 25%;text-align: center;font-family:'Noto Sans JP', sans-serif; color: dimgray;font-size: 2rem;}


#zenharen-03 {width: 100%;padding: 5% 0; background-image: url("../img/ZENHAREN-003-bg.jpg");background-position: top;background-repeat: no-repeat;background-size:cover;}
.zenharen-03-title {width: 50%;margin: 5% auto;}
.zenharen-03-photo {width: 30%;margin: 5% auto;}
.zenharen-03-honbun {width: 60%;margin: 5% auto 10%;color: dimgray;text-align: center; font-size: 2rem; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";line-height: 2em;}



#zenharen-04 {width: 100%;padding: 5% 0; background-image: url("../img/ZENHAREN-004-bg.jpg");background-position: top;background-repeat: no-repeat;background-size:cover;}
.zenharen-04-text01 {width: 45%;margin: 10% auto 10%;}
.kounyu02 {width: 30%; margin: 3% auto;}
.zenharen-04-text02 {width: 50%;margin: 30% auto 5%;}


#zenharen-05 {width: 100%;padding: 5% 0;background-image: url("../img/ZENHAREN-005-bg.jpg");background-position: center;background-repeat: no-repeat;background-size:cover;}
.zenharen-05-product {margin-top:5%;color:white;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-size: 8rem;text-align: center;}
.zenharen-05-title {width: 60%;margin: 5% auto 2%;color: white; background-color: #e898b2;padding: 10px 0;text-align: center;font-size: 2rem;font-family: 'Shippori Mincho B1', serif;}
.zenharen-05-setsumei {font-weight: bold; text-align: center;font-size: 2rem;color: dimgray;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.zenseibun {width: 50%; margin: 5% auto; font-size: 1.2rem;font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; color: black;}


#zenharen-06 {width: 100%;padding: 2% 0;background-image: url("../img/ZENHAREN-006-bg.jpg");background-position: top;background-repeat: no-repeat;background-size:cover;}
.zenharen-06-title {width: 80%; margin: 10% auto 0; color: dimgray;text-align: center; padding: 10px 0;font-size: 6rem;font-family: 'Zen Antique', serif;}
.zenharen-06-photo {width: 50%; margin: 5% auto;}
.zenharen-06-text-honbun { margin: 0 auto 10%; text-align: center; color: dimgray;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 2.4rem;line-height: 2.3em;}



#zenharen-07 {width: 100%;padding: 2% 0;background-image: url("../img/ZENHAREN-007-bg.jpg");background-position: top;background-repeat: repeat;background-size:100%;}
.zenharen-07-title {width: 80%; margin: 20% auto 2%;}
.zenharen-07-photo-beforafter {width: 70%; margin: 0 auto 10%;}
.zenharen-07-zenharen-table {width: 80%;margin: 0 auto;}
.zenharen-07-photo-title {width: 70%; margin: 15% auto 5%;}
.zenharen-07-photo-step {width: 80%; margin: 15% auto 10%;}
.zenharen-07-photo-step-sp {display: none;}


.zenharen-07-movie-logo {width: 30%;margin: 20% auto 0;border-bottom: thin solid black;padding-bottom: 2%;}
.zenharen-07-text {text-align: center;color: dimgray;margin: 2% auto;letter-spacing: 0.5em; font-size: 2rem; font-family: Georgia, "Times New Roman", Times, "serif";}
.zenharen-07-text span {margin-right: -0.5em;}
.zenharen-07-movie-title {width: 30%; margin: 10% auto 0; text-align: center;background-color: white; padding: 10px;color:dimgray; font-family:"Palatino Linotype", "Book Antiqua", Palatino, "serif";font-size: 2rem;}
.zenharen-07-movie01  {width: 70%; margin: 0 auto;border: thick double #ffffff;}
.zenharen-07-movie02  {width: 70%; margin: 0 auto;border: thick double #ffffff;}
.zenharen-07-movie03  {width: 70%; margin: 0 auto;border: thick double #ffffff;}


.zenharen-07-shouhin {}
.zenharen-07-shouhin-photo {width: 40%;margin: 15% auto 0;}
.zenharen-07-shouhin-logo {width: 30%; margin: 10% auto 3%;}
.zenharen-07-tokubetsukakaku {color: dimgray;font-size: 3.5rem;margin: 0 auto;text-align: center;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.zenharen-07-youryou {color: dimgray;font-size: 2.5rem;text-align: center;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.zenharen-07-tsujokakaku {font-size: 3rem;margin: 1% auto 0;color: dimgray;text-align: center;}
.zenharen-07-arrow {color: indianred;margin: 0 auto 1%;font-size: 2rem;text-align: center;}
.zenharen-07-now {color: dimgray;font-size:6rem;margin: 0 auto; text-align: center;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.zenharen-07-price {color: dimgray;font-size: 8rem;margin: 0 auto 5%;text-align: center;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}

.line-text {text-align: center; margin: 10% auto 0; font-size: 2.5rem; font-family:'Noto Sans JP', sans-serif;}
.line-touroku {margin: 2% auto 0;width: 30%;}
.qr {width: 20%;margin: 2% auto;}
.search {width: 30%; margin: 2% auto 10%;}
.address {margin: 10% auto 0;color: dimgray; font-family:'Noto Sans JP', sans-serif;font-size: 2rem;text-align: center;}
.telephone {margin: 2% auto 6%;color: dimgray; font-family:'Noto Sans JP', sans-serif; font-size: 2.5rem;text-align: center;}
.telephone a {text-decoration-line: none;color: dimgray;}
.telephone a:hover {color: hotpink;}

#bottom-banner {width: 80%; display: flex;margin: 0 auto 10%;background-color: white;}
.banner-cosim {width: 98%; margin: 1%;}
.banner-totto {width: 98%; margin: 1%;}

footer {z-index: 5;font-size: 1rem; background-color:#4CB5B9;text-align: center;font-family:'Noto Sans JP', sans-serif;color:white;padding: 1%;clear: both;}