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

body{
/*	background-color: #59a9cc;*/
}
article {
	padding-bottom: 60px;
}
article > h1{
	background: #e7f3f7;
margin-bottom: 20px;
}
article > h1 img{
	display: block;
	margin: 0 auto;
}

article h1{
    color: #ea783f!important; 
}

article p{
	font-size: 1.6rem;
}
p.marker{
	background: #f7be97;
	font-size: 1.6rem;
	width: fit-content;
	margin: 0 auto 20px;
	padding: 0 10px;
}

	p.leadCopy{
    color: #666;
    font-size: 1.7rem;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center;
    line-height: 2.0;

	em {
		background: #f7be97;
	}
}

article > section{
	margin-top: 30px;
}
.shopImage{
	margin: 0 auto 20px;
}

.shopImage img{
	margin:20px 0;
	display: block;
}
.novelty{
	background-color: #e8823a;
	padding: 20px 0;
}
.noveltyImg{
	width:90%;
	margin: 20px auto;
}
.yoyaku{
	text-align: center;
}
.yoyaku a.btnLink{
	width: 300px;
display: block;
padding: 20px;
font-weight: 700;
	background: #e8823a;
margin: 15px auto 30px;
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);}



.yoyaku a.btnLink:hover{
	background: #e8823a;
	color: #fff;
}
.access{

}
article > section h1{
	text-align:center;
	  color: #ffa200;
	margin-bottom: 10px;
}
.access p{
	text-align:center;

}
.gmap{
	height: 200px;
	display: block;
	margin: 20px 0;
}

.moiProf{
border:3px solid white; 
	padding: 10px;
	color:white;
	width: 90%;
	
	margin: 0 auto;
}
.moiProf h2{
	text-align: left;
	margin: 0 0 20px 0;
	background: none;
	border-bottom:2px solid white;
	padding-bottom: 5px;
	color:white;
	width: 200px;
}
.moiProf img{
	width: 120px;
	display: block;
	margin-left:15px;
}
.prof{
float: right;
}
.applyForSmile{
  border:1px solid #fff;
    padding: 10px;
    margin: 0 15px 20px;
    
}

.applyForSmile h1{
    font-size:1.8rem;
    padding: 0;
    
}
.applyForSmile p{
 color:#fff; 
    font-size: 1.2rem;
    margin-top: 5px;
}

.applyForSmile a{
    color:#fff;
    text-decoration: underline;
}





.form{
	margin-top: 0!important;
}

article .form .mailform{
	width: 90%;
}

article h2{
/*		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;*/
	background-color: #fff;
	padding: 15px 0;
	font-size: 1.5rem;
		color: #e8823a;
	text-align: center;
	font-weight: 600;
	line-height: 1.4;
	padding: 5px;
    width: 85%;
	margin: 0 auto;
	letter-spacing: inherit;

}

article h2 em{
    color:#e8823a;
	
    
}

article .text02 strong{
	color: #e8823a;
}
article p.text01{
	font-size: 1.5rem;
	color: #fff;
	text-align: center;	
		margin-bottom: 15px;
	
}
span.stxt{
	font-size: 75%;
	vertical-align: baseline;

}

article p.text02{
	font-size: 1.8rem;
	color: #fff;
	text-align: center;	
	line-height: 1.8;
}

article p.text02 em{
	font-weight: 600;
	font-size: 2.0rem;
	}


article p.text03{
	font-size: 1.2rem;
	color: #fff;
	text-align: center;	
	margin-bottom: 20px;
}
section.includeInsta h3{
font-size: 2.5rem;
	text-align: center;
	padding: 20px 0 0;
	font-weight: 700;
}

article section.topTitleBox{
	padding: 15px 0;
}

.topTextBox span{
	border-bottom:  2px dotted #fff;
	padding-bottom: 3px;
}
article div.form h3{
	border-top: none;
	border-bottom: 1px solid #59a9cc;
	padding: 0 0 10px;
	color: #59a9cc;
	font-size: 2.0rem;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.2em;
	
}
section.includeInsta{
	background: #fff;
	padding: 20px 0 20px;
	margin-bottom: 20px;
	text-align: center;
}
section.includeInsta h3{
	color: #59a9cc;
}
section.includeInsta ul{
	display: flex;
	flex-wrap: wrap;
	width: 95%;
	margin: 0 auto;
	
}
section.includeInsta li{
	width: 50%;
	padding: 10px;
}

