html { scroll-behavior: smooth;
	scroll-padding-top: 90px; // ヘッダーの高さ分設定
  }
  @media screen and (max-width: 767px) {
	html { scroll-padding-top: 74px; // ヘッダーの高さ分設定
	}

  .pc {
	  display:flex;
  }
  .sp {
	  display:none;
  }
  
/* --------------------------------------------
 * 　メインヴィジュアル
 * -------------------------------------------- */
.mv_wrap {
	width:100%;
}
.mv {
	margin:0 auto;
	height: calc(100svh);
	background:url(https://magatama.oreillebeauty.com/wp-content/themes/magatama.oreillebeauty/img/top/mv_back_sp.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding:0 0 0 0;
}


.mv img{
	width: 100%;
	height: auto;
	object-fit: cover;
	vertical-align: bottom;
}

.mv .left {
    width: 100%;
    height:160px;
    margin:0 auto 0 0;
    background:none;
    background-color: #1F2B6C;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
  .mv .left_sp {
    width: 100%;
    height:auto;
    margin:0 auto;
}
.mv .left_sp img{
    width: 100%;
}

.mv .left p{
	width:100%;
	text-align:left;
	margin:0 auto;
	padding:0 0 0 20px;
	font-size:1.6rem;
	color:#ffffff;
	line-height:240%;
}
.mv .left p .tbig{
	font-size:2rem;
	color:#ffffff;	
	padding:0 0 10px 0;
	text-decoration:underline;
	text-decoration-color: #ff0000;
	text-decoration-thickness: 3px;
	text-underline-offset: 8px;
}

.mv .imgarea{
    width: 100%;
    height: auto;
    object-fit: cover;
    vertical-align: bottom;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
	flex-direction: column-reverse;
  }
  .mv .imgarea .reft{
    width: 100%;
    height: auto;
    margin: 9% 0 0 0;
  }
  .mv .imgarea .reft img{
    width: 66%;
    margin: 0 17% 0 17%;
    height: auto;
  }
  .mv .imgarea .right{
    width: 100%;
    height: auto;
    margin: 6% 0 0 0;
  }
  .mv .imgarea .right img{
    width: 66%;
    margin: 0 17% 0 17%;
    height: auto;
  }
  .mv .imgarea_u{
    width: 100%;
    margin: 20px auto 0 auto;
    height: auto;
    text-align: center;
    object-fit: cover;
    vertical-align: bottom;
  }
  .mv .imgarea_u img{
    width: 90%;
    margin: 0 auto;
    height: auto;
  }

/* --------------------------------------------
 *タイトル
 *-------------------------------------------- */


/* --------------------------------------------
 * 　新着記事
 * -------------------------------------------- */


.button_wrap02{
	margin: 0 0 0 0;
	display:flex;
	flex-wrap:wrap;
	padding: 20px 0 40px 0;
}


 /* --------------------------------------------
 * 　サイト説明
 * -------------------------------------------- */



 /* --------------------------------------------
*私たちについて
*--------------------------------------------*/

/* --------------------------------------------
* 　メインヴィジュアル
* -------------------------------------------- */

/* --------------------------------------------
*タイトル
*-------------------------------------------- */



/* --------------------------------------------
* 　新着記事
* -------------------------------------------- */

	.top_newarticle {
		width:92%;
		margin:0 auto;
		padding:0 0 50px 0;
	  }

  /* --------------------------------------------
  * 　サイト説明
  * -------------------------------------------- */



}