@charset "UTF-8";
/*
Theme Name: 【森猫堂】
 */

/*全体
--------------------------------------------------------------------------*/
html {
  font-size: 62.5%;
}

body {
	margin: 0;
	padding: 0;
	COLOR: #212121;
	FONT-SIZE:20px;
font-family: 'Noto Serif JP',"メイリオ", Osaka, "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック";
	LINE-HEIGHT: 150%;
	text-align: center;
	background: #fff;
}

/*paddingとborderをwidthに含める*/
* {	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

#con{
    width:100%;
	height:auto;
	margin:0px auto;
	padding:0;
	position:relative;
	text-align: center;
}

/*page-top用*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

img{
	border:0;
}

a:link,a:visited{
	outline:0;
	color:#8fa702;
}

a:hover{
	outline:0;
	color: #8fa702;
}

a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

br.sp{
	display:inherit;
}
br.spt{
	display:inherit;
}
br.spm{
	display:inherit;
}
br.sm{
	display:none;
}
br.smt{
	display:none;
}
br.smm{
	display:none;
}
.nsp{
	display:inherit;
}
.nst{
	display:none;
}
.nss{
	display:none;
}

/*ヘッダ
--------------------------------------------------------------------------*/
#header-box{
clear: both;
width: 1400px;
height: auto;
margin: 0 auto;
padding: 10px 0;
text-align: left;
}

header{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 0;
background: #116c40;
text-align: left;
}

#header-nav{
clear: both;
width: 1400px;
height: auto;
margin: 0 auto;
padding: 0;
}
#header-nav img{
margin: 10px 0;
}

menu{
float: right;
width: 80%;
height: auto;
margin: 10px 0;
padding: 0;
}

menu ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: right;
}
menu li{
display: inline;
font-size: 1.8rem;
list-style-type: none;
margin: 0 0 0 3%;
padding: 0;
text-align: center;
line-height: 46px;
}
menu li a:link,menu li a:visited{
text-decoration: none;
color: #d7b84a;
}
menu li a:hover{
text-decoration: underline;
}

#sm-menu{
display: none;
}

#photo{
clear: both;
width: 100%;
height: auto;
min-height: 755px;
margin: 0 auto;
padding: 0;
text-align: center;
background: url(https://herbpeeling.jp/image/photo.png) no-repeat center top;
}
@media only screen and (max-width: 1080px) {
#photo{
clear: both;
width: 100%;
height: auto;
min-height: 552px;
margin: 0 auto;
padding: 0;
text-align: center;
background: url(https://herbpeeling.jp/image/photo1024.png) no-repeat center top/100%;
}
}
@media only screen and (max-width: 800px) {
#photo{
clear: both;
width: 100%;
height: auto;
min-height: 432px;
margin: 0 auto;
padding: 0;
text-align: center;
background: url(https://herbpeeling.jp/image/photo800.png) no-repeat center top;
}
}
@media only screen and (max-width: 640px) {
#photo{
clear: both;
width: 100%;
height: auto;
min-height: 346px;
margin: 0 auto;
padding: 0;
text-align: center;
background: url(https://herbpeeling.jp/image/photo640.png) no-repeat center top;
}
}
@media only screen and (max-width: 479px) {
#photo{
clear: both;
float: left;
width: 100%;
height: auto;
min-height: 225px;
margin: 70px auto 0;
padding: 0;
text-align: center;
background: url(https://herbpeeling.jp/image/photo479.png) no-repeat center top/100%;
}
}

#info-top,#info,#info2,#info3,#info-mail,#info-voice,#info-before{
clear: both;
width: 1400px;
height: auto;
margin: 0 auto;
padding:50px 0 60px;
text-align: center;
background: url(https://herbpeeling.jp/image/info1.png) no-repeat 10% 50%,url(https://herbpeeling.jp/image/info5.png) no-repeat right 50%/22%;
}
#info-top{
padding:50px 0 20px;
}
#info2{
background: url(https://herbpeeling.jp/image/info4.png) no-repeat left 80%,url(https://herbpeeling.jp/image/info5.png) no-repeat right 50%/22%;
}
#info3{
padding:20px 0 0;
background: none;
}
#info-before{
background: url(https://herbpeeling.jp/image/info5.png) no-repeat 10% 50%/22%,url(https://herbpeeling.jp/image/he-met.png) no-repeat 90% 50%/23%;
}
@media only screen and (max-width: 1280px) {
#info-top,#info,#info2,#info3,#info-mail,#info-voice,#info-before{
clear: both;
width: 100%;
height: auto;
margin: 0 auto;
padding:50px 0 60px;
text-align: center;
background: url(https://herbpeeling.jp/image/info1.png) no-repeat 3% 50%/25%,url(https://herbpeeling.jp/image/info5.png) no-repeat 95% 50%/22%;
}
#info-top{
padding:50px 0 20px;
}
#info2{
background: url(https://herbpeeling.jp/image/info4.png) no-repeat 5% 50%/22%,url(https://herbpeeling.jp/image/info5.png) no-repeat 95% 50%/22%;
}
#info3{
padding:20px 0 0;
background: none;
}
#info-before{
background: url(https://herbpeeling.jp/image/info5.png) no-repeat 5% 50%/22%,url(https://herbpeeling.jp/image/he-met.png) no-repeat 95% 50%/23%;
}
}
@media only screen and (max-width: 1080px) {
#info-top,#info,#info2,#info3,#info-mail,#info-voice,#info-before{
clear: both;
width: 100%;
height: auto;
margin: 0 auto;
padding:50px 0 60px;
text-align: center;
background: url(https://herbpeeling.jp/image/info1.png) no-repeat 1% 50%/25%,url(https://herbpeeling.jp/image/info5.png) no-repeat 95% 50%/22%;
}
#info-top{
padding:50px 0 20px;
}
#info2{
background: url(https://herbpeeling.jp/image/info4.png) no-repeat 5% 50%/21%,url(https://herbpeeling.jp/image/info5.png) no-repeat 95% 50%/22%;
}
#info3{
padding:20px 0 0;
background: none;
}
#info-before{
background: url(https://herbpeeling.jp/image/info5.png) no-repeat 5% 50%/22%,url(https://herbpeeling.jp/image/he-met.png) no-repeat 95% 50%/23%;
}
}
@media only screen and (max-width: 479px) {
#info-top,#info,#info2,#info3,#info-mail,#info-voice,#info-before{
clear: both;
width: 100%;
height: auto;
margin: 0 auto;
padding:20px 0 60px;
text-align: center;
background: url(https://herbpeeling.jp/image/info1.png) no-repeat 1% 50%/20%,url(https://herbpeeling.jp/image/info5.png) no-repeat 95% 50%/22%;
}
#info-top{
background: url(https://herbpeeling.jp/image/info5.png) no-repeat 95% 100%/22%;
padding:20px 0 0;
margin: 0 auto 40px;
}
#info-voice{
padding:20px 0 10px;
background: url(https://herbpeeling.jp/image/info1.png) no-repeat 1% 65%/20%,url(https://herbpeeling.jp/image/info5.png) no-repeat 95% 65%/22%;
}
#info-mail{
clear: both;
width: 100%;
height: auto;
margin: 0 auto;
padding:20px 0 80px;
text-align: center;
background: url(https://herbpeeling.jp/image/info5.png) no-repeat 95% 50%/22%;
}
#info2{
padding:20px 0 10px;
background: url(https://herbpeeling.jp/image/info4.png) no-repeat 5% 75%/23%,url(https://herbpeeling.jp/image/info5.png) no-repeat 95% 75%/22%;
}
#info3{
padding:20px 0 0;
background: none;
}
#info-before{
padding:20px 0 10px;
background: url(https://herbpeeling.jp/image/info5.png) no-repeat 5% 70%/22%,url(https://herbpeeling.jp/image/he-met.png) no-repeat 95% 70%/23%;
}
}

#info-top p,#info3 p,#info p,#info2 p,#info-mail p,#info-voice p,#info-before p{
text-align: center;
margin: 0 0 50px;
padding: 0;
line-height: 150%;
font-size: 3.0rem;
color: #c28b3c;
}
#info-top p .f50,#info3 p .f50,#info p .f50,#info2 p .f50,#info-mail p .f50,#info-voice p .f50,#info-before p .f50{
font-size: 5.0rem;
color: #212121;
line-height: 150%;
}
#info-top p .f20,#info3 p .f20,#info p .f20,#info2 p .f20,#info-mail p .f20,#info-voice p .f20,#info-before p .f20{
font-size: 2.0rem;
color: #212121;
line-height: 150%;
}
#info-mail p .f40{
font-size: 4.0rem;
color: #212121;
line-height: 150%;
}
@media only screen and (max-width: 1280px) {
#info-top p,#info3 p,#info p,#info2 p,#info-mail p,#info-voice p,#info-before p{
text-align: center;
margin: 0 0 40px;
padding: 0;
line-height: 150%;
font-size: 3.0rem;
color: #c28b3c;
}
#info-top p .f50,#info3 p .f50,#info p .f50,#info2 p .f50,#info-mail p .f50,#info-voice p .f50,#info-before p .f50{
font-size: 5.0rem;
color: #212121;
line-height: 140%;
}
#info-top p .f20,#info3 p .f20,#info p .f20,#info2 p .f20,#info-mail p .f20,#info-voice p .f20,#info-before p .f20{
font-size: 2.0rem;
color: #212121;
line-height: 150%;
}
#info-mail p .f40{
font-size: 4.0rem;
color: #212121;
line-height: 150%;
}
}
@media only screen and (max-width: 479px) {
#info-top p,#info p,#info2 p,#info3 p,#info-mail p,#info-voice p,#info-before p{
text-align: center;
margin: 0 0 40px;
padding: 0;
line-height: 150%;
font-size: 3.0rem;
color: #c28b3c;
}
#info-top p{
margin: 0 0 20px;
font-size: 17px;
}
#info-top p.p-left{
text-align:center;
margin: 0 0 0 -25%;
}
#info-voice p{
font-size: 20px;
}
#info-before p{
font-size: 17px;
}
#info2 p{
font-size: 2.2rem;
}
#info-mail p{
font-size:18px;
margin: 0 0 20px;
}
#info-mail p.p-left{
text-align: center;
margin: 0 0 0 -25%;
}
#info-top p .f50,#info-mail p .f50,#info p .f50,#info2 p .f50,#info-voice p .f50,#info-before p .f50{
font-size: 5.0rem;
color: #212121;
line-height: 140%;
}
#info3 p .f50{
font-size: 4.0rem;
color: #212121;
line-height: 140%;
}
#info-top p .f20,#info-mail p .f20,#info p .f20,#info3 p .f20,#info-voice p .f20,#info-before p .f20{
text-align: center;
margin: 0 0 10px;
padding: 0;
line-height: 150%;
font-size: 2.0rem;
color: #212121;
}
#info-mail p .f40{
font-size: 4.0rem;
color: #212121;
line-height: 150%;
}
}

/*メイン
--------------------------------------------------------------------------*/
main{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}

main p{
	margin:0 0 30px;
	padding:0;
	text-align:justify;
	text-justify:inter-ideograph;
}

strong{
font-size: 1.1em;
}

#prog{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 0 100px;
background: #f7f4eb;
}
#prog-box{
clear: both;
width: 1400px;
height: auto;
margin: 0 auto;
padding: 70px 0 0;
background: url(https://herbpeeling.jp/image/prog-back-left.png) no-repeat left top,url(https://herbpeeling.jp/image/prog-back-right.png) no-repeat right top;
}
#prog h1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
text-align: center;
line-height: 150%;
font-size: 4.0rem;
font-weight: normal;
}
#prog-info{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 0 5% 0 5%;
}
#prog-info img{
float: right;
margin: 0 0 0 5%;
}
#prog-info p{
font-size: 2.5rem;
text-align: left;
margin: 0 0 50px 5%;
line-height: 150%;
}
#prog-info blockquote{
margin: 0 0 0 15%;
padding: 0;
text-align: left;
font-family: "メイリオ", Osaka, "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック";
font-size: 2.0rem;
line-height: 200%;
}

