@charset "utf-8";
/****************************************************************************************************

カテゴリ別

****************************************************************************************************/
#MainBack2top{
	display:none;
}

.introBox{
}

	.introBox .txt{
		margin-bottom:20px;
	}

		.introBox .txt p{
			font-size:120%;
			line-height:2.0;
		}
	
	.intro__photoList{
		display: flex;
		flex-wrap: wrap;
	}
@media (max-width:568px){
	.intro__photoList{
		margin-bottom: 20px;
	}
}

		.intro__photoList li{
			margin-left: 25px;
			margin-bottom: 25px;
			flex-basis: calc( ( 100% - 50px ) / 3 );
			max-width: calc( ( 100% - 50px ) / 3 );
		}
@media (max-width:568px){
		.intro__photoList li{
			margin-left: 10px;
			margin-bottom: 10px;
			flex-basis: calc( ( 100% - 20px ) / 3 );
			max-width: calc( ( 100% - 20px ) / 3 );
		}
}

		.intro__photoList li:nth-child(3n+1){
			margin-left: 0;
		}



	.introBox .photoBox{
	}

		.introBox .photoBox .photo{
			margin-bottom:10px;
			width:450px;
			font-size:110%;
		}
		.introBox .photoBox .photo figure{
			margin-bottom:5px;
		}


@media (max-width:950px){
.introBox{
	margin:0 auto;
	width:97.89%;
}
	.introBox .photoBox{
	}

		.introBox .photoBox .photo{
			width:47.36%;
		}

}

@media (max-width:768px){
}

@media (max-width:568px){
		.introBox .photoBox .fl{
			float:left;
		}
		
		.introBox .photoBox .fr{
			float:right;
		}

}


/*
各コンテンツ
--------------------------------------------------*/
#BlockTitle1{
	padding-top: calc( 190 / 950 * 100% );
	background-image:url(../images/headline1_l.png);
	background-size:contain;
	height:0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.blockTitleBase{
	width:100%;
	background-repeat:no-repeat;
}

@media (max-width:950px){
	/* #BlockTitle1{ padding-top:42.73%; } */
}

@media (max-width:768px){
#BlockTitle1{
	padding-top: calc( 190 / 768 * 100% );
	background-image:url(../images/headline1_m.png);
}
}

@media (max-width:568px){
#BlockTitle1{
	padding-top: calc( 186 / 568 * 100% );
	background-image:url(../images/headline1_s.png);
}
}




/*
ブロック
------------------------------*/
.blockBox{
	margin:0 auto;
	width:97.89%;
	font-size:110%;
}

.blockBase{
	margin-bottom:20px;
	width: calc( 460 / 950 * 100% );
}


.blockBase p{
	margin: 0 auto;
	padding: 0 20px;
	max-width: 390px;
	/* font-family: "Hiragino Mincho ProN", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
	font-size: 1.6rem;
	line-height: 2.0;
	letter-spacing: 0.12rem;
}
@media (max-width:768px){
.blockBase p{
	font-size: 1.4rem;
	line-height: 1.5;
}
}
@media (max-width:568px){
.blockBase p{
	padding: 0 10px;
	font-size: 1.2rem;
	letter-spacing: 0.05rem;
	line-height: 1.25;
}
}

.blockL{
	float:left;
}

.blockR{
	float:right;
}


/*コメント*/
.blockTxtL{ float:left; }
.blockTxtR{ float:right; }

.blockTxt{
	width:210px;
}
	.blockTxt dt{
		float:left;
		width:21px;
	}
	.blockTxt dd{
		margin-left:25px;
		margin-bottom:10px;
	}

@media (max-width:950px){
.blockTxt{
	width:47.72%;
}
}

@media (max-width:568px){
.blockTxtL,
.blockTxtR{ float:none; }

.blockTxt{
	margin-bottom:10px;
	width:100%;
}
}

.p-text1{
	margin: 0 auto 40px;
	padding: 0 10px;
	max-width: 810px;
	font-size: 1.6rem;
	line-height: 2.0;
	/* font-family: "Hiragino Mincho ProN", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
}
@media (max-width:568px){
.p-text1{
	margin-bottom: 20px;
	font-size: 1.2rem;
}
}