@charset "utf-8";

h1, h2, h3, h4, h5, h6 {
	text-align: center;
}

h2 {
	line-height: 1.3;
}
.page .site-body {
    padding: 0;
}
.site-body .container {
	max-width: inherit;
	padding-right: 0;
  padding-left: 0;
}
/*mv*************************************/
/*mv*************************************/

.page-header {
	/*position: relative;*/
	width: 100%;
	height: calc( 100vh - 79px);
	background-color: transparent!important;
	background-image: url(../img/good/p_mv.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0 auto;
}



.page-header-inner::before {
	content:"";
	width: 420px;
	height: 195px;
	position: absolute;
	
    top: -520%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50;
	background-image: url(../img/common/logomark.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0 auto;
}


/*mv*************************************/

/*こだわり**********************************/
.commit_cont {
	margin: 100px 0;
}
.commit_summ {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	width: 980px;
	margin: 0 auto 50px;
}
.commit_note {
	width: 33%;
	border-bottom: 1px solid #000;
}
.commit_note h3 {
	font-size: 24px;
	margin-bottom: 20px;
}
.commit_img {
	width: calc( 100% - 33% );
}
.commit_img img {
	width: 100%;
}
.commit_det {
	padding: 0 20px;
	margin-bottom: 130px;
}
/*こだわり**********************************/
/****************************************************/
/****************** media queries *******************/
/****************************************************/

@media screen and (max-width: 1500px) {
/*mv*************************************/
	
/*mv*************************************/
/*こだわり**********************************/
/*こだわり**********************************/
}
/********************************************/
/************ max-width: 1200px *************/
/********************************************/
@media screen and (max-width: 1200px) {
	/*mv*************************************/

	/*mv*************************************/
/*こだわり**********************************/
/*こだわり**********************************/
}

/********************************************/
/************ max-width: 1120px *************/
/********************************************/
@media screen and (max-width: 1120px) {
	/*mv*************************************/

	/*mv*************************************/
/*こだわり**********************************/
/*こだわり**********************************/
}

/********************************************/
/************ max-width: 1000px *************/
/********************************************/
@media screen and (max-width: 1000px) {
	
/*mv*************************************/



/*mv*************************************/
/*こだわり**********************************/
.commit_summ {
	width: 100%;
}
/*こだわり**********************************/
}


/********************************************/
/************ max-width: 834px *************/
/********************************************/
/*タブレット*/
@media screen and (max-width: 834px) {
	/*mv*************************************/
	.page-header {
	height: calc( 100vh - 64px);
}
	/*mv*************************************/
	/*こだわり**********************************/
/*こだわり**********************************/
}


/********************************************/
/************ max-width: 640px *************/
/********************************************/
/*スマホ*/
@media screen and (max-width: 640px) {
		
/*mv*************************************/

	.page-header-inner::before {
	content:"";
	width: 240px;
	height: 111px;
    top: -320%;
}
	
	
.page-header {
	background-image: url(../img/good/p_mv_sp.jpg);
}
/*mv*************************************/

/*こだわり**********************************/
.commit_cont {
    margin: 50px 0;
}
.commit_note h3 {
    font-size: 18px;
    margin-bottom: 10px;
}
.commit_summ {
    margin: 0 auto 30px;
}
.commit_det {
    margin-bottom: 50px;
}
/*こだわり**********************************/
}