#peel-toha{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
#peel-toha h1{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 90px 0 100px;
text-align: center;
color: #fff;
font-weight: normal;
font-size: 5.0rem;
line-height: 110%;
background: url(https://herbpeeling.jp/image/peel-toha-back.png) repeat-x center top;
}
@media only screen and (max-width: 800px) {
#peel-toha h1{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 50px 0 50px;
text-align: center;
color: #fff;
font-weight: normal;
font-size: 5.0rem;
line-height: 110%;
background: url(https://herbpeeling.jp/image/peel-toha-back.png) repeat-x center top;
}
}
@media only screen and (max-width: 479px) {
#peel-toha h1{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 20px 0 20px;
text-align: center;
color: #fff;
font-weight: normal;
font-size: 32px;
line-height: 110%;
background: url(https://herbpeeling.jp/image/peel-toha-back.png) repeat-x center top;
}
}
#peel-toha h1 .f20{
font-size: 2.0rem;
}
#peel-toha-info{
clear: both;
width: 1400px;
height: auto;
margin: 0 auto;
padding: 60px 0 70px;
text-align: center;
background: url(https://herbpeeling.jp/image/peel-toha-info-left.png) no-repeat left top,url(https://herbpeeling.jp/image/peel-toha-info-right.png) no-repeat right top;
}
#peel-toha-info p{
text-align: center;
line-height: 150%;
font-size: 3.0rem;
margin: 0 0 100px;
}

#peel-box{
clear: both;
width: 1400px;
height: auto;
margin: 0 auto;
padding: 0;
}

#seibun{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
#seibun h2{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 30px 0;
background: #1c8552;
color: #fff;
font-weight: normal;
font-size: 4.5rem;
line-height: 100%;
text-align: center;
}
#seibun h2.bno{
display: none;
}
#seibun-text{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 100px 0 0;
background: url(https://herbpeeling.jp/image/seibun-back-left.png) no-repeat left top,url(https://herbpeeling.jp/image/seibun-back-right.png) no-repeat right top;
}
#seibun-text img.bno{
display: none;
}
@media only screen and (max-width: 1366px) {
#seibun-text{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 100px 3% 0;
background: url(https://herbpeeling.jp/image/seibun-back-left.png) no-repeat left top/30%,url(https://herbpeeling.jp/image/seibun-back-right.png) no-repeat right top/30%;
}
}
@media only screen and (max-width: 1280px) {
#seibun-text{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 100px 3% 0;
background: url(https://herbpeeling.jp/image/seibun-back-left.png) no-repeat left top/25%,url(https://herbpeeling.jp/image/seibun-back-right.png) no-repeat right top/25%;
}
}
@media only screen and (max-width: 1080px) {
#seibun-text{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 100px 3% 0;
background: url(https://herbpeeling.jp/image/seibun-back-left.png) no-repeat left top/20%,url(https://herbpeeling.jp/image/seibun-back-right.png) no-repeat right top/20%;
}
}
@media only screen and (max-width: 479px) {
#seibun-text{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding:70px 3% 0;
background: url(https://herbpeeling.jp/image/seibun-back-left.png) no-repeat left top/35%,url(https://herbpeeling.jp/image/seibun-back-right.png) no-repeat right top/35%;
}
#seibun-text img{
display: none;
}
#seibun-text img.bno{
display: inherit;
margin: 0 0 30px;
}
}

#seibun-waku{
clear: both;
width: 100%;
height: auto;
margin: 30px 0 0;
padding: 0 3%;
}
.seibun-box{
float: left;
width: 18%;
height: auto;
margin: 0 1%;
padding: 0;
text-align: center;
}
.seibun-box img{
margin: 0 0 20px;
}
.seibun-box p{
text-align: center;
line-height: 150%;
margin: 0 0 20px;
padding: 0;
font-size: 13px;
}
.seibun-box p.sei-t{
font-size: 2.0rem;
}

#seibun-flow{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 50px 0 0;
padding: 0;
text-align: center;
}
#seibun-flow p{
text-align: center;
font-size: 2.5rem;
margin: 0 0 50px;
line-height: 150%;
}
#seibun-flow1{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 0 0 50px;
background: url(https://herbpeeling.jp/image/seibun-flow1.png) no-repeat center bottom;
text-align: left;
}
#seibun-flow1 img{
margin: 0 0 0 5%;
}
#seibun-flow1 p{
font-size: 3.0rem;
line-height: 180%;
margin: 30px 0 0 7%;
padding: 0;
text-align: left;
}

#seibun-flow2{
clear: both;
width: 100%;
height: auto;
margin: 50px 0 0;
padding: 0;
text-align: center;
}
#seibun-flow2 p{
font-size: 3.0rem;
line-height: 180%;
margin: 0 0 50px;
padding: 0;
text-align:center;
}
#seibun-flow2 img{
margin: 0 0 50px;
}
#seibun-flow2 p.f40{
font-size: 4.0rem;
line-height: 150%;
}

#peel-8kouka{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 50px 0 0;
padding: 0;
}
#peel-8kouka h2{
clear: both;
width: 100%;
height: auto;
margin: 0 0 40px;
padding: 30px 0;
background: #1c8552;
color: #fff;
font-weight: normal;
font-size: 4.5rem;
line-height: 100%;
text-align: center;
}
#peel-8kouka h2 span{
font-size: 8.0rem;
}

#peel-8kouka img.nsp{
margin: 0 auto;
}

#peel-tokucho{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 100px 0 0;
padding: 0;
}
#peel-tokucho h2{
clear: both;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 30px 0;
background: #1c8552;
color: #fff;
font-weight: normal;
font-size: 4.5rem;
line-height: 100%;
text-align: center;
}

.peel-tokucho-box{
float: left;
width: 48%;
height: auto;
margin: 0 1% 30px;
padding: 10px;
border: 2px solid #1c8552;
background: #f7f4eb;
}
.peel-tokucho-text,.peel-tokucho-text2,.peel-tokucho-text3,.peel-tokucho-text4{
width: 100%;
float: left;
height: auto;
margin: 0;
padding:25px 0 30px;
background: url(https://herbpeeling.jp/image/peel-tokucho1.png) no-repeat 3% 85%,#fff;
}
.peel-tokucho-text2{
background: url(https://herbpeeling.jp/image/peel-tokucho2.png) no-repeat 3% 85%,#fff;
}
.peel-tokucho-text3{
background: url(https://herbpeeling.jp/image/peel-tokucho3.png) no-repeat 3% 85%,#fff;
}
.peel-tokucho-text4{
background: url(https://herbpeeling.jp/image/peel-tokucho4.png) no-repeat 3% 85%,#fff;
}
.peel-tokucho-left{
float: left;
width: 30%;
margin: 0 0 0 -10px;
padding: 0;
text-align: left;
}
.peel-tokucho-right{
float: right;
width: 70%;
margin: 0;
padding: 0 0 0 3%;
text-align: left;
}
.peel-tokucho-sm{
display: none;
}
.peel-tokucho-right h3{
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0;
line-height: 120%;
text-align: left;
font-size: 3.5rem;
}
.peel-tokucho-right h3.bno2{
display: none;
}
.peel-tokucho-right p{
text-align: left;
line-height: 200%;
margin: 0;
font-size: 1.8rem;
font-family: "メイリオ", Osaka, "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック";
}

#peel-hada{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 70px 0 0;
padding: 0;
}
#peel-hada h2{
clear: both;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 30px 0;
background: #1c8552;
color: #fff;
font-weight: normal;
font-size: 4.5rem;
line-height: 100%;
text-align: center;
}

.peel-hada-box{
float: left;
width: 31.3%;
height: auto;
margin: 0 1% 50px;
padding: 0;
text-align: center;
}
.peel-hada-box p{
text-align: center;
line-height: 100%;
margin: 0 0 15px;
font-size: 2.5rem;
}

#met-toha{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 100px 0 0;
padding: 0;
}
#met-toha h1{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 90px 0 100px;
text-align: center;
color: #fff;
font-weight: normal;
font-size: 5.0rem;
line-height: 110%;
background: url(https://herbpeeling.jp/image/peel-toha-back.png) repeat-x center top;
}
@media only screen and (max-width:800px) {
#met-toha h1{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 50px 0 50px;
text-align: center;
color: #fff;
font-weight: normal;
font-size: 5.0rem;
line-height: 110%;
background: url(https://herbpeeling.jp/image/peel-toha-back.png) repeat-x center top;
}
}
@media only screen and (max-width:479px) {
#met-toha h1{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 20px 0 20px;
text-align: center;
color: #fff;
font-weight: normal;
font-size: 32px;
line-height: 110%;
background: url(https://herbpeeling.jp/image/peel-toha-back.png) repeat-x center top;
}
}
#met-toha h1 .f20{
font-size: 2.0rem;
}

#met-info{
clear: both;
width: 1400px;
height: auto;
margin: 0 auto;
padding: 0;
text-align: center;
}
#met-info img{
margin: 0 0 50px;
}
#met-info p{
text-align: center;
line-height: 150%;
font-size: 3.0rem;
margin: 0 0 50px;
}
#met-text{
clear: both;
width:100%;
margin: 0 auto;
padding: 0 0 0 50%;
background: url(https://herbpeeling.jp/image/met2.png) no-repeat 25% 50%;
}
#met-text p{
font-size: 2.5rem;
margin: 0 0 50px;
line-height: 180%;
text-align: left;
}
#met-text p.f40{
font-size: 4.0rem;
line-height: 150%;
}

#met-hada{
clear: both;
width: 1400px;
height: auto;
margin: 70px auto 0;
padding: 0;
}
#met-hada h2{
clear: both;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 30px 0;
background: #1c857a;
color: #fff;
font-weight: normal;
font-size: 4.5rem;
line-height: 100%;
text-align: center;
}
.met-hada-box{
float: left;
width: 33%;
height: auto;
margin: 0;
padding: 0;
text-align: center;
}
.met-hada-box p{
text-align: center;
line-height: 100%;
margin: 0 0 15px;
font-size: 2.5rem;
}

#nara{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 0 250px;
text-align: center;
background: url(https://herbpeeling.jp/image/nara-back2.png) no-repeat center bottom;
}
#nara h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -8px 0 20px;
padding: 35px 0 40px;
text-align: center;
background: url(https://herbpeeling.jp/image/nara-back-bottom.png) no-repeat center top/50%,#f7f4eb;
font-size: 5.0rem;
line-height: 120%;
}
.nara-box{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: center;
}
.nara-box img{
margin: 1%;
}
#nara img.bno{
display: none;
}

#flow{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding:0;
text-align: center;
}
 #flow h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 70px 0 20px;
padding: 35px 0 40px;
text-align: center;
background: #f7f4eb;
font-size: 5.0rem;
line-height: 120%;
}
#flow p{
text-align: center;
}
#flow-text{
clear: both;
width: 1400px;
height: auto;
margin: 0 auto;
padding: 0;
}
#flow1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
}
.flow1-box{
float: left;
width: 27.3%;
height: auto;
margin: 0 3%;
padding: 15px 0 0;
border-top:1px solid #1c857a;
}
#flow1 h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0;
text-align: center;
line-height: 150%;
font-weight: normal;
font-size: 3.0rem;
}
#flow1 h3 span{
margin: 0 0 0 1%;
padding: 0 20px;
font-size: 5.0rem;
line-height: 100%;
color: #fff;
background: #1c8552;
}
#flow1 img{
margin: 0 0 30px;
}
#flow1 p{
text-align: left;
line-height: 180%;
margin: 0 0 30px;
font-size: 1.8rem;
}

