/******************* index *******************/
.main {
  max-width: 100%;
  background-color: #f2f2ef;
  background-image: url(../img/common/under_main.jpg);
  background-position: 50% 0;
  height: 284px;
  text-align: center;
  background-repeat: no-repeat;
  margin-bottom: 170px;
  padding: 110px 0 0; }
  .main h1 {
    font-size: 40px;
    font-size: 4rem;
    font-weight: bold;
    color: #82858a;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    font-family: "Open Sans Condensed"; }
  .main .alias {
    font-size: 12px;
    font-size: 1.2rem;
    color: #82858a; }

.whiteBox {
  position: relative; }
  .whiteBox_ic {
    position: absolute;
    top: -100px;
    left: 50%;
    margin-left: -11.49533%;
    -moz-box-shadow: 0 0 88px 0 rgba(68, 72, 83, 0.33);
    -webkit-box-shadow: 0 0 88px 0 rgba(68, 72, 83, 0.33);
    box-shadow: 0 0 88px 0 rgba(68, 72, 83, 0.33); }
    .whiteBox_ic img {
      display: block; }
  .whiteBox h2 {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: normal;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    line-height: 1.3;
  }
  .whiteBox p {
    line-height: 2; }

.totalBeauty {
  max-width: 1070px;
  margin: 0 auto 60px; }
  .totalBeauty .whiteBox {
    margin-right: 0; }
    .totalBeauty .whiteBox_inner {
      padding-top: 130px;
      padding-top: 13rem; }
  .totalBeauty_left {
    float: left;
    width: 47.61905%; }
  .totalBeauty_right {
    float: right;
    width: 51.19048%; }

.personalCare {
  max-width: 1070px;
  margin: 0 auto 60px; }
  .personalCare .whiteBox {
    margin-left: 0; }
    .personalCare .whiteBox_inner {
      padding-top: 130px;
      padding-top: 13rem; }
  .personalCare_left {
    float: left;
    width: 27.619%; }
    .personalCare_left p {
      font-size: 10px;
      font-size: 1rem;
      letter-spacing: 0;
      font-family: "Yu Gothic Pr6N B" }
    .personalCare_left img {     
      margin-top: 1rem;
      display: block; }
  .personalCare_right {
    float: right;
    width: 70%; }

.good {
  max-width: 1070px;
  margin: 0 auto 120px; }
  .good .whiteBox {
    margin-right: 0; }
    .good .whiteBox_inner {
      padding-top: 130px;
      padding-top: 13rem; }
  .good_left {
    float: left;
    width: 27.619%; }
    .good_left p {
      font-size: 10px;
      font-size: 1rem;
      letter-spacing: 0;
      font-family: "Yu Gothic Pr6N B" }
    .good_left img {
      margin-top: 1rem;
      display: block; }
  .good_right {
    float: right;
    width: 70%; }

.message {
  margin: 0 auto 170px; }
  .message .whiteBox {
    background-color: #f2f2ef; }
  .message_left {
    float: left;
    width: 71.42857%; }
  .message_right {
    float: right;
    width: 28.57143%;
    text-align: right; }

.certification_box {
	overflow: hidden;
	border-bottom: 1px solid #e9eae9;
	padding-bottom: 40px;
	margin-bottom: 40px; }
    .certification_box_text h3 {
      line-height: 1.5; }
    .certification_box_text p {
      font-size: 14px;
      font-size: 1.4rem; }
    .certification_box_text a {
      font-size: 11px;
      font-size: 1.1rem; }
  .certification_box:last-child {
  	border-bottom:none;
    margin-bottom: 0; }

.logoBox{
	float: left;
	width: 80px;
	position: relative;
	z-index: 2;
}

.certification_box_text,
.whiteBox h2.certification_ttl{
	float: right;
	width: 100%;
	padding-left: 120px;
	margin-left: -120px;
	box-sizing: border-box;
}

/* sp */
@media screen and (max-width: 640px) {
	.pcOnly{display: none;}
	.whiteBox h2.certification_ttl{
		float: none;
		padding-left: 0;
		margin-left: 0;
    font-size: 5vw;
	}
	.certification_box_text{
		padding-left: 100px;
		margin-left: -100px;
	}
	.whiteBox .certification_box:nth-of-type(2)  .logoBox{
		margin-top: 7px;
	}
}
.whiteBox h2.certification_ttl{
	margin-bottom: 20px;
  line-height: 1.5;
}

/* pc */
@media screen and (min-width: 641px) {
	.whiteBox h2.certification_ttl{
		font-size: 2.1rem;
	}
	.spOnly{display: none;}
}

/* sp */
@media screen and (max-width: 640px) {
  body {
    font-size: 14px; }

  .main {
    height: 44.375vw;
    margin-bottom: 30vw;
    padding: 17.1875vw 0 0;
    background-size: cover; }
    .main h1 {
      font-size: 50px;
      font-size: 5rem; }
    .main .alias {
      font-size: 25px;
      font-size: 2.5rem; }

  .whiteBox h2 {
    font-size: 5.5vw;
    margin-bottom: 4rem;
    margin-bottom: 6.25vw; }

  .whiteBox_ic {
    position: absolute;
    top: -20vw;
    left: 50%;
    margin-left: -18.75%;
    width: 41.37931%; }

  .whiteBox_inner {
    padding: 25vw 4.6875% 7rem;
    background-position: 50% 20vw; }

  .totalBeauty .whiteBox {
    margin-right: auto; }
    .totalBeauty .whiteBox_inner {
      padding-top: 18rem;
      padding-top: 28.125vw; }
  .totalBeauty_left {
    float: none;
    width: 100%;
    margin-bottom: 2rem; }
  .totalBeauty_right {
    float: none;
    width: 100%; }

  .personalCare .whiteBox {
    margin-left: auto; }
    .personalCare .whiteBox_inner {
      padding-top: 18rem;
      padding-top: 28.125vw; }
  .personalCare_left {
    float: none;
    width: 100%;
    margin-bottom: 2rem; }
    .personalCare_left img {
      display: block;
      margin: 0 auto 1rem; }
    .personalCare_left p {
      font-size: 1.8rem;
      text-align: center;
	  margin-bottom: 1rem;}
  .personalCare_right {
    float: none;
    width: 100%; }

  .good .whiteBox {
    margin-right: auto; }
    .good .whiteBox_inner {
      padding-top: 18rem;
      padding-top: 28.125vw; }
  .good_left {
    float: none;
    width: 100%;
    margin-bottom: 2rem; }
    .good_left img {
      display: block;
      margin: 0 auto 1rem; }
    .good_left p {
      font-size: 1.8rem;
      text-align: center;
	  margin-bottom: 1rem;}
  .good_right {
    float: none;
    width: 100%; }

  .message {
    margin: 0 auto 120px;
    margin: 0 auto 18.75vw; }
    .message_left {
      float: none;
      width: 100%;
      margin-bottom: 2rem; }
      .message_left img {
        display: block;
        margin: 0 auto 1rem; }
    .message_right {
      float: none;
      width: 100%;
      text-align: center;
      margin-bottom: 15px; }
    .message .whiteBox_inner {
      padding: 7rem 4.6875%; }

  .certification .whiteBox_inner {
    padding: 7rem 4.6875%; }
  .certification_box {
    width: 100%;
    margin-bottom: 30px; }
      .certification_box_text a {
        font-size: 12px; }
      .certification_box_text p {
        font-size: 14px; } }