@charset "utf-8";

/*----------------------header----------------------*/

header {
  height: 90px;
  width: 100%;
  background-color: rgba(255, 255, 255, 255);
  position: fixed;
  top: 0;
  z-index: 12;
  display: flex;
  font-family:'Roboto'、sans-serif;
}

.logo {
  font-size: 25px;
  padding: 10px 0 0 30px;
  width: 325px;
}

ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
    margin: 5px 0 0 auto;
	font-size: 20px;
}

header a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  line-height: 60px;
  padding: 10px 30px;
}

.sm {
  display: none;
}

.pc {
  margin: 0px 0px 0 auto;
  width: auto;
}
.pc2{
    width: 200px;
    text-align: center;
  padding: 5px 0px 0 10px;
  background: #c0ad9f;
  font-size: 20px;
}







.top{
  margin-top: 80px;
}


.top2{
  width: 80%;
  text-align: left;
  margin: 80px auto;
}

.top2 p {
  color: #2e1500;
  font-size: 23px;
  line-height: 40px;
  letter-spacing: 5px;
}
.top2 span {
  color: rgb(255, 0, 0);
}



.box3 {
  padding: 1em;
  margin: 2em 0;
  color: #2e1500;
  border: solid 2px #2e1500;
  border-radius: 15px;
  margin: auto;
  font-size: 22px;
}
.box3 p {
  margin: 0; 
  padding: 0;
}




/*------------------------------------- サンプル１３ ---------------------------------------*/
.sample13-2 {
  background-color: rgb(255, 255, 255);
  margin-bottom: 20px;
}

 #sample13{
  letter-spacing: 2px;
  width:86%;
  margin: auto;
 }

.sample13_title {
  width: 300px;
  margin:0 auto 60px;
  font-size:29pt;
  color:#000000;
  text-align:center;
  font-weight:normal;
  letter-spacing:0.1em;
}

 #sample13 p{
   font-size: 17px;
   text-align: left;
 }


  .sample13-1{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  
  .sample13-1::after,
  .sample13-1 .sample13-2 { width: calc( (95%) / 3 ); }
  
  /* ７８０px以下で表示 */
  @media screen and (max-width: 780px) {
    .sample13-1 .sample13-2 {
      width: 100%;
      margin-bottom: 30px; 
    }
  }


 /*------------------------------------- サンプル５ ---------------------------------------*/
 #hogusi{  
  background-color:#fcf593 ;  
    margin: auto;
    padding-top: 50px ;
    padding-bottom: 90px;
    font-size: 16px;
    line-height: 1.9;
}

.sample5_title{
    margin:0 auto 60px;
    font-size:29pt;
    color:#000000;
    text-align:center;
    font-weight:normal;
    letter-spacing:0.1em;
    width: 200px;
}

.box17 p span {
  color: rgb(241, 155, 168);
  font-size: 35px;
}

.box17{
  width: 80%;
  text-align: left;
  color: #2e1500;/*文字色*/
  background: #FFF;
  margin: 2em auto;
  position: relative;
  padding: 2em 3em;
  font-size: 20px;
  letter-spacing: 3px;
}


.box17-2 p span {
  color: rgb(241, 155, 168);
  font-size: 35px;
}
.box17-2 {
  width: 18%;
  text-align: center;
  color: #2e1500;/*文字色*/
  background: #FFF;
  margin: 0.5em auto;
  position: relative;
  padding: 0.1em 2em;
  font-size: 20px;
  letter-spacing: 3px;
}

.box17-3 {
  text-align: center;
  color: #2e1500;/*文字色*/
  font-size: 20px;
}

.box17-4-1 {
  width: 40%;
  text-align: left;
  color: #2e1500;/*文字色*/
  background: #FFF;
  margin: 0.5em auto;
  position: relative;
  padding: 0.5em 0 1em 2em;
  font-size: 14px;
  line-height: 23px;
}


.box17-4{
  width: 90%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.box17-4::after,
.box17-4 .box17-4-1 { width: calc( (90%) / 2 ); }

/* ７８０px以下で表示 */
@media screen and (max-width: 780px) {
  .box17-4 .box17-4-1 {
    width: 100%;
    margin-bottom: 30px; 
  }
}





 /*------------------------------------- 脱毛メニュー ---------------------------------------*/
.sample2-1{
  position: relative;
}

  .sample2-1 p {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 0;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 50px;
    width: 60%;
}




/*------------------------------------- 所在地 ---------------------------------------*/
#tizu{
  text-align: center;
}