#flow2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 50px 0 0;
border-top:1px solid #1c857a;
}
#flow2 p{
text-align: center;
font-size: 3.5rem;
}
#flow2-box{
clear: both;
float: left;
width: 80%;
margin: 30px 10% 0;
padding: 0;
}
#flow2-box img{
float: left;
margin: 0 5% 0 0;
}
#flow2 #flow2-box p{
text-align: left;
font-size: 2.0rem;
}

#step4,#step5,#step6{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 50px 0 0;
border-top:1px solid #1c857a;
}
#step4-pict,#step5-pict,#step6-pict{
float: left;
width: 40%;
text-align: center;
}
#step4-text,#step5-text,#step6-text{
float: right;
width: 60%;
margin: 0;
padding: 0;
text-align: left;
}
#step4-text p,#step5-text p,#step6-text p{
text-align: left;
margin: 0 0 30px;
}
#step4 h3,#step5 h3,#step6 h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0;
text-align: left;
line-height: 150%;
font-weight: normal;
font-size: 3.0rem;
}
#step4 h3 span,#step5 h3 span,#step6 h3 span{
margin: 0 2% 0 1%;
padding: 0 20px;
font-size: 5.0rem;
line-height: 100%;
color: #fff;
background: #1c8552;
}

#step-last{
clear: both;
width: 1000px;
margin: 20px auto 0;
padding: 0;
}
#step-last img{
margin: 0 0 30px 0;
}
#step-last blockquote{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px 0;
padding: 15px 30px;
border: 1px solid #000;
font-size: 1.5rem;
}

.step-sm-pict{
display:none;
}

#sa{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding:150px 0 50px;
text-align: center;
background: url(https://herbpeeling.jp/image/sa-left-top.png) no-repeat left top, url(https://herbpeeling.jp/image/sa-center-top.png) no-repeat center top, url(https://herbpeeling.jp/image/sa-right-top.png) no-repeat right top, url(https://herbpeeling.jp/image/sa-left-center.png) no-repeat left center, url(https://herbpeeling.jp/image/sa-right-center.png) no-repeat right center, url(https://herbpeeling.jp/image/sa-left-bottom.png) no-repeat left bottom, url(https://herbpeeling.jp/image/sa-right-bottom.png) no-repeat right bottom;
}
#sa p{
font-size: 2.5rem;
margin: 0 0 50px;
text-align: center;
line-height: 150%;
}

#corse{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
background: #1c857a;
}
#corse-box{
clear: both;
width: 1400px;
height: auto;
margin: 0 auto;
padding: 0;
}
#corse h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 70px 0 40px;
text-align: left;
line-height: 110%;
color: #fff;
font-size: 5.0rem;
background: url(https://herbpeeling.jp/image/corse-back.png) no-repeat right center;
}
#corse h3 span{
font-size: 2.0rem;
font-weight: normal;
}

.corse-space{
margin: 0 2.5em 0 0;
}

#corse-peel{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 0 100px;
background: #1c857a;
border-top:5px solid #fff;
}
#corse-peel-box{
clear: both;
width: 1400px;
height: auto;
margin: -40px auto 0;
padding: 150px 0 0;
text-align: center;
background: url(https://herbpeeling.jp/image/corse-logo.png) no-repeat center top;
}

.corse-info{
clear: both;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
}
.corse-info-pict{
clear: both;
float: left;
width: 30%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
}
.corse-info-pict h4{
display: none;
}
.corse-info-pict img{
max-width: 100%;
}
.corse-text{
float: right;
width: 70%;
height: auto;
margin: 0;
padding: 0 0 0 2%;
text-align: left;
}
.corse-text h4{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
text-align: left;
line-height: 100%;
color: #fff;
font-size: 5.5rem;
font-weight: normal;
}
.corse-info h4 span{
font-weight: normal;
font-size: 3.0rem;
}
.corse-info h4 span strong{
color: #eacb5e;
}
.corse-text h4 em{
text-align: center;
font-style: normal;
padding: 0 0 0 25%;
font-size: 35px;
color: #d7b84a;
font-weight: bold;
}
.corse-info p{
font-size: 2.5rem;
text-align: left;
line-height: 180%;
margin: 0 0 30px;
color: #fff;
}

.corse-info-waku{
clear: both;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0;
}
.corse-info .corse-info-waku p{
text-align: left;
line-height: 120%;
margin: 0 0 20px;
font-size: 3.0rem;
color: #fff;
}
.corse-info .corse-info-waku p .f20{
font-size: 1.7rem;
font-weight: normal;
}
.corse-info .corse-info-waku .f-gold,.corse-info .corse-info-waku .f-gold2{
color: #d7b84a;
font-size: 1.5em;
margin: 0;
}
.corse-info .corse-info-waku .f-gold2{
margin: 0 0 0 150px;
}
#corse-info-body{
clear: both;
float: left;
width: 30%;
margin: 0;
padding: 0;
text-align: left;
}
#corse-info-body2{
float: right;
width:70%;
margin: 0;
padding: 0;
text-align: left;
}
#corse-info-body2 p .f-red{
font-size:40px;
}
#corse-waku{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.corse-box{
float: left;
width: 20%;
height: auto;
margin: 50px 2.5% 0;
padding: 0;
}
.corse-box h5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 10px 0 10px;
text-align: center;
color: #1c857a;
font-size: 2.5rem;
line-height: 100%;
background: #fff;
}
.corse-box p{
font-size: 1.7rem;
color: #fff;
line-height: 180%;
margin: 0 0 30px;
text-align: left;
}
.corse-box p.c-gold{
color: #eacb5e;
font-size: 2.0rem;
padding: 0 0 30px;
border-bottom:1px solid #fff;
}
.corse-box p .f-gold{
color: #eacb5e;
}
.corse-info-waku blockquote{
clear: both;
float: left;
margin: 40px 0 0;
padding: 0;
color: #fff;
font-size: 15px;
}

#care{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 0 100px;
background: #f7f4eb;
border-top:5px solid #fff;
}
#care-box{
clear: both;
width: 1400px;
height: auto;
margin: -40px auto 0;
padding: 150px 0 0;
text-align: center;
background: url(https://herbpeeling.jp/image/corse-logo.png) no-repeat center top;
}
#care-box h4{
clear: both;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
line-height: 120%;
text-align: center;
font-weight: normal;
font-size: 5.5rem;
}
#care-box h4 span{
font-weight: normal;
font-size: 2.0rem;
}
#care-box p{
text-align: center;
font-size: 2.5rem;
margin: 0 0 30px;
}
.care-waku{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
}
#care-waku-left{
clear: both;
float: left;
width: 45%;
height: auto;
margin: 0 2.5%;
padding: 20px 3% 0;
border: 1px solid #c28b3c;
background: #fff;
}
#care-waku-right{
float: right;
width: 45%;
height: auto;
margin: 0 2.5%;
padding: 20px 3% 0;
border: 1px solid #c28b3c;
background: #fff;
}
#care-waku-left h5,#care-waku-right h5{
clear: both;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
text-align: left;
border-bottom:1px solid #c28b3c;
font-size: 2.5rem;
font-weight: normal;
line-height: 150%;
}
#care-waku-left p,#care-waku-right p{
text-align: left;
line-height: 180%;
margin: 0 0 20px 10%;
font-size: 2.0rem;
}
#care-waku-left p .spa,#care-waku-right p .spa{
margin: 0 50px 0 0;
}
#care-waku-left p .spa2{
margin: 0 67px 0 0;
}
#care-waku-left p .spa3{
margin: 0 79px 0 0;
}
#care-waku-right p .spa2{
margin: 0 68px 0 0;
}
#care-waku-right p .spa3{
margin: 0 46px 0 0;
}
@media only screen and (max-width: 479px) {
#care-waku-left p .spa,#care-waku-right p .spa{
margin: 0 10px 0 0;
}
#care-waku-right p .spa{
margin: 0 30px 0 0;
}
#care-waku-left p .spa2{
margin: 0 22px 0 0;
}
#care-waku-left p .spa3{
margin: 0 31px 0 0;
}
#care-waku-right p .spa2{
margin: 0 43px 0 0;
}
#care-waku-right p .spa3{
margin: 0 26px 0 0;
}
}

.item{
float: left;
width: 29.3%;
height: auto;
min-height: 500px;
margin: 30px 2% 30px;
padding: 0;
text-align: center;
background: #fff;
}
.item-box{
clear: both;
width: 100%;
height: auto;
min-height: 600px;
margin: 0;
padding: 0;
}
.item-box h5{
clear: both;
width: 100%;
height: auto;
margin: -35px 0 30px;
padding: 10px 0 15px;
text-align: center;
line-height: 120%;
color: #1c8552;
font-weight: normal;
font-size: 2.8rem;
background: url(https://herbpeeling.jp/image/item-left.png) no-repeat left top,url(https://herbpeeling.jp/image/item-right.png) no-repeat right top;
}
#care-box .item-box p{
text-align: center;
font-size: 1.5rem;
line-height: 150%;
margin: 0 0 20px;
}
#care-box .item-box p.i-title{
color: #1c8552;
font-size: 2.5rem;
line-height: 120%;
}
#care-box p.f15{
clear: both;
font-size: 1.5rem;
}

#item-banner{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: center;
}
#item-banner p{
margin: 30px 0 0;
text-align: center;
font-size: 2.0rem;
line-height: 180%;
}

#after-face,#after-face2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 0 100px;
background: #63b1a3;
border-top:5px solid #fff;
}
#after-face2{
display: none;
}
#after-face-box,#after-face-box2{
clear: both;
width: 1400px;
height: auto;
margin: -40px auto 0;
padding: 150px 0 0;
text-align: center;
background: url(https://herbpeeling.jp/image/corse-logo.png) no-repeat center top;
}
#after-face-box2{
display: none;
}

#he-body,#he-body2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 0 100px;
background: #1c857a;
border-top:5px solid #fff;
}
#he-body2{
display: none;
}
#he-body-box,#he-body-box2{
clear: both;
width: 1400px;
height: auto;
margin: -40px auto 0;
padding: 150px 0 0;
text-align: center;
background: url(https://herbpeeling.jp/image/corse-logo.png) no-repeat center top;
}
#he-body-box2{
display: none;
}

#he-met{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 0 100px;
background: #63b1a3;
border-top:5px solid #fff;
}
#he-met-box{
clear: both;
width: 1400px;
height: auto;
margin: -40px auto 0;
padding: 150px 0 0;
text-align: center;
background: url(https://herbpeeling.jp/image/corse-logo.png) no-repeat center top;
}

#voice{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 100px 0 50px;
}
#voice h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
text-align: center;
font-weight: normal;
font-size: 5.5rem;
line-height: 100%;
}
#voice p{
text-align: center;
line-height: 180%;
font-size: 2.0rem;
margin: 0 0 30px;
}
#voice-waku{
clear: both;
width: 1400px;
height: auto;
margin: 30px auto 0;
padding: 0;
}
.voice-box{
float: left;
width: 31.3%;
height: auto;
min-height: 350px;
margin: 0 1% 20px;
padding:20px 15px 0;
border: 1px solid #1c8552;
}
#voice .voice-box p{
text-align: left;
font-size: 1.5rem;
line-height: 150%;
margin: 0 0 20px;
}
#voice .voice-box p.p-right{
text-align: right;
}
#voice .voice-box p.v-title{
color: #1c8552;
font-size: 2.0rem;
background: #f7f4eb;
line-height: 100%;
padding: 10px 15px;
}

