@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700&subset=japanese');
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans CJK JP"),
         url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
         url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}

html{
	font-size: 62.5%;/*16px × 62.5%=10px*/
}
body{

	color: #333;
	font-family: "Roboto",'Noto Sans JP',sans-serif;
	font-size: 1.6rem;
	line-height: 1.85;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
img{
	max-width: 100%;
	height: auto;
}

.wrap {
	background-color: #edeee2;
	width: 100%;
	position: relative;
	padding: 0 0 0;
	text-align:center;
}

.pcv {display:none;}
.spv {display:block;}
.pc {display:none;}
.sp {display:block;}

@media screen and (min-width: 800px) {
	.pcv {display:block;}
	.spv {display:none;}
	.pc {display:block;}
	.sp {display:none;}
	
}



.sec { width:100%;margin:30px 0; }
.sec-all {
	margin: 0 calc(50% - 50vw);
	width: 100vm;
	padding:30px 0 0 0;
}


.bg-1 { background:#ab9611; }
.bg-2 { background:#fff; }

.inner {
	width: 100%;
	margin: 0 auto;
}
@media screen and (min-width: 800px) {
	.inner {
		width: 890px;
		margin: 0 auto;
	}
}



@media screen and (max-width: 799px) {
	.sp-fz13 { font-size:1.3rem; }
}


.line {
	border-width: 3px 0 0 0;
	border-style: solid;
	border-color: #ab9611;
}
.line-1 {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ab9611;
}

.wide {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}





/*---------------------------
 *
 * header
 *
 *---------------------------*/


@media screen and (min-width: 800px) {
	
}









@media screen and (max-width: 800px) {
 	
}


.h2{
    margin: 0px 0 70px 0;
}
.container-image{
	
	margin: 0 auto;
	width: 700px;
}
.h2 p{
    text-align: left;
}
.tenmei{
	font-size: 20;
	font-weight: 600;
}
.container{
	padding-bottom: 20px;
	display: flex;
	justify-content: center;
}
.item{
	margin: 10px;
	padding: 10px;
}


.f1{
	font-size: 25px;
}
.f2{
	border-bottom: solid 3px #27401E;
}

@media screen and (max-width: 800px) {
	.h2{
    margin: 0px 0 70px 0;
}
.container-image{
	
	margin: 0 auto;
	width: 80%;
}
.container-image p{
		text-align: left;
	}
.h2 p{
	font-size: 1.3rem;
    text-align: left;
}
.tenmei{
	font-size: 20;
	font-weight: 600;
}
.container{
	margin: 0 30px;
	padding-bottom: 0px;
	display: inline-block;
	justify-content: center;
}
.container image{
	
	}
.item{
	margin: 10px;
	padding: 10px;
}


		
	}
	
	
	.h2 p{
		
	
	}
	
	
	
}

/*---------------------------
 *
 * main
 *
 *---------------------------*/

.ph-1 img{ 
	width: 95%;
	margin: 0 auto;



}

.l-content {
	width:auto;
	margin:0 15px;
	padding:20px 0 0;
	color:#333;
}

@media screen and (min-width: 800px) {
	
	.ph-1 img{
		width: 80%;
		margin: 0 auto;
	}
	.l-content {
		max-width:890px;
		width:100%;
		margin:0 auto;
		padding:40px 0;
	}
}


/*---------------------------
 *
 * MV area
 *
 *---------------------------*/

.mv-area {

	text-align:center;

	padding-top:50px;
}


@media screen and (min-width: 800px) {
	.mv-area { padding-top:100px; }

	


}



.mv-catch {
	width:auto;
	margin: 0 auto;
	color:#fff;
	
}


@media screen and (min-width: 800px) {
	.mv-catch {
		
		width:80%;
		margin:20px auto 60px;
		
	}

	

}






	
.mv-info {


	background-repeat: no-repeat;
	background-position: center;
	background-size: 900px;

	color: #000000;
	padding:10px;
	margin:10px 0;
}





.mv-info_inner {

	padding:55px 15px 0px 15px;
}





.mv-info_inner p{
	padding-top: 20px;
    font-size: 1.3rem;
    
    font-weight: 400;
}



.mv-area .ph-logo {
	width:auto;
	margin:0 20px 15px 20px;
}
.mv-area .ph-logo img { width:100%;height:auto;margin:0; }



.piabutton{
		width: 80%;
		margin: 0 auto 70px;
		
	}



@media screen and (max-width: 800px) {
	
	.mv-info_inner {

	padding:25px 15px 30px 15px;
}

	.mv-info {
	

	color: #000000;

	margin: 0 auto;
}
	
	.piabutton{
		width: 50%;
		margin: 0 auto 70px;
		
	}
}

	
	
	
	
}










@media screen and (max-width: 800px) {
	
	




@media screen and (max-width: 800px) {
	
}