@charset "utf-8";

/*見出しの文字サイズ・・・スマホはPCの約4/5にする*/

/* for Common & Smartphone*/


/*春匠*/

.haruFlyer{
	width:100%;
	margin:0 auto 50px;
}

.haruFlyer p{
	width:100%;
}

.haruFlyer p img{
	width:100%;
}

.haruCopy01{
	font-size:192%;
	font-family: "Noto Serif JP" , "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	margin-bottom:20px;
}
.haruCopy01 span{
	color:#d50071;
}

.haruCopy02{
	font-size:18px;
	font-family: "Noto Serif JP" , "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	margin:0 auto 40px;
	line-height:2;
}


.haruBtn01{
	width:100%;
	max-width:400px;
	margin:0 auto 50px;
}
.haruBtn01 a{
	display:block;
	background:#fff;
	border:1px solid #999999;
	border-radius:4px;
	text-decoration:none !important;
	width:100%;
	color:#000 !important;
	font-size:153%;
	font-weight:normal;
	text-align:center;
	line-height:60px;
	font-family: "Noto Serif JP" , "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}


/**/
.haruWork{
	width:100%;
	background:#f5f5f5;
	padding-top:60px;
	padding-bottom:60px;
}
.haruWorkUnit{
	width:100%;
	overflow:hidden;
	margin-bottom:60px;
}
.haruWorkUnit:last-child{
	margin-bottom:0;
}
.haruWorkTtl{
	width:100%;
	text-align:left;
	font-size:184%;
	line-height:1.5;
	font-weight:normal;
	font-family: "Noto Serif JP" , "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	margin:0 0 40px;
}
.haruWorkTtl small{
	font-size:70%;
	line-height:1;
}
.haruWorkTxt{
	width:100%;
	text-align:left;
	font-size:108%;
	font-family: "Noto Serif JP" , "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	margin-bottom:20px;
	line-height:2.4;
}
.haruWorkMovie{
	width:100%;
}
.haruWorkMovie iframe{
	max-width:100%;
}


/**/
.nobeCon{
	width:100%;
	margin-top:100px;
}
.nobeTtl{
	width:100%;
	text-align:left;
	font-size:184%;
	font-weight:normal;
	font-family: "Noto Serif JP" , "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	margin-bottom:30px;
}
.nobeTxt{
	width:100%;
	text-align:left;
	font-size:108%;
	font-family: "Noto Serif JP" , "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	margin-bottom:20px;
	line-height:2;
}
.nobeImg{
	width:100%;
}




/* for Smartphone 横とか*/
@media screen and (min-width: 480px) {
}

/* for Smartphone*/
/*横向きの際に適用*/
@media screen and (orientation : landscape) { 
}

/* for PC*/
@media print, screen and (min-width:768px) {


.haruFlyer{
	width:100%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.haruFlyer p{
	float:left;
}
.haruFlyer p:nth-child(1){width:40%;}
.haruFlyer p:nth-child(2){width:20%;}
.haruFlyer p:nth-child(3){width:20%;}
.haruFlyer p:nth-child(4){width:20%;}


/**/
.haruWorkTxtarea{
	width:60%;
	float:left;
}
.haruWorkMovie{
	width:36%;
	float:right;
}


/**/
.nobeTxt{
	width:71%;
	float:left;
}
.nobeImg{
	width:25%;
	float:right;
}








}