#faq{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 100px 0 50px;
background: #f7f4eb;
}
#faq h2{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: center;
line-height: 100%;
font-weight: normal;
font-size: 5.5rem;
}
#faq-waku{
clear: both;
width: 1000px;
height: auto;
margin: 0 auto;
padding: 0;
}
#faq-waku p{
clear: both;
margin: 30px 0 0;
padding: 30px 0 0;
font-size: 1.5rem;
text-align: center;
line-height: 150%;
}
#faq-waku h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 0;
padding: 15px 0 10px 70px;
text-align: left;
font-size: 3.0rem;
font-weight: normal;
line-height: 100%;
background: url("https://herbpeeling.jp/image/faq1.png") no-repeat left top;
}

/*アコーディオン全体*/
.accordion-area{
clear: both;
float: left;
    list-style: none;
    width: 100%;
    margin:0 auto;
	padding: 0
}
ul.accordion-area{
margin: 0;
padding: 0;
}

#faq-waku .accordion-area p{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 15px;
padding: 0;
text-align: left;
font-weight: bold;
font-size: 2.0rem;
line-height: 100%;
text-indent: 2em;
}

.accordion-area li{
    margin: 10px 0 0;
}

.accordion-area section {
clear: both;
width: 100%;
float: left;
background: #fff;
border: 1px solid #e4c65d;
  margin: 30px 0 0;
  padding: 20px 3% 0;
}

/*アコーディオンタイトル*/
.title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    padding: 0 3% 0 20px;
    transition: all .5s ease;
	color: #212121;
}

/*アイコンの＋と×*/
.title::before,
.title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #1c8552;
    }
.title::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);
    }
.title::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);
}

/*　closeというクラスがついたら形状変化　*/
.title.close::before{
  transform: rotate(45deg);
}
.title.close::after{
  transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.box {
    display: none;/*はじめは非表示*/
	clear: both;
	width: 100%;
	height: auto;
  margin:0;
    padding: 10px 5% 0;
}

#faq-waku .box p{
font-size: 1.5rem;
text-align: left;
line-height: 180%;
margin: 0 0 20px;
font-weight: normal;
text-indent: 0;
}
#faq-waku .box p .f13{
font-size: 1.3rem;
}
.box ul li{
font-size: 1.5rem;
text-align: left;
line-height: 180%;
margin: 0 0 20px;
font-weight: normal;
text-indent: 0;
}

.f-gold{
color: #c28b3c;
font-weight: bold;
}
.f-red,#he-body .f-red,main p.f-red{
color: #b8230a;
font-weight: bold;
}
.f-green{
color: #1c8552;
font-weight: bold;
}
.f30{
font-size: 3.0rem;
}
.f35,#sa p.f35{
font-size: 3.5rem;
line-height: 130%;
}
.f15,.corse-info p.f15{
font-size: 1.5rem;
}
.f45,#sa p.f45{
font-size: 4.5rem;
line-height: 130%;
}

#mail-sub{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -30px 0 0;
}
#mail-sub img{
max-width: 44%;
margin: 0 3% 15px;
}
@media only screen and (max-width: 1080px) {
#mail-sub{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -70px 0 0;
}
}
@media only screen and (max-width: 479px) {
#mail-sub{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -70px 0 0;
}
#mail-sub img{
max-width: 43%;
margin: 0 3% 15px;
}
}

#wp #mail-sub h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 50px 0 50px;
padding: 20px 0 20px;
text-align: center;
font-weight: bold;
font-size: 30px;
line-height: 100%;
background: url(https://herbpeeling.jp/image/mail-sub2.png) no-repeat left center,url(https://herbpeeling.jp/image/mail-sub2a.png) no-repeat right top;
border-bottom:1px solid #1c857a;
}
@media only screen and (max-width: 479px) {
#wp #mail-sub h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 20px 0 30px;
padding: 80px 0 10px;
text-align: center;
font-weight: bold;
font-size: 25px;
line-height: 100%;
background: url(https://herbpeeling.jp/image/mail-sub2.png) no-repeat left center,url(https://herbpeeling.jp/image/mail-sub2a.png) no-repeat right top;
border-bottom:1px solid #1c857a;
}
}
main #mail-sub h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 50px 0 30px;
padding: 15px 0;
line-height: 100%;
color: #fff;
font-size: 20px;
background: #1c857a;
font-weight: normal;
}
main #mail-sub h4{
clear: both;
float:left;
width: 100%;
height: auto;
margin: 50px 0 30px;
text-align: center;
font-size: 20px;
line-height: 150%;
border-bottom: 1px solid #000;
}
@media only screen and (max-width: 479px) {
main #mail-sub h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 30px;
padding: 10px 0;
line-height: 100%;
color: #fff;
font-size: 15px;
background: #1c857a;
font-weight: normal;
}
main #mail-sub h4{
clear: both;
float:left;
width: 100%;
height: auto;
margin: 30px 0 20px;
text-align: center;
font-size: 15px;
line-height: 150%;
border-bottom: 1px solid #000;
}
}

@media only screen and (max-width: 479px) {
#wp #mail-sub dl.mf2023 input[type="email"]{
width:100%;
}
}

/* CF7チェックボックスを縦並びに */
span.wpcf7-checkbox .wpcf7-list-item {
margin-top:5px;
display: block;
}

@media only screen and (max-width: 479px) {
#mail-sub ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
}
}

#mail-sub iframe{
width: 50%;
margin: 0 0 100px;
}
#mail-sub p{
margin: 0 10% 30px;
font-size: 15px;
line-height: 150%;
text-align: center;
}
@media only screen and (max-width: 479px) {
#mail-sub iframe{
width: 50%;
max-height: 200px;
margin: 0;
}
#mail-sub p{
margin: 0 3% 30px;
font-size: 13px;
line-height: 150%;
text-align: left;
}
}
#mail-sub p.f30{
font-size: 40px;
color: #1c857a;
}
@media only screen and (max-width: 479px) {
#mail-sub p.f30{
font-size: 25px;
color: #1c857a;
}
}
#mail-sub li{
margin: 0 10% 30px;
font-size: 15px;
line-height: 150%;
text-align: center;
}

.hissu{
background: #cc207a;
color: #fff;
font-size: 11px;
line-height: 100%;
padding: 2px 5px 4px;
margin: 0 0 0 5px;
border-radius: 5px;
}
#mail-sub hr{
clear: both;
float: left;
width: 100%;
margin: 10px 0;
border-top:1px dotted #333;
border-right:none;
border-left:none;
border-bottom:none;
}
@media only screen and (max-width: 479px) {
#mail-sub hr{
clear: both;
float: left;
width: 100%;
margin: 10px 0;
padding: 0;
border-top:1px dotted #333;
border-right:none;
border-left:none;
border-bottom:none;
}
#mail-sub hr.bno{
display: none;
}
}
#mail-sub .f20{
font-size: 20px;
font-weight: bold;
color: #1c857a;
}

main #wp p.p-li{
clear: both;
margin: 0 20% 15px;
padding: 0 0 0 1em;
text-indent: -1em;
text-align: left;
line-height: 180%;
}
@media only screen and (max-width: 768px) {
main #wp p.p-li{
clear: both;
margin: 0 3% 15px;
padding: 0 0 0 1em;
text-indent: -1em;
text-align: left;
line-height: 180%;
font-size: 13px;
}
}

#mail-sub dl.salon-t{
clear: both;
float: left;
width: 50%;
height: auto;
margin: 0 0 50px;
}
#mail-sub dl.salon-t dt{
clear: both;
float: left;
width: 40%;
text-align: left;
margin: 0 0 10px;
padding: 0;
line-height: 100%;
color: #c28b3c;
font-size: 20px;
}
#mail-sub dl.salon-t dd{
float: left;
width: 100%;
text-align: left;
line-height: 150%;
margin: 0 0 40px;
padding: 0;
font-size: 20px;
}
@media only screen and (max-width: 479px) {
#mail-sub dl.salon-t dt{
clear: both;
float: left;
width: 100%;
text-align: left;
margin: 0 0 10px;
padding: 0;
line-height: 100%;
color: #c28b3c;
font-size: 13px;
}
#mail-sub dl.salon-t dd{
float: left;
width: 100%;
text-align: left;
line-height: 150%;
margin: 0 0 20px;
padding: 0;
font-size: 13px;
}
}

#mail-sub dl.mf2023{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
font-size: 16px;
text-align: left;
}
#mail-sub dl.mf2023 p{
font-size: 16px;
margin: 0;
text-align: left;
}
#mail-sub dl.mf2023 dt{
clear: both;
float: left;
width: 30%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
line-height: 120%;
color: #111;
font-size:16px;
}
#mail-sub dl.mf2023 dd{
float: right;
width: 70%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
line-height: 120%;
font-size: 16px;
color: #111;
}
@media only screen and (max-width: 1080px) {
#mail-sub dl.mf2023 p{
font-size: 14px;
margin: 0;
text-align: left;
}
#mail-sub dl.mf2023 dt{
clear: both;
float: left;
width: 30%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
line-height: 120%;
color: #111;
font-size:14px;
}
#mail-sub dl.mf2023 dd{
float: right;
width: 70%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
line-height: 120%;
font-size: 14px;
color: #111;
}
}
@media only screen and (max-width: 479px) {
#mail-sub dl.mf2023 p{
font-size: 13px;
margin: 0;
text-align: left;
}
#mail-sub dl.mf2023 dt{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px;
padding: 0;
text-align: left;
line-height: 120%;
color: #111;
font-size:15px;
}
#mail-sub dl.mf2023 dt p{
font-size:18px;
}
#mail-sub dl.mf2023 dd{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
text-align: left;
line-height: 120%;
font-size: 13px;
color: #111;
}
}

.wpcf7 .wpcf7-mail-sent-ok{
	clear:both;
	float:left;
	width:auto;
	height:auto;
	margin:0 0 15px 0;
	padding:5px 10px;
	background:#FF8226;
	color:#fff;
	font-size:13px;
	line-height:200%;
}
.wpcf7-not-valid-tip{
	background:rgba(248,211,211,1.00);
	padding:5px 0;
	text-indent:1em;
}
.wpcf7 .wpcf7-confirm, .wpcf7 .wpcf7-submit {
	 /* ボタン確認、ボタン送信 */ 
	 background-color: #cc207a;
	 color: #fff;
	 padding:5px 30px;
	font-size:15px;
}

#bottom-sns,#bottom-sns2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 0;
text-align: center;
}
#bottom-sns2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 50px;
text-align: center;
}
@media only screen and (max-width: 479px) {
#bottom-sns,#bottom-sns2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 0;
text-align: center;
}
#bottom-sns2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 30px 0 0;
text-align: center;
}
}
#bottom-sns img,#bottom-sns2 img{
max-width: 46%;
margin: 0 2%;
}

/*フッタ
--------------------------------------------------------------------------*/
#page-top{
	width:40px;
	height:40px;
	display:none;
	position:fixed;
	right:16px;
	bottom:16px;
	color:#fff;
}
 
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:#f7bc01;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	color:#fff;
}
 
#page-top p:hover{
	background:#8b8b8b;
	color:#fff;
}
 
#move-page-top{
	color:#fff;
	line-height:40px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

