@charset "UTF-8";

/*レイアウトや文字配置をを指定*/
#header{}
/*FlexBoxを指定*/

.flexBox, .caution{
  display: flex;
  justify-content: center;
}
.serviceSentenceBox{
  display: flex;
  flex-direction: column;
}
.profileBox{
  display: flex;
  justify-content: flex-start;
}
/*FlexBoxここまで*/

.logo{
  margin-top: 0.5vw;
  margin-bottom: 0.5vw;
  margin-left: 1.8vw;
}
.titleDogFoot{
  width:3.7vw;
}
.menu{
  margin-top: 8vw;
  margin-right: 3vw;
}
.TopFlexBox{
  display: flex;
  justify-content: space-between;
}
.iconsBox{
  display: flex;
  flex-direction: column;
  margin: auto 2vw;
}

.headerDogs{
  width: 90%;
  }
#concept{}
.subTitle{}
.conceptSentence{
  margin-top: 0vw;
  margin-bottom: 0vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
  text-align: center;
}
#servicePrice{}
.servicePriceBox{
  margin-top: 1vw;
  margin-bottom: 1vw;
}
.servicePriceHotelBox{
  height: 38vw;
}
.serviceSentenceBox{
  margin-top: 1.5vw;
  margin-bottom: 1vw;
  text-align: center;
  width: 80vw;
}
.serviceName{
  margin: 1vw;
}
.serviceSentence{
  text-align: center;
}
.lessonSentence, .dogRunSentence{
  margin: 2vw auto;
}
.servicePriceImage{
  width: 40vw;
}

.priceBox{
  margin: 1vw auto;
}

.priceName{
  margin-right: 1.5vw;
  text-align: left;
}
.priceAt{
  margin-left: 1.5vw;
  text-align: left;
}
.hotelPriceBox{
  display: flex;
  justify-content: center;
  margin-top: 2vw;
}
.dayHotel, .stayHotel{
  display: flex;
  justify-content: flex-start;
  margin-left: 1vw;
  margin-right: 1vw;
}
.hotelNamePriceBox{
  display: flex;
  justify-content: flex-start
}
.HotelPriceName{
  text-align: left;
}
.hotelPriceAt{
  text-align: left;
}
.caution{
  text-align: left;
}
.cautionBox{
  padding-top: 1vw;
  padding-bottom: 1vw;
}
.puppyPriceBox, .hotelPriceBox{
  padding-top: 1.2vw;
}
.salonPriceBox{
  padding-top: 0.8vw;
}
.servicePriceDogRunBox{
  height: 26vw;
}
#profile{}
.profileEntire{
  display: flex;
  justify-content:space-around;
  margin-top: 1vw;
  margin-bottom: 1vw;
}
.profilePicture{
  margin-left: 2vw;
  margin-right: 2vw;
}
.puroProfile{
  display: flex;
  justify-content: center;
  width: 30vw;
}
.puroPicture{
  width: 110vw;
}
.profileSentence{
  margin-top: 1.5vw;
  margin-bottom: 1.5vw;
}
.puroItem{
  text-align: center;
}
.profileContents{}
.profileGreeting{
  margin-top: 1vw;
  margin-bottom: 0.8vw;
}
.profileBackGround{
  display: flex;
  justify-content: flex-start;
}
.GreetingSentence{}

.contactUs{
  padding: 1vw;
}
.contactSubTitle{
  text-align: center;
  padding-bottom: 1.2VW;
}
.contactBox{
  display: flex;
  justify-content: space-around;
}
.contactUsIcon{
  text-align: center;
}

#footer{
  text-align: center;
  padding: 1vw;
}