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

.mv {
    background-image: url("image/eisei_mv.jpg");
    background-position: center;
}

.sectiontitle {
    width: 100%;
}

.about-box {
  justify-content: space-between;
}

.aboutimg {
    width: 45%;
    height: 280px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.abouttext {
}

.aboutimg01 {
  background-image: url("image/eisei01.jpeg");
}

.aboutimg02 {
  background-image: url("image/eisei02.jpeg");
}

.aboutimg03 {
  background-image: url("image/eisei03.jpeg");
}

.aboutimg04 {
  background-image: url("image/eisei04.jpeg");
}


.abouttext > p {
    max-width: 480px;
    line-height: 48px;
}

.stylist-box1 {
	position: relative;
}

.stylist-box p {
    line-height: 32px;
}

.stylist-box1 .sectioncaption {
	position: absolute;
	right: 0px;
	vertical-align: middle;
}

.stylist-box img {
    width:auto;
    height:400px;
    float: right;
}

.profile, .message {
    width: 480px;
    float: left;
}

.profile {
	padding: 16px 0 32px 0;
}

.profile h3 {
	margin: 0 0 8px 0;
}

.name {
	font-size: 24px;
	margin: 0 0 16px 0;
}

.message {
	padding: 0px;
}

.message h3 {
	margin: 0 0 12px 0;
	font-size: 16px;
	color: #B3868A;
}

/*タブレット*/
@media (max-width: 1024px) {



}

@media (max-width: 896px) {

	.abouttext > p {
        max-width: 400px;
        line-height: 40px;
    }

    .salon-box img {
        height: 300px;
    }


    .profile, .message {
        width: 400px;
    }

    .name {
		font-size: 20px;
        margin: 0 0 12px 0;
		letter-spacing: 1px;
    }

    .stylist-box p {
        line-height: 24px;
    }

    .stylist-box img {
        height: 300px;
    }

    .profile {
		margin: 0 0 8px  ;
        padding: 0 0 8px 0;
    }

    .profile h3 {
	    margin: 0 0 6px 0;
}

    .message h3 {
        margin: 0 0 8px 0;
        font-size: 1.6rem;
}

    .message p {
        font-size: 1.2rem;
    }

}

@media (max-width: 460px) {

  .aboutimg {
      width: 100%;
      height: 280px;
  }

  .abouttext {
    width: 100%;
    margin: 0 auto 24px;
  }

    .abouttext > p {
        max-width: 315px;
        line-height: 24px;
    }

	.salon-box img {
        height: 315px;
		margin: 0 0 24px 0;
    }

    .profile h3 {
	    margin: 0 0 6px 0;
    }

    .stylist-article {
        width: 315px;
    }

    .stylist-box p {
        line-height: 24px;
    }

    .stylist-box img {
        height: 315px;
        margin: 0 0 24px 0;
    }

    .profile, .message {
        width: 315px;
    }

    .message h3 {
        margin: 0 0 4px 0;
        font-size: 1.4rem;
}

}