footer{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 30px 5% 10px;
background: url(https://herbpeeling.jp/image/footer.png) no-repeat center top;
}
@media only screen and (max-width: 1280px) {
footer{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 30px 2% 10px;
background: url(https://herbpeeling.jp/image/footer.png) no-repeat center top;
}
}
@media only screen and (max-width: 1080px) {
footer{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 30px 2% 10px;
background: url(https://herbpeeling.jp/image/footer.png) no-repeat center top/cover;
}
}
.footer-box,.footer-box-sm{
float: left;
width: 21%;
height: auto;
margin: 0 2% 20px;
padding: 0;
text-align: center;
}
@media only screen and (max-width: 1280px) {
.footer-box,.footer-box-sm{
float: left;
width: 23%;
height: auto;
margin: 0 1% 20px;
padding: 0;
text-align: center;
}
}
@media only screen and (max-width: 479px) {
footer{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 30px 1% 0;
background: url(https://herbpeeling.jp/image/footer.png) no-repeat center top/cover;
}
.footer-box,.footer-box-sm{
float: left;
width: 31.3%;
height: auto;
margin: 0 1% 10px;
padding: 0;
text-align: center;
}
.footer-box-sm{
display: none;
}
}

#sns{
display: none;
clear: both;
width: 100%;
height: auto;
margin: 0;
text-align: center;
}
@media only screen and (max-width: 479px) {
#sns{
display: inherit;
clear: both;
width: 100%;
height: auto;
margin: 0 0 20px;
text-align: center;
}
}

h1.entry-title{
display: none;
}
#wp{
clear: both;
width: 1000px;
height: auto;
margin: 0 auto;
padding: 0 0 50px;
}
@media only screen and (max-width: 1024px) {
#wp{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 auto;
padding: 0 3% 50px;
}
}
#wp header,#wp footer,footer.entry-footer{
width: 100%;
height: auto;
margin: 0;
padding: 0;
background: none;
}
span.voice-no{
font-weight: normal;
font-size: 13px;
padding: 0 0 0 15px;
color: #fff;
}
.wp-show-posts-inner{
float: left;
border: 1px solid #d7b84a;
padding: 0 0 15px;
}
.wp-show-posts-entry-content{
clear: both;
float: left;
margin: 20px 0 0;
}
.wp-show-posts-inner p{
text-align: left;
width: 94%;
font-size: 15px;
margin: 0 3% 0;
padding: 0;
line-height: 160%;
}
.wp-show-posts-entry-content{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
h2.wp-show-posts-entry-title{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 15px 0 10px;
color: #d7b84a;
font-size: 20px;
text-align: center;
background: #116c40;
font-weight: normal;
}
@media only screen and (max-width: 479px) {
h2.wp-show-posts-entry-title{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 15px 0 10px;
color: #d7b84a;
font-size: 15px;
text-align: center;
background: #116c40;
font-weight: normal;
}
}
h2.wp-show-posts-entry-title a:link,h2.wp-show-posts-entry-title a:visited{
color: #fff;
font-weight: normal;
}
.wp-show-posts-entry-meta{
clear: both;
float: left;
width: 100%;
margin: 20px 0 0;
font-size: 13px;
}
.wp-show-posts-entry-meta br{
display: none;
}
.wp-show-posts-meta,.wp-show-posts-terms{
float: left;
width: 50%;
text-align: center;
}
.wp-show-posts-entry-content{
margin: 20px 0 0;
}
.wp-show-posts-entry-meta a:link,.wp-show-posts-entry-meta a:visited{
text-decoration: none;
color: #333;
}
h1.page-title{
text-align: center;
}
#wp-cate article,#wp-single article{
clear: both;
float: left;
width: 100%;
margin: 0 0 30px;
padding: 20px 3%;
border: 1px solid #d7b84a;
}
@media only screen and (max-width: 479px) {
#wp-cate article,#wp-single article{
clear: both;
float: left;
width: 100%;
margin: 0 0 15px;
padding: 10px 3%;
border: 1px solid #d7b84a;
}
}
#wp-cate footer,#wp-single footer{
display: none;
}
#wp-cate h2{
font-size: 20px;
font-weight: normal;
}
#wp-single h1{
display: inherit;
font-size: 20px;
font-weight: normal;
}
#wp-cate h2 a:link,#wp-cate h2 a:visited{
color: #222;
text-decoration: none;
font-size: 20px;
}
#wp-cate h2 span.voice-no,#wp-single h1 span.voice-no{
color: #222;
text-decoration: none;
font-size: 13px;
}
#wp-cate p,#wp-single p{
text-align: left;
font-size: 15px;
margin: 0 0 20px;
line-height: 160%;
}
@media only screen and (max-width: 479px) {
#wp-cate p,#wp-single p{
text-align: left;
font-size: 13px;
margin: 0 0 20px;
line-height: 160%;
}
}
#wp-single .entry-meta{
display: none;
}
#wp-single nav{
display: none;
}

#wp #student{
margin: -80px 0 0;
}
@media only screen and (max-width: 479px) {
#wp #student{
margin: -35px 0 0;
}
}

#wp #student h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 90px 0;
padding: 15px 0;
text-align: center;
}

#student-he{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
background: url("https://herbpeeling.jp/image/stu-h2.png") no-repeat center top, url("https://herbpeeling.jp/image/stu-h2b.png") no-repeat center bottom;
}
#student-fa{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
background: url("https://herbpeeling.jp/image/stu-h2.png") no-repeat center top, url("https://herbpeeling.jp/image/stu-h2b.png") no-repeat center bottom;
}
#student-ka{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
background: url("https://herbpeeling.jp/image/stu-h2.png") no-repeat center top, url("https://herbpeeling.jp/image/stu-h2b.png") no-repeat center bottom;
}

#wp .p-center{
text-align: center;
}
#wp .f13{
font-size: 13px;
}

.stu-he{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 20px 5%;
border: 1px solid #1c8552;
}
.stu-he h3{
clear: both;
float: left;
width: 100%;
background: #1c8552;
color: #fff;
margin: 0 0 15px;
padding: 15px 0;
text-align: center;
font-weight: normal;
font-size: 20px;
line-height: 100%;
}
.stu-he p{
font-size: 17px;
line-height: 150%;
margin: 0;
}
.stu-fa{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 20px 5%;
border: 1px solid #d7b84a;
}
.stu-fa h3{
clear: both;
float: left;
width: 100%;
background: #d7b84a;
color: #fff;
margin: 0 0 15px;
padding: 15px 0;
text-align: center;
font-weight: normal;
font-size: 20px;
line-height: 100%;
}
.stu-fa p{
font-size: 17px;
line-height: 150%;
margin: 0;
}
.stu-ka{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 20px 5%;
border: 1px solid #1c857a;
}
.stu-ka h3{
clear: both;
float: left;
width: 100%;
background: #1c857a;
color: #fff;
margin: 0 0 15px;
padding: 15px 0;
text-align: center;
font-weight: normal;
font-size: 20px;
line-height: 100%;
}
.stu-ka p{
font-size: 17px;
line-height: 150%;
margin: 0;
}

#wp ul.stu{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
}
#wp ul.stu li{
display: inline;
width: 31%;
margin: 0 1%;
text-align: center;
line-height: 100%;
padding: 5px 15px;
font-size: 16px;
border:1px solid #1c8552;
border-radius: 20px;
background: linear-gradient(#fff 70%,#ddd);
}
#wp ul.stu li.fa{
border: 1px solid #d7b84a;
}
#wp ul.stu li.ka{
border: 1px solid #1c857a;
}
#wp ul.stu li a:link,#wp ul.stu li a:visited{
text-decoration: none;
color: #1c8552;
}
#wp ul.stu li.fa a:link,#wp ul.stu li.fa a:visited{
color: #d7b84a;
}
#wp ul.stu li.ka a:link,#wp ul.stu li.ka a:visited{
color: #1c857a;
}

#info-sc{
	clear: both;
	float: left;
	width: 1000px;
	height: auto;
	margin: 0;
	padding: 0;
}

#info-sc p{
	font-size: 25px;
	text-align: center;
	color: #675b48;
	margin: 0 0 40px;
	line-height: 150%;
}
#info-box{
	clear: both;
	float: left;
	width: 1000px;
	height: auto;
	margin: 0 0 30px;
	padding:60px 0 70px;
	background: url(https://herbpeeling.jp/image/info-sc.png) no-repeat center top;
	background-size: 100% 100%;
}
#info-box p{
	font-size: 30px;
	line-height: 140%;
	margin: 0 0 30px;
	text-align: center;
	color: #826d4d;
}

.f-green40b{
	font-size: 40px;
	font-weight: bold;
	color: #62a923;
}
#info-box  p.f-pink{
	color: #c28b3c;
}
.f40b{
	font-size: 40px;
	font-weight: bold;
}
@media only screen and (max-width: 768px) {
#info-sc{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#info-sc p{
	font-size: 18px;
	text-align: center;
	margin: 0 0 30px;
}

#info-box{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding:50px 0 30px;
	background: url(https://herbpeeling.jp/image/info-sc.png) no-repeat center top;
	background-size: 100% 100%;
}

#info-box p{
	font-size: 20px;
	line-height: 140%;
	margin: 0 0 20px;
	text-align: center;
	color: #826d4d;
}

.f-green40b{
	font-size: 25px;
	font-weight: bold;
	color: #62a923;
}

#info-box  p.f-pink{
	color: #e7549b;
}

.f40b{
	font-size: 25px;
	font-weight: bold;
}
}
@media only screen and (max-width: 480px) {
#info-sc{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: -30px 0 0;
	padding: 0;
}
#info-sc p{
	font-size: 15px;
	text-align: center;
	margin: 0 0 30px;
}
#info-box{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	padding:50px 0 30px;
	background: url(https://herbpeeling.jp/image/info-sc.png) no-repeat center top;
	background-size: 100% 100%;
}
#info-box p{
	font-size: 15px;
	line-height: 140%;
	margin: 0 0 20px;
	text-align: center;
	color: #826d4d;
}
.f-green40b{
	font-size: 20px;
	font-weight: bold;
	color: #62a923;
}
.f40b{
	font-size: 20px;
	font-weight: bold;
}
}

#osusume{
	clear: both;
	float: left;
	width: 1000px;
	height: auto;
	margin: 0 0 20px;
	padding: 20px 0 30px;
	background: url(https://herbpeeling.jp/image/annai-title1.png) no-repeat left top/10%,url(https://herbpeeling.jp/image/annai-title2.png) no-repeat right top;
	font-size: 40px;
	line-height: 100%;
	text-align: center;
	font-weight: normal;
	color: #1c857a;
	border: 1px solid #1c857a;
}
#osusume h1{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 17px 0 20px;
	background: url(https://herbpeeling.jp/image/osusume-h1.png) no-repeat center top/contain;
	line-height: 100%;
	color: #fff;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}
#osusume ul{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 15%;
}
#osusume li{
	list-style-type: none;
	line-height: 100%;
	margin: 0 0 15px;
	padding: 7px 0 0 50px;
	text-align: left;
	font-size: 30px;
	font-weight: bold;
	background: url(https://herbpeeling.jp/image/osusume-check.png) no-repeat left bottom;
}
@media only screen and (max-width: 768px) {
#osusume{
	clear: both;
	float: left;
	width: 96%;
	height: auto;
	margin: 0 3% 20px;
	padding: 20px 0 15px;
	background: url(https://herbpeeling.jp/image/annai-title1.png) no-repeat left top/15%,url(https://herbpeeling.jp/image/annai-title2.png) no-repeat right top/15%;
	font-size: 40px;
	line-height: 100%;
	text-align: center;
	font-weight: normal;
	color: #1c857a;
	border: 1px solid #1c857a;
}
#osusume h1{
	clear: both;
	float: left;
	width: 80%;
	height: auto;
	margin: 0 10% 30px;
	padding: 15px 0 20px;
	background: url(https://herbpeeling.jp/image/osusume-h1.png) no-repeat center top/contain;
	line-height: 100%;
	color: #fff;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}
#osusume ul{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 5%;
}
#osusume li{
	list-style-type: none;
	line-height: 100%;
	margin: 0 0 15px;
	padding: 7px 0 0 8%;
	text-align: left;
	font-size: 25px;
	font-weight: normal;
	background: url(https://herbpeeling.jp/image/osusume-check.png) no-repeat left bottom/6%;
}
}
@media only screen and (max-width: 479px) {
#osusume{
	clear: both;
	float: left;
	width: 96%;
	height: auto;
	margin: 0 3% 20px;
	padding: 20px 0 15px;
	background: url(https://herbpeeling.jp/image/annai-title1.png) no-repeat left top/20%,url(https://herbpeeling.jp/image/annai-title2.png) no-repeat right top/20%;
	font-size: 40px;
	line-height: 100%;
	text-align: center;
	font-weight: normal;
	color: #1c857a;
	border: 1px solid #1c857a;
}
#osusume h1{
	clear: both;
	float: left;
	width: 90%;
	height: auto;
	margin: 0 5% 20px;
	padding: 15px 0 20px;
	background: url(https://herbpeeling.jp/image/osusume-h1.png) no-repeat center top/100% 100%;
	line-height: 100%;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
#osusume li{
	list-style-type: none;
	line-height: 100%;
	margin: 0 0 15px;
	padding: 7px 0 0 9%;
	text-align: left;
	font-size: 17px;
	font-weight: normal;
	background: url(https://herbpeeling.jp/image/osusume-check.png) no-repeat left bottom/7%;
}
}

#photo-sc,#photo2-sc{
	clear: both;
	float: left;
	width: 1000px;
	height: auto;
	margin: 0 0 60px;
	padding: 0;
	text-align: center;
}
#photo2-sc{
	width: 960px;
	margin: 0 20px 40px;
}