.tizu_title{
  width: 215px;
  margin:0 auto 60px;
  font-size:25pt;
  color:#353535;
  font-weight:normal;
  letter-spacing:0.1em;
  position: relative;
  line-height: 80px;
  text-align: center;
}

#tizu p {
  font-size: 25px;
  margin: 30px;
  line-height: 50px;
}

#tizu span {
  font-size: 20px;
  line-height: 30px;
  display: block;
  margin:20px 0 100px 0;
}




#rinnku0{
  background-color: rgb(255, 243, 226);
}

.rinnku_title{
  width: 215px;
  margin:0 auto 60px;
  font-size:25pt;
  color:#463a24;
  font-weight:normal;
  letter-spacing:0.1em;
  position: relative;
  line-height: 80px;
  text-align: center;
}



.rinnku-1 a {
  color: #ffffff;
}

.rinnku-1 {
  width: 80%;
  text-align: center;
  background: #af9684;
  margin: 0.5em auto;
  position: relative;
  padding: 1em 0 1em 0em;
  font-size: 30px;
  line-height: 40px;
}


.rinnku{
  width: 80%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding-bottom: 80px;
}

.rinnku::after,
.rinnku .rinnku-1 { width: calc( (95%) / 2 ); }

/* ７８０px以下で表示 */
@media screen and (max-width: 780px) {
  .rinnku .rinnku-1 {
    width: 100%;
    margin-bottom: 30px; 
  }
}



/*---------------------footer-----------------------*/
#footer{
  background-color: #c0ad9f;
  color: #fff;
font-size:15px;
text-align:center;
margin:0 auto;
padding-top:10px;
  padding-bottom:10px;
  line-height: 15px;
}





.top3{
  margin-top: 90px;
}


.pa-tu_title{
  width: 400px;
  margin:0 auto 60px;
  font-size:25pt;
  color:#353535;
  font-weight:normal;
  letter-spacing:0.1em;
  position: relative;
  line-height: 80px;
  text-align: center;
}

.box17-1{
  width: 80%;
  text-align: center;
  color: #2e1500;/*文字色*/
  background: #FFF;
  margin: 2em auto;
  position: relative;
  padding: 1em 2em;
  font-size: 25px;
  letter-spacing: 2px;
}



 /*------------------------------------- サンプル５ ---------------------------------------*/
 #set{  
  background-color:#c5c5c5 ;  
    margin: auto;
    padding-top: 50px ;
    padding-bottom: 90px;
    font-size: 16px;
    line-height: 1.9;
}

.set_title{
    margin:0 auto 60px;
    font-size:29pt;
    color:#000000;
    text-align:center;
    font-weight:normal;
    letter-spacing:0.1em;
    width: 500px;
}

.boxset p span {
  color: rgb(129, 200, 248);
  font-size: 35px;
  border-bottom: solid 1px #2e1500;
  padding-bottom: 10px;
}


.boxset p span2 {
  color: rgb(255, 0, 0);
  font-size: 35px;
}

.boxset{
  width: 80%;
  text-align: left;
  color: #2e1500;/*文字色*/
  background: #FFF;
  margin: 2em auto;
  position: relative;
  padding: 2em 3em;
  font-size: 20px;
  letter-spacing: 3px;
}














/*------------------------------------- フォント集 ---------------------------------------*/
#font{
  margin: auto;
  padding-top: 50px;
  padding-bottom: 90px;
  font-size: 40px;
  line-height: 1.9;
  position: relative;
}

.font_title{
  margin:0 auto 60px;
  font-size:29pt;
  color:#000000;
  text-align:center;
  font-weight:normal;
  letter-spacing:0.1em;
}

.font1 p {
  font-family: 'Noto Sans JP', sans-serif;
}
.font2 p {
  font-family: 'Noto Serif JP', serif;
}
.font3 p {
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
.font4 p {
  font-family: 'Sawarabi Mincho', sans-serif;
}
.font5 p {
  font-family: 'Hachi Maru Pop', cursive;
}
.font6 p {
  font-family: 'Oswald', sans-serif;
}
.font7 p {
  font-family: 'Girassol', cursive;
}
.font8 p {
  font-family: 'Dancing Script', cursive;
}
.font9 p {
  font-family: 'EB Garamond', serif;
}
.font10 p {
  font-family: 'Amatic SC', cursive;
}
.font11 p {
  font-family: 'Parisienne', cursive;
}
.font12 p {
  font-family: 'Londrina Sketch', cursive;}