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

#wrpp{
    max-width: 1920px;
    margin: auto;
}

div {
    box-sizing: border-box;
}

img {
  max-width: 100%;
}

a {
  transition: .3s;
}
a:hover {
  opacity: .7;
}

.wrap_original {
overflow: hidden;
}

.for-pc { display:block; }
.for-sp { display:none; }


@media only screen and (max-width : 767px){
  .for-pc { display:none; }
  .for-sp { display:block; }
}

.header{
    width: auto;
    height: 100px;
}

.header .lwrap {
    max-width: 1920px;
    justify-content:space-between;
    align-items: center;
}

.flex {
    display: flex;
}

.header-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 5%;
}

.logo{
    margin-left: 5%;
}

.twitter-icon{
    margin: 0 10px;
}

.instagram-icon{
    margin: 0 30px 0 10px;}

.induction .lwrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1920px;
    margin-top: -5px;
}

.induction .lwrap .inner {
    width: 100%;
}

.induction .lwrap .inner > .flex {
  justify-content: center;
}

.induction-bg{
 background-color: #e2d7ea;
}

.inner{
    margin: 0 20px;
}


.c-yellow{
    text-align: center;
    color: #643d7d;
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 18px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.personal img{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1920px;
    margin: 70px auto;
}

.about-bg{
    background-image:url("../img/about-bg.jpg");
    background-size: cover;
    overflow: hidden;
}

.about img{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1920px;
    margin: 70px auto;
}

.footer {
  background-color: #643d7d;
  padding: 1.5rem 0;
  text-align: center;
}

.footer small {
  font-size: 1.2rem;
  display: block;
  color: #ffffff;
}

.sp-header .sp-lwrap{
    width: auto;
    height: 60px;
    max-width: 750px;
    justify-content:space-between;
    align-items: center;
}

.sp-logo{
    margin-left: 5%;
}

.sp-header-right{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 5%; 
}

.sp-instagram-icon{
    margin: 0 10px 0 10px;}

.mv-sp{
    width: 100%;
    background-color: #f0efec;
    overflow: hidden;
}

.sp-mv-inner{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.onayami-sp{
    width: 100%;
      background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
    overflow: hidden;
}

.onayami-sp-inner{
     width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.point-sp{
    width: 100%;
    background-color: #f0efec;
    overflow: hidden;
}

.point-sp-inner{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flow-sp{
    width: 100%;
    background-image: url("../img/flow-bg.jpg");
    background-size: cover;
    overflow: hidden;
}

.flow-sp-inner{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.greeting-sp{
    width: 100%;
    background-color: #f0efec;
    overflow: hidden;
}

.greeting-sp-inner{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.introduction-sp{
    width: 100%;
    background-color: #f0efec;
    overflow: hidden;
}

.introduction-sp-inner{
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.price-sp{
    width: 100%;
    overflow: hidden;
}

.price-sp-inner{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-sp{
    width: 100%;
    background-image: url("../img/about-sp_bg.jpg");
    background-size: cover;
    overflow: hidden;
}

.about-sp-inner{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.personal-sp{
    width: 100%;
    overflow: hidden;
}

.personal-sp-inner{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sp-induction .sp-lwrap {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
    max-width: 760px;
}

.sp-induction .sp-lwrap .sp-inner {
    width: 100%;
    padding: 10px;
}

.sp-induction .sp-lwrap .sp-inner > .flex {
  justify-content: center;
}

.sp-induction-bg{
 background-color: #e2d7ea;
}

.inner{
    margin: 0 20px;
}

.sp-flex{
    display: flex;
    flex-flow: column;
}

.sp-induction-tel{
    width: 100%;
    margin-top: 10px;
    margin-bottom: -10px;
}

.sp-btn-line{
    width: 100%;
}

.sp-c-yellow{
    text-align: center;
    color: #643d7d;
    margin-top: 20px;
    margin-bottom: 5px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.sp-footer{
background-color: #643d7d;
  padding: 0.8rem 0;
  text-align: center;
}

.sp-footer small {
  font-size: 0.5rem;
  display: block;
  color: #ffffff;
}