@charset "utf-8";
@import url("sanitize.css");

/* 共通設定 */
#page-top {
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;/*明朝体*/
	color: #6a3f05;
}

/* main ------------------------------------------------------------*/
.jumbotron{
	display: flex;
	align-items: center;
	height: 200px;
    background-color: #fff;
    border-bottom: #fff;
    background: url("../img/background-02.jpg") no-repeat center center;
    background-size:cover;
    border-radius: initial;
	
}

.jumbotron>.container{
	margin-top: 50px;
	
}

/* sec4 ------------------------------------------------------------*/
@media (min-width: 960px){
	#sec4 .container {
    max-width: 960px;
}
}
#sec4 .card{
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
	color: #6a3f05;
}
#sec4 .card-title{
	font-size: 1.4rem;
	display:table-cell;
}
#sec4 .card-title > span{
	margin-right: 4px;
	padding: 4px 8px;
	font-size: 0.9rem;
	border: 1px solid #6a3f05;
	border-radius: 30px;
	vertical-align: 4px;
}
.note{
	padding: 2px 7px;
	color: #fff;
	font-size: 0.8rem;
	border: 1px solid #6a3f05;
	background-color: #6a3f05;
	border-radius: 4px;
	float:right;
}

#sec4 .card-text2 > span{
	color: #d0894e;
	font-size: 1.1rem;
}
#sec4 .card-text1{
	margin-bottom: 8px;
}

.pickup{
	color: #d0894e;
	font-size: 1.3rem;
	margin-left: 5px;
	letter-spacing: 0.1rem;
}
.pickup-green{
	color: #9fc238;
	font-size: 1.3rem;
	margin-left: 5px;
	letter-spacing: 0.1rem;
}
.pickup-blue{
	color: #4897d6;
	font-size: 1.3rem;
	margin-left: 5px;
	letter-spacing: 0.1rem;
}
.pickup-pink{
	color: #cb5394;
	font-size: 1.3rem;
	margin-left: 5px;
	letter-spacing: 0.1rem;
}

#sec4 .card-text2{
	border-top: 1px #d0894e solid;
	padding-top: 10px;
}
#sec4 .card-text2-green{
	border-top: 1px #9fc238 solid;
	padding-top: 10px;
}
#sec4 .card-text2-blue{
	border-top: 1px #4897d6 solid;
	padding-top: 10px;
}
#sec4 .card-text2-pink{
	border-top: 1px #cb5394 solid;
	padding-top: 10px;
}

#sec4 .card img{
	width: 100%;
	padding: 20px;
}
#sec4 .detail{
	margin-top:10px;
	float:right;
}

.service{
	margin-top: 70px;
	border-top: 1px solid #6a3f05;
	border-bottom: 1px solid #6a3f05;
	padding: 10px;
}

#sec4 .card-title1{
	font-size: 1.5rem;
	display:table-cell;
}
.img{
	margin-bottom: 60px;
}
.caption{
	font-size: 2rem;
}
.caption1{
	padding: 2px 7px;
	color: #fff;
	font-size: 0.8rem;
	border: 1px solid #d0894e;
	background-color: #d0894e;
	border-radius: 4px;
	vertical-align: 4px;
	margin-right: 10px;
}

/* sec5 ------------------------------------------------------------*/
@media (min-width: 960px){
	#sec5 .container {
    max-width: 960px;
}
}
#sec5{
	background: url("../img/background-03.jpg") no-repeat right center;
}
#sec1 .card{
	background-color: transparent;
	border:none;
}
dl{
	border-bottom: 1px #6a3f05 dotted;
}
#sec5 .detail{
	float:right;
}

/* sec6 ------------------------------------------------------------*/
#sec6 .service{
	margin-top: 0;
}
#sec6 .card{
	background-color: transparent;
	border:none;
}
#sec6 h5{
	color: #d0894e;
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
}

.salon{
	margin-top: 70px;
}

/* sec7 ------------------------------------------------------------*/
@media (min-width: 960px){
	#sec7 .container {
    max-width: 960px;
}
}
#sec7{
	background: url("../img/background-04.jpg") no-repeat left center;
}