#photo-sc img,#photo2-sc img{
	display: inline;
	margin: 0 0.5% 0 0;
}
#photo2-sc img{
	width: 32.5%;
}
@media only screen and (max-width: 768px) {
#photo-sc,#photo2-sc{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
	text-align: center;
}
#photo2-sc{
	width: 96%;
	margin: 0 2% 10px;
}

#photo-sc img,#photo2-sc img{
	display: inline;
	margin: 0 1% 5px;
	width: 23%;
}
#photo2-sc img{
margin: 0 0.5% 0 0;
	width:32.5%;
}
}
@media only screen and (max-width: 479px) {
#photo-sc img{
	display: inline;
	margin: 0 1% 5px;
	width: 23%;
	min-height: 80px;
}
}

#sc-be{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px;
padding: 0;
display: flex;
}
#sc-be2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 80px;
padding: 0;
}
.sc-be-box{
height: auto;
margin: 0 0 30px;
padding: 0;
text-align: center;
}
.sc-be-box img{
max-width: 90%;
}
#sc-be p{
text-align: center;
margin: 5px 0 0;
font-size: 17px;
line-height: 100%;
color: #644733;
}
@media only screen and (max-width: 479px) {
#sc-be p{
text-align: center;
margin: 5px 0 0;
font-size: 13px;
line-height: 100%;
color: #644733;
}
}

#riyu{
	clear: both;
	float: left;
	width: 1000px;
	height: auto;
	margin: 0 0 10px;
	padding: 0;
}

#riyu h1{
	clear: both;
	float: left;
	width: 1000px;
	height: auto;
	margin: 0;
	padding: 30px 0 30px;
	background: url(https://herbpeeling.jp/image/riyu-title.png) no-repeat center top/100%;
	color: #ad7929;
	font-weight: bold;
	font-size: 20px;
	line-height: 200%;
	text-align: center;
}

#riyu h1 .f40{
	font-size: 40px;
}
#riyu h1 .f60{
	font-size: 60px;
}

#riyu-waku{
	clear: both;
	float: left;
	width: 1000px;
	height: auto;
	margin: 30px 0 0;
	padding: 0;
}
.faq{
	clear: both;
	float: left;
	width: 860px;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	text-align: left;
	font-size: 25px;
}

.faq-title{
	font-size: 35px;
	color: #fff;
	border: 1px solid #bf8e57;
	background:  linear-gradient(#f7d18a, #c98e55);
	padding: 0 13px;
	margin: 0 10px 0 0;
	font-weight: bold;
}

.faq a:link,.faq a:visited{
	clear: both;
	float: left;
	width: 1000px;
	margin: 0;
	padding: 12px 10px 8px 0;
	text-decoration: none;
	color: #675b48;
	background:  url(https://herbpeeling.jp/image/riyu-ar.png) no-repeat 95% 50%,linear-gradient(#ffffff, #f0e8dc);
}

.morefaq{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 20px 0 0 10%;
	text-align: left;
}

.morefaq p{
	font-size: 17px;
}

.morefaq ul{
	clear: both;
	float: left;
	width: 90%;
	height: auto;
	margin: 0 0 0 10%;
	padding: 0;
}

.morefaq li{
	margin: 0 0 15px;
	padding: 0;
	line-height: 100%;
	font-size: 17px;
}
@media only screen and (max-width: 768px) {
#riyu{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	padding: 0 3%;
}

#riyu h1{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 30px 0 30px;
	background: url(https://herbpeeling.jp/image/riyu-title.png) no-repeat center top/100%;
	color: #ad7929;
	font-weight: bold;
	font-size: 20px;
	line-height: 200%;
	text-align: center;
}

#riyu h1 .f40{
	font-size: 35px;
}
#riyu h1 .f60{
	font-size: 50px;
}

#riyu-waku{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 0;
	padding: 0;
}
.faq{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	text-align: left;
	font-size: 20px;
}

.faq-title{
	font-size:20px;
	color: #fff;
	border: 1px solid #bf8e57;
	background:  linear-gradient(#f7d18a, #c98e55);
	padding: 0 13px;
	margin: 0 10px 0 0;
	font-weight: bold;
}

.faq a:link,.faq a:visited{
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 8px 10px 4px 0;
	text-decoration: none;
	color: #675b48;
	font-size: 18px;
	background:  url(https://herbpeeling.jp/image/riyu-ar.png) no-repeat 95% 50%,linear-gradient(#ffffff, #f0e8dc);
}

.morefaq{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 15px 0 0;
	text-align: left;
}

.morefaq p{
	font-size: 15px;
}

.morefaq ul{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 0 0 0 10%;
}

.morefaq li{
	margin: 0 0 15px;
	padding: 0;
	line-height: 100%;
	font-size: 15px;
}
}
@media only screen and (max-width: 479px) {
#riyu h1{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 5px 0 5px 5%;
	background: url(https://herbpeeling.jp/image/riyu-title.png) no-repeat center top/100% 100%;
	color: #ad7929;
	font-weight: bold;
	font-size: 16px;
	line-height: 200%;
	text-align: left;
}
#riyu h1 .f40{
	font-size: 25px;
}
#riyu h1 .f60{
	font-size: 40px;
}
#riyu-waku{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin:15px 0 0;
	padding: 0;
}
.morefaq{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 10px 0 0;
	text-align: left;
}
.faq a:link,.faq a:visited{
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 8px 10px 4px 13%;
	text-decoration: none;
	color: #675b48;
	font-size: 15px;
	background:  url(https://herbpeeling.jp/image/riyu-ar.png) no-repeat 95% 50%,linear-gradient(#ffffff, #f0e8dc);
	text-indent: -3.2em;
	line-height: 120%;
}
.morefaq p{
	font-size: 13px;
	margin: 0 0 15px;
}
.morefaq ul{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	padding: 0 0 0 5%;
}
.morefaq li{
	margin: 0 0 15px;
	padding: 0;
	line-height: 100%;
	font-size: 13px;
}
}

.tel-sm{
	display: none;
}
@media only screen and (max-width: 768px) {
.banner{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
}
.tel-sm{
	display: inherit;
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
}
}
@media only screen and (max-width: 479px) {
.mg{
max-width: 93%;
}
}


#annai{
	clear: both;
	float: left;
	width: 1000px;
	height: auto;
	margin: 60px 0 0;
	padding: 0;
}

#annai h1{
	clear: both;
	float: left;
	width: 1000px;
	height: auto;
	margin: 0 0 20px;
	padding: 30px 0 30px;
	background: url(https://herbpeeling.jp/image/annai-title1.png) no-repeat left top/10%,url(https://herbpeeling.jp/image/annai-title2.png) no-repeat right top;
	font-size: 40px;
	line-height: 100%;
	text-align: center;
	font-weight: normal;
	color: #1c857a;
	border: 1px solid #1c857a;
}

#annai p{
	font-size: 25px;
	text-align: center;
	color: #675b48;
	margin: 0 0 40px;
	line-height: 150%;
}

.f-green35b{
	color: #1c857a;
	font-size: 35px;
	font-weight: bold;
	line-height: 180%;
}

.f-pink30b{
	color: #c28b3c;
	font-size: 30px;
	font-weight: bold;
	padding: 0 5px;
}
@media only screen and (max-width: 768px) {
#annai{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 40px 0 0;
	padding: 0;
}

#annai h1{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 30px 0 30px;
	background: url(https://herbpeeling.jp/image/annai-title1.png) no-repeat left top/10%,url(https://herbpeeling.jp/image/annai-title2.png) no-repeat right top/10%;
	font-size: 30px;
	line-height: 100%;
	text-align: center;
	font-weight: normal;
	color: #1c857a;
	border: 1px solid #1c857a;
}
#annai p{
	font-size: 20px;
	text-align: center;
	color: #675b48;
	margin: 0 0 30px;
	line-height: 150%;
}
.f-green35b{
	color: #1c857a;
	font-size: 30px;
	font-weight: bold;
	line-height: 180%;
}
.f-pink30b{
	color: #c28b3c;
	font-size: 25px;
	font-weight: bold;
	padding: 0 5px;
}
}
@media only screen and (max-width: 479px) {
#annai{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 0;
	padding: 0;
}

#annai h1{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 15px 0 10px;
	background: url(https://herbpeeling.jp/image/annai-title1.png) no-repeat left top/15%,url(https://herbpeeling.jp/image/annai-title2.png) no-repeat right top/15%;
	font-size: 25px;
	line-height: 100%;
	text-align: center;
	font-weight: normal;
	color: #1c857a;
	border: 1px solid #1c857a;
}
#annai p{
	font-size: 15px;
	text-align: center;
	color: #675b48;
	margin: 0 0 30px;
	line-height: 150%;
}
.f-green35b{

	color: #1c857a;
	font-size: 25px;
	font-weight: bold;
	line-height: 180%;
}
.f-pink30b{
	color: #c28b3c;
	font-size: 20px;
	font-weight: bold;
	padding: 0 5px;
}
}

.school{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.school h2{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	line-height: 100%;
	margin: 0 0 5px;
	padding: 15px 0 15px;
	background: url(https://herbpeeling.jp/image/school-h2l.png) no-repeat left top,url(https://herbpeeling.jp/image/school-h2r.png) no-repeat right top,linear-gradient(#fff,#c7933a);
	font-size: 40px;
	font-weight: bold;
	color: #111;
	text-align: center;
	border: 1px solid #c7933a;
	text-shadow: 1px 1px 1px #fff;
}

.school h2 .f-small{
	font-size: 15px;
	color: #111;
	line-height:200%;
	text-shadow: none;
	font-weight: normal;
}
@media only screen and (max-width: 768px) {
.school h2{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	line-height: 100%;
	margin: 0 0 5px;
	padding: 15px 0 15px;
	background: url(https://herbpeeling.jp/image/school-h2l.png) no-repeat left top,url(https://herbpeeling.jp/image/school-h2r.png) no-repeat right top,linear-gradient(#fff,#c7933a);
	font-size: 35px;
	font-weight: bold;
	color: #111;
	text-align: center;
	border: 1px solid #c7933a;
	text-shadow: 1px 1px 1px #fff;
}
}
@media only screen and (max-width: 479px) {
.school h2{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	line-height: 150%;
	margin: 0 0 5px;
	padding: 10px 0 10px;
	background: url(https://herbpeeling.jp/image/school-h2l.png) no-repeat left top,url(https://herbpeeling.jp/image/school-h2r.png) no-repeat right top,linear-gradient(#fff,#c7933a);
	font-size: 30px;
	font-weight: bold;
	color: #111;
	text-align: center;
	border: 1px solid #c7933a;
	text-shadow: 1px 1px 1px #fff;
}
.school h2 .f-small{
	font-size: 15px;
	color: #111;
	line-height:120%;
	text-shadow: none;
}
}

.corse{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 0;
	padding: 0;
	border-bottom: 3px solid #c59239;
background: linear-gradient(#fff 30%,#f4efcd)
}
.corse h3{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 5px 0 15px;
	background: url(https://herbpeeling.jp/image/corse-h3.png) no-repeat center top/100% 100%;
	font-size: 30px;
	font-weight: bold;
	color: #804f10;
	line-height: 120%;
	text-align: center;
}
.corse h3.line2 {
	font-size:25px;
	line-height:1.5em;
}
.corse h3.line2 span {
	font-size:17px;
	line-height:1.1em;
}
#annai .corse p{
	text-align: center;
	font-size: 20px;
	margin: 0;
}

@media only screen and (max-width: 768px) {
.corse h3{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 5px 0 15px;
	background: url(https://herbpeeling.jp/image/corse-h3.png) no-repeat center top/100% 100%;
	font-size: 25px;
	font-weight: bold;
	color: #804f10;
	line-height: 120%;
	text-align: center;
}
.corse h3.line2 {
	font-size:20px;
	line-height:1.5em;
}
.corse h3.line2 span {
	font-size:15px;
	line-height:1.1em;
}
#annai .corse p{
	text-align: center;
	font-size: 17px;
	margin: 0;
}
}
@media only screen and (max-width: 479px) {
.corse h3{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 5px 0 10px;
	background: url(https://herbpeeling.jp/image/corse-h3.png) no-repeat center top/100% 100%;
	font-size: 20px;
	font-weight: bold;
	color: #804f10;
	line-height: 120%;
	text-align: center;
}
.corse h3.line2 {
	font-size:16px;
	line-height:1.5em;
}
.corse h3.line2 span {
	font-size:13px;
	line-height:1.1em;
}
#annai .corse p{
	text-align: center;
	font-size: 15px;
	margin: 0;
}
}

#annai dl{
	clear: both;
	float: left;
	width: 860px;
	height: auto;
	margin: 0 50px 10px;
	padding: 0;
}
#annai dt{
	float: left;
	width: 100px;
	height: auto;
	margin: 0 0 15px;
	padding: 5px 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 140%;
	background:linear-gradient(#f7e1a4,#c59239);
}
#annai dd{
	float: left;
	width: 740px;
	height: auto;
	margin: 0 0 15px 20px;
	padding: 5px 0;
	text-align: left;
	line-height: 140%;
	font-size: 20px;
}
.f-red-annai{
	color: #f2695c;
	margin: 0 0 0 15px;
}
@media only screen and (max-width: 768px) {
#annai dl{
	clear: both;
	float: left;
	width: 94%;
	height: auto;
	margin: 0 3% 10px;
	padding: 0;
}
#annai dt{
	float: left;
	width: 20%;
	height: auto;
	margin: 0 5% 15px 0;
	padding: 5px 0;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	line-height: 140%;
	background:linear-gradient(#f7e1a4,#c59239);
}
#annai dd{
	float: left;
	width: 75%;
	height: auto;
	margin: 0 0 15px 0;
	padding: 5px 0;
	text-align: left;
	line-height: 140%;
	font-size: 17px;
}
}
@media only screen and (max-width: 479px) {
#annai dl{
	clear: both;
	float: left;
	width: 94%;
	height: auto;
	margin: 15px 3% 10px;
	padding: 0;
}
#annai dt{
	float: left;
	width: 25%;
	height: auto;
	margin: 0 5% 10px 0;
	padding: 5px 0;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	line-height: 130%;
	background:linear-gradient(#f7e1a4,#c59239);
}
#annai dd{
	float: left;
	width: 70%;
	height: auto;
	margin: 0 0 10px 0;
	padding: 5px 0;
	text-align: left;
	line-height: 130%;
	font-size: 13px;
}
}

.fukumu,.fukumu2{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 60px;
	padding: 0;
		border: 1px solid #c7933a;
}
.fukumu2{
	margin: 30px 0 20px;
}
.fukumu h4,.fukumu2 h4{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 20px;
	padding: 0;
	text-align: center;
	line-height: 120%;
	font-size: 20px;
	font-weight: bold;
	color: #c7933a;
}
#annai .fukumu p,#annai .fukumu2 p{
	font-size: 15px;
	margin: 0 30px 15px;
	text-align: left;
}
#annai .fukumu p.f-pink,#annai .fukumu2 p.f-pink{
	color: #bb8832;
	font-weight: bold;
}
@media only screen and (max-width: 479px) {
.fukumu,.fukumu2{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 30px;
	padding: 0;
	border: 1px solid #c7933a;
}
.fukumu h4,.fukumu2 h4{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 10px 0 20px;
	padding: 0;
	text-align: center;
	line-height: 120%;
	font-size: 15px;
	font-weight: bold;
	color: #c7933a;
}
#annai .fukumu p,#annai .fukumu2 p{
	font-size: 13px;
	margin: 0 3% 15px;
	text-align: left;
}
}

.chui{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 15px 0 5px 40px;
	border: 1px dashed #959595;
}
#annai .chui p,#faicial .chui p{
	text-align: left;
	font-size: 15px;
	line-height: 130%;
	margin: 0 0 10px;
	text-indent: -1em;
}
@media only screen and (max-width: 768px) {
.chui{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 15px 5% 5px 10%;
	border: 1px dashed #959595;
}
#annai .chui p,#faicial .chui p{
	text-align: left;
	font-size: 13px;
	line-height: 130%;
	margin: 0 0 10px;
	text-indent: -1em;
}
}

#voice-sc{
	clear: both;
	float: left;
	width:1000px;
	height: auto;
	margin: 60px 0 0;
	padding: 0 0 30px;
	background: #fff;
}
#voice-sc h1{
	clear: both;
	float: left;
	width: 1000px;
	height: auto;
	margin: 0 0 20px;
	padding: 30px 0 30px;
	background: url(https://herbpeeling.jp/image/annai-title1.png) no-repeat left top/10%,url(https://herbpeeling.jp/image/annai-title2.png) no-repeat right top;
	font-size: 40px;
	line-height: 100%;
	text-align: center;
	font-weight: normal;
	color: #1c857a;
	border: 1px solid #1c857a;
}
#photo-voice,#photo-voice-sm{
	clear: both;
	float: left;
	width: 580px;
	height: auto;
	margin: 0 210px;
	padding: 0;
	text-align: center;
}
#photo-voice-sm{
	display: none;
}
.bxslider{
	clear: both;
	width: 580px;
	height: auto;
	margin: 15px 0;
	padding: 0;
	text-align: center;
}
#photo-voice ul li,#photo-voice-sm ul li{
	clear: both;
	float: none;
	width: 580px;
	height: auto;
	font-size: 13px;
	line-height: 100%;
	margin: 0 0 30px 0;
	padding: 0;
	text-align: center;
}
#photo-voice img{
	float: none;
}
@media only screen and (max-width: 768px) {
#voice-sc{
	clear: both;
	float: left;
	width:100%;
	height: auto;
	margin: 30px 0 0;
	padding: 0 0 30px;
	background: #fff;
}
#voice-sc h1{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 30px 0 30px;
	background: url(https://herbpeeling.jp/image/annai-title1.png) no-repeat left top/10%,url(https://herbpeeling.jp/image/annai-title2.png) no-repeat right top/10%;
	font-size: 35px;
	line-height: 100%;
	text-align: center;
	font-weight: normal;
	color: #1c857a;
	border: 1px solid #1c857a;
}
#photo-voice,#photo-voice-sm{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}
.bxslider{
	clear: both;
	width: 100%;
	height: auto;
	margin: 15px 0;
	padding: 0;
	text-align: center;
}
#photo-voice ul li,#photo-voice-sm ul li{
	clear: both;
	float: none;
	width: 100%;
	height: auto;
	font-size: 13px;
	line-height: 100%;
	margin: 0 0 30px 0;
	padding: 0 0 20px;
	text-align: center;
}
}
@media only screen and (max-width: 479px) {
#voice-sc h1{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 20px 0 20px;
	background: url(https://herbpeeling.jp/image/annai-title1.png) no-repeat left top/15%,url(https://herbpeeling.jp/image/annai-title2.png) no-repeat right top/15%;
	font-size: 25px;
	line-height: 100%;
	text-align: center;
	font-weight: normal;
	color: #1c857a;
	border: 1px solid #1c857a;
}
#photo-voice ul li,#photo-voice-sm ul li{
	clear: both;
	float: none;
	width: 100%;
	height: auto;
	font-size: 13px;
	line-height: 100%;
	margin: 0 0 30px 0;
	padding: 0 0 20px 2%;
	text-align: center;
}
#photo-voice,#photo-voice-sm{
	clear: both;
	display: none;
	float: left;
	width: 90%;
	height: auto;
	margin: 0 5%;
	padding: 0;
}
#photo-voice-sm{
display: inherit;
width: 98%;
margin: 0 0% 0 2%;
}
}

#faicial{
	clear: both;
	float: left;
	width: 1000px;
	height: auto;
	margin: 60px 0 10px;
	padding: 0 0 10px;
}
#faicial h1{
	clear: both;
	float: left;
	width: 1000px;
	height: auto;
	margin: 0 0 20px;
	padding: 30px 0 30px;
	background: url(https://herbpeeling.jp/image/annai-title1.png) no-repeat left top/10%,url(https://herbpeeling.jp/image/annai-title2.png) no-repeat right top;
	font-size: 40px;
	line-height: 100%;
	text-align: center;
	font-weight: normal;
	color: #1c857a;
	border: 1px solid #1c857a;
}
#faicial  p{
	font-size: 25px;
	text-align: center;
	color: #675b48;
	margin: 0 0 40px;
}
@media only screen and (max-width: 768px) {
#faicial{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 60px 0 10px;
	padding: 0 0 10px;
}
#faicial h1{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 30px 0 30px;
	background: url(https://herbpeeling.jp/image/annai-title1.png) no-repeat left top/10%,url(https://herbpeeling.jp/image/annai-title2.png) no-repeat right top/10%;
	font-size: 35px;
	line-height: 100%;
	text-align: center;
	font-weight: normal;
	color: #1c857a;
	border: 1px solid #1c857a;
}
#faicial  p{
	font-size: 20px;
	text-align: center;
	color: #675b48;
	margin: 0 0 30px;
}
}
@media only screen and (max-width: 479px) {
#faicial{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	padding: 0 0 10px;
}
#faicial h1{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 15px 0 10px;
	background: url(https://herbpeeling.jp/image/annai-title1.png) no-repeat left top/15%,url(https://herbpeeling.jp/image/annai-title2.png) no-repeat right top/15%;
	font-size: 25px;
	line-height: 100%;
	text-align: center;
	font-weight: normal;
	color: #1c857a;
	border: 1px solid #1c857a;
}
#faicial  p{
	font-size: 15px;
	text-align: center;
	color: #675b48;
	margin: 0 0 30px;
}
}