article section.instagram{
	margin:30px 0;
}
article section.instagram h1{
	    color: #ea783f;
}
section.instagram p{
	font-size:1.8rem;
	text-align: center;
}
section.instagram img.instaIcon{
	width: 40px;
	margin: 20px auto;
	display: block;
}
section.instagram img.lineIcon{
	width: 200px;
	margin: 20px auto;
	display: block;
}

article .youtube_area h2{
	background: none;
	font-size: 2.0rem;
	margin-bottom: 10px;
}

	.youtube_area{
		background: #d4ecf6;
		padding: 15px;
	}
.youtube .youTube__inner {
    padding-top: 56.25%;
    position: relative;
    height: 0;
    overflow: hidden;
}

.youtube .youTube__inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.map{
	max-width: 500px;
	margin: 15px auto 15px;
}

.tel{
	font-size:2.0rem;
	text-align: center;
	margin-bottom: 15px;
}

.p-text{
	text-align: left;
	padding: 0 15px;
}

/*////////////////////////////////////////////////////////
PC setting 
//////////////////////////////////////////////////////// */

@media screen and (min-width: 960px) {
article{
padding-bottom: 100px;

p {
	font-size: 1.8rem;
}
}

article p.text01{
	font-size: 2.0rem;	
	
}
	
article p.text02{
	font-size: 3.0rem;
	color: #fff;
	text-align: center;	
	line-height: 2.0;
}
article p.text02 em{
	font-weight: 600;
	font-size: 5.0rem;
		line-height: 1.5;
	}
article p.text03{
	font-size: 1.4rem;

}article .form .mailform{
	width: 1020px;
}
article .form .mailform dl{
	width: 880px;
}

	section.includeInsta{
		padding: 40px 0 40px;
		margin: 50px 0 60px;
}

	article h2{
/*		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;*/
	background-color: #fff;
	padding: 15px 0;
	font-size: 2.0rem;

	text-align: center;
	font-weight: 600;
	line-height: 1.4;
	padding: 10px;
	width: 300px;
	margin: 0 auto;

}
	p.marker{

	font-size: 2.2rem;
	margin-bottom: 15px;
}

section.includeInsta h3{
font-size: 4.0rem;
	padding: 20px;

}
	
section.includeInsta ul{
	width: 100%;

	
}
	
section.includeInsta li{
	width: 250px;
	padding: 10px;
}
article div.form h3{
	padding: 10px 0;
	font-size: 3.0rem;
	
}

    
.applyForSmile{
    padding: 20px;
    margin: 0 auto;
    width: 980px;
    
}

.applyForSmile h1{
    font-size:2.8rem;

}
    .applyForSmile p{
        text-align: center;
    }


	article > h1{
		margin-bottom: 50px;
	}
	article > h1 img{
	width: 700px;
	margin: 0 auto;
}

	
.shopImage{
	width:800px;
	margin: 0 auto;
}

 	p.leadCopy{
    font-size: 2.4rem;
    margin-bottom: 40px;
}   
   
	.novelty{
	padding: 50px 0;
}
	.noveltyImg{
	width: 500px;
	margin: 20px auto 20px;
		display: block;
	}
	
	.moiProf{
		padding: 20px;
		width: 800px;
		margin: 40px auto 0;
		overflow: hidden;
	}
	.moiProf h2{
			width: 600px;
	}
	.prof img{
	width: 200px;	
	}
	
	.yoyaku{
		margin-top: 40px;
	}
	.yoyaku a.btnLink{
		font-size: 2.2rem;
		font-weight: 700;
margin: 20px auto 50px;
	width: 360px;
	padding: 30px;
	border-radius: 50px;
	background: #e8823a;
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);

	}
.access{
	padding-bottom:  50px ;
}	
	
.gmap{
	width: 800px;
	margin: 0 auto 20px;
	height: 250px;
}
	.gmap iframe{
		height: 100%;	
	}

.shopImage img{
	margin:40px 0;
	display: block;
}
	
	article section.instagram{
	margin:60px 0;
}
    .calender{
        margin-bottom: 40px;
        text-align: center;
    }
	.calender img{
		width:550px;
		margin: 0 auto;
	}	
	article .calender h1 {
    text-align: center;
  
		margin-top: 90px;
}

	
	.snsList{
		display:flex;
		justify-content: center;
	}
	.snsList li{
		margin: 20px;
	}
	
	
	.youtube_area{
		background: #bde4f5;
		padding: 50px;
	}
	
	article .youtube_area h2{
	background: none;
	font-size: 3.0rem;
		width: inherit;
}
	
	.youtube{
		width:600px;
		margin: 0 auto;
	}
	.p-text{
	text-align:center;
}

	
/* PC end */	
}
/* PC end */