.faicial-corse{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 10px;
	padding: 0;
	border-bottom: 3px solid #c59239;
background: linear-gradient(#fff 30%,#f4efcd)
}
.faicial-corse h3{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 25px 0 15px;
	background: url(https://herbpeeling.jp/image/corse-h3.png) no-repeat center top/100% 100%;
	font-size: 30px;
	font-weight: bold;
	color: #804f10;
	line-height: 120%;
	text-align: center;
}
.faicial-corse h3 .fai-s{
	font-size: 20px;
	text-shadow: none;
}
@media only screen and (max-width: 768px) {
.faicial-corse h3{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 25px 0 15px;
	background: url(https://herbpeeling.jp/image/corse-h3.png) no-repeat center top/100% 100%;
	font-size: 25px;
	font-weight: bold;
	color: #804f10;
	line-height: 120%;
	text-align: center;
}
.faicial-corse h3 .fai-s{
	font-size: 15px;
	text-shadow: none;
}
}
@media only screen and (max-width: 479px) {
.faicial-corse h3{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 10px 0 5px 5%;
	background: url(https://herbpeeling.jp/image/corse-h3.png) no-repeat center top/100% 100%;
	font-size: 18px;
	font-weight: bold;
	color: #804f10;
	line-height: 120%;
	text-align: left;
}
.faicial-corse h3 .fai-s{
	font-size: 13px;
	text-shadow: none;
}
}

.corse-price{
	clear: both;
	float: left;
	width: 90%;
	height: auto;
	margin: 0 5% 10px;
	padding: 0 0 5px;
	border-bottom: dotted 2px #ccc;
}
main #faicial .corse-price p{
	clear: both;
	float: right;
	width: 88%;
	color: #333;
	font-size: 13px;
	text-align: left;
	line-height: 150%;
	margin: 0 5px 0 12%;
}
main #faicial .corse-price p.pkakaku{
	text-align: right;
	font-weight: bold;
	font-size: 25px;
	color: rgba(235,32,36,1.00);
	background: url(https://herbpeeling.jp/image/este-kakaku.png) no-repeat 25% center;
	margin: 0 12% 0 0;
}
main #faicial .corse-price p.pkakaku2{
	font-weight: bold;
	font-size: 15px;
}
@media only screen and (max-width: 479px) {
.corse-price{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
	border-bottom: none;
}
main #faicial .corse-price p{
	clear: both;
	float: right;
	width: 96%;
	color: #333;
	font-size: 13px;
	text-align: left;
	line-height: 150%;
	margin: 0 1% 0 3%;
}
main #faicial .corse-price p.pkakaku{
	text-align: right;
	font-weight: bold;
	font-size: 25px;
	color: rgba(235,32,36,1.00);
	background: url(https://herbpeeling.jp/image/este-kakaku.png) no-repeat 25% center;
	margin: 0 2% 0 0;
}
}

.pk-n{
	font-weight: normal;
	font-size: 13px;
}
.corse-price p strong{
	font-size: 13px;
	line-height: 150%;
}
.corse-price p .f-red{
	font-weight: bold;
}

.box01,.box02{
	float: left;
	width: 40%;
	height: auto;
	margin: 0 5% 0 5%;
	padding: 0;
	text-align: left;
}
@media only screen and (max-width: 768px) {
.box01,.box02{
	float: left;
	width: 46%;
	height: auto;
	margin: 0 2% 0 2%;
	padding: 0;
	text-align: left;
}
}
@media only screen and (max-width: 479px) {
.box01,.box02{
	float: left;
	width: 90%;
	height: auto;
	margin: 0 5% 0;
	padding: 0;
	text-align: left;
}
}
#este .box02 p{
	text-align: left;
	font-size: 15px;
	margin: 0 0 10px;
}
#este .box02 p.f-13{
	font-size: 13px;
	margin: 0 0 10px 15px;
}

#faicial  h6{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	padding: 0;
	font-size: 20px;
	color: #fff;
	background: #cb973d;
	text-indent: 1em;
}
@media only screen and (max-width: 479px) {
#faicial  h6{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	padding: 0;
	font-size: 16px;
	color: #fff;
	background: #cb973d;
	text-indent: 1em;
	font-weight: normal;
}
}

#faicial  ul,#faicial  ol{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
}
#faicial  ol{
	margin: 0 0 20px;
}

#faicial  li{
	text-align: left;
	margin: 0 0 7px 20px;
	padding: 0;
	line-height: 120%;
	list-style-type: circle;
	font-size: 15px;
}
#faicial  ol li{
	list-style-type: decimal;
}
@media only screen and (max-width: 768px) {
#faicial  li{
	text-align: left;
	margin: 0 0 7px 20px;
	padding: 0;
	line-height: 120%;
	list-style-type: circle;
	font-size: 13px;
}
}

/*20240601追加分*/
#faicial  ul.ul2{
	margin: 0;
}
main #faicial .corse-price p .pkakaku-c{
	font-weight: bold;
	font-size: 25px;
	color: rgba(235,32,36,1.00);
	line-height: 180%;
}
main #faicial .corse-price p.p-center{
clear: both;
float: left;
width: 100%;
text-align: center;
padding: 0 0 20px;
margin: 0;
}
main #faicial .faicial-corse .box02 p.p-normal{
	text-align: left;
	font-size: 15px;
	margin: 0 0 0 1.3em;
	color: #111;
}
main #faicial .faicial-corse .box02 p.p-red{
	text-align: left;
	font-size: 16px;
	margin: 0 0 10px 1.3em;
	color: rgba(235,32,36,1.00);
	font-weight: bold;
}
@media only screen and (max-width: 835px) {
main #faicial .faicial-corse .box02 p.p-normal{
	text-align: left;
	font-size: 14px;
	margin: 0 0 0 1.3em;
	color: #111;
}
main #faicial .faicial-corse .box02 p.p-red{
	text-align: left;
	font-size: 15px;
	margin: 0 0 10px 1.3em;
	color: rgba(235,32,36,1.00);
	font-weight: bold;
}
}
@media only screen and (max-width: 480px) {
main #faicial .corse-price p.p-center{
clear: both;
float: left;
width: 100%;
text-align: center;
padding: 0;
margin: 0;
}
main #faicial .faicial-corse .box02 p.p-normal{
	text-align: left;
	font-size: 13px;
	margin: 0 0 0 1.3em;
	color: #111;
}
main #faicial .faicial-corse .box02 p.p-red{
	text-align: left;
	font-size: 14px;
	margin: 0 0 10px 1.3em;
	color: rgba(235,32,36,1.00);
	font-weight: bold;
}
}
/*20240601追加分ここまで*/

#tsuite{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 20px 0 10px;
	border: 1px solid #1c857a;
}
#tsuite p{
	font-size: 15px;
	text-align: center;
	margin: 0 50px 15px;
}
h5#juko{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 50px 0 0;
	padding: 12px 0 8px;
	border: 1px solid #1c857a;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	line-height: 100%;
	color: #fff;
	background: linear-gradient(#ffffff, #1c857a);
}
.img_comme {
	width:100%;
	max-width:490px;
	font-size:14px;
	margin:0 auto 10px;
	color:#333;
	text-align:center;
}
@media only screen and (max-width: 768px) {
h5#juko{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 0;
	padding: 12px 0 8px;
	border: 1px solid #1c857a;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	line-height: 100%;
	color: #fff;
	background: linear-gradient(#ffffff, #1c857a);
}
#tsuite p{
	font-size: 13px;
	text-align: center;
	margin: 0 3% 20px;
	line-height: 150%;
}
}
@media only screen and (max-width: 479px) {
h5#juko{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 0;
	padding: 12px 0 8px;
	border: 1px solid #1c857a;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	line-height: 100%;
	color: #fff;
	background: linear-gradient(#ffffff, #1c857a);
}
#tsuite p{
	font-size: 13px;
	text-align: left;
	margin: 0 3% 15px;
	line-height: 130%;
	color: #333;
}
}

@media only screen and (max-width: 479px) {
#wp header.wp-show-posts-entry-header,#wp header.entry-header{
display: inherit;
}
}

a.deco_no {
	text-decoration:none;
	margin: 20px 0 0;
}
.img_comme img {
	width:100%;
	margin:0;
}
.img_comme span {
	display:inline-block;
}

.kassa-title{
	clear:both;
	width:98%;
	max-width:900px;
	height:80px;
	line-height:100px;
	margin:50px auto 0;
	padding:2px 0 0;
	text-align:center;
	color:#B1512C;
	background:url(https://www.fe-pure.com/herbalpeel/images/bg_h3.png) no-repeat left top;
}
#faq h3.kassa_txt{
	width:98%;
	max-width:720px;
	height:auto;
	line-height:100%;
	margin:20px auto 0;
	padding:0;
	background:none;
	font-size:30px;
	font-weight:normal;
	text-align:center;
	border:none;
	color:#B1512C;
	float:none;
	text-indent:0;
}

#faq h3.kassa_txt .intax {
	font-size:16px;
}
#faq h3.kassa_txt span.txts {
	font-size:22px;
}
#kassa2 p.dermashine_kassa {
	padding:70px 40px 0 430px;
	text-align:center;
	line-height:1.5em;
}
#kassa2 p.dermashine_kassa span {
	font-weight:bold;
}
#kassa2 p.dermashine_kassa span.font_n {
	font-weight:normal;
	font-size: 18px;
	display: inline-block;
	padding: 15px 0 15px;
}
#faq h3.kassa_txt .option_p {
	text-align: right;
	display: inline-block;
	width: 90%;
	margin: 0 auto;
	font-size: 16px;
	color: #000;
}
#faq h3.kassa_txt .option_p span {
	color:#FF0000;
	font-weight:bold;
}
#kassa2{
	clear:both;
	width:98%;
	max-width:900px;
	height:290px;
	margin:0 auto 10px;
	padding:0;
	background:url(https://www.fe-pure.com/herbalpeel/images/esthe-kassa.png) no-repeat left top;
}
#before p.txt_attention {
	width:98%;
	margin:0 auto;
	font-size:15px;
	text-align:right;
}
.esthe-text2{
text-align: center;
}

@media only screen and (max-width: 479px) {
.kassa-title{
	clear:both;
	width:98%;
	max-width:900px;
	height:80px;
	line-height:100px;
	margin:50px auto 0;
	padding:10px 0 0;
	text-align:center;
	color:#B1512C;
	background:url(https://www.fe-pure.com/herbalpeel/images/bg_h3.png) no-repeat left top;
}
#faq h3.kassa_txt {
	font-size:22px;
	margin-top:15px;
}
.esthe-text2{
text-align: center;
font-size: 13px;
line-height: 150%;
}
#kassa2 {
    clear: both;
    width: 98%;
    height: auto;
    margin: 0 auto 10px;
    padding: 0;
    background: url(https://www.fe-pure.com/herbalpeel/images/esthe-kassa.png) no-repeat left top;
	background-size: auto;
    background-size: 100% auto;
}
#kassa2 p.dermashine_kassa {
	margin: 5px 2% 0 40%;
	padding:0;
	line-height: 150%;
	font-size: 15px;
}
#kassa2 p.dermashine_kassa span.font_n {
	font-size: 14px;
	padding: 5px 0;
	line-height: 1.2em;
}

#before p.txt_attention {
	font-size:14px;
}
	@media only screen and (max-width: 480px) {
		#faq h3.kassa_txt {
			font-size:18px;
		}
		#kassa2 p.dermashine_kassa {
			font-size:12px;
		}
		#kassa2 p.dermashine_kassa span.font_n {
			font-size:12px;
		}
		#before p.txt_attention {
			font-size:13px;
		}
	}
}