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


.block01{
	padding: 41px 0 30px;
	overflow: hidden;
	position: relative;
}

.block01::before{
	content: '';
	display: inline-block;
	background: url("../images/common/b01_parts01.png")no-repeat;
	background-size: contain;
	width: 488px;
	height: 471px;
	position: absolute;
	top: -19px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

.block01 .block_inner{
	width: 100%;
}

.block01 .block_inner h3.sub_midashi{
	padding-top: 80px;
	font-size: 1.65rem;
	line-height: 1.96;
	color: #3f2a14;
	text-align: center;
	position: relative;
}

.block01 .block_inner h3.sub_midashi::before{
	content: '';
	display: inline-block;
	background: url("../images/charm/img01.png")no-repeat;
	background-size: contain;
	width: 85px;
	height: 65px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.block01 .block_inner .txt01{
	width: 93.33%;
	margin: 6px auto 0;
	font-size: 13px;
	line-height: 2.34;
	color: #3f2a14;
	text-align: center;
}

.block01 .block_inner .gallery{
	width: 98.4%;
	margin: 24px auto 0;
}

.block01 .block_inner .gallery ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.block01 .block_inner .gallery ul li{
	width: 49.72%;
}

.block01 .block_inner .gallery ul li img{
	width: 100%;
	height: auto;
}

.block01 .block_inner .gallery ul li:nth-child(n + 3){
	margin-top: 3px;
}

/*-----------------------------------------------------------*/

.block02{
	padding: 86px 0 47px;
}

.block02 + .block02{
	padding: 95px 0 69px;
}

.block02.bg-color{
	background: #fff9eb;
}

.block02 .block_inner{
	width: 100%;
}

.block02 .block_inner .flex_tit_area{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.block02 .block_inner .flex_tit_area .m_page_tit{
	width: 100%;
	position: relative;
	z-index: 1;
}

.block02 .block_inner .flex_tit_area .m_page_tit::before{
	content: '';
	display: inline-block;
	background: url("../images/top/b01_parts01.png")no-repeat;
	background-size: contain;
	width: 310px;
	height: 299px;
	position: absolute;
	top: -58px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

.block02 .block_inner .flex_tit_area .m_page_tit h2.m_midashi{
	position: relative;
	padding: 28px 0 12px;
	font-size: 19px;
	text-align: center;
	color: #3f2a14;
}

.block02 .block_inner .flex_tit_area .m_page_tit h2.m_midashi::before{
	content: '';
	display: inline-block;
	background: url("../images/common/midashi_line.svg")no-repeat;
	background-size: contain;
	width: 66px;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.block02 .block_inner .flex_tit_area .m_page_tit h2.m_midashi::after{
	content: '';
	display: inline-block;
	background: url("../images/charm/p01.svg")no-repeat;
	background-size: contain;
	width: 45px;
	height: 11px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}


.block02 .block_inner .flex_tit_area .m_page_tit.tit02 h2.m_midashi::after{
	background: url("../images/charm/p02.svg")no-repeat;
}

.block02 .block_inner .flex_tit_area .m_page_tit.tit03 h2.m_midashi::after{
	background: url("../images/charm/p03.svg")no-repeat;
}

.block02 .block_inner .flex_tit_area .m_page_tit.tit04 h2.m_midashi::after{
	background: url("../images/charm/p04.svg")no-repeat;
}

.block02 .block_inner .flex_tit_area .m_page_tit.tit05 h2.m_midashi::after{
	background: url("../images/charm/p05.svg")no-repeat;
}

.block02 .block_inner .flex_tit_area .m_page_tit.tit06 h2.m_midashi::after{
	background: url("../images/charm/p06.svg")no-repeat;
}

.block02 .block_inner .flex_tit_area .img_area{
	width: 100%;
	margin-top: 31px;
	position: relative;
	z-index: 1;
}


.block02 .block_inner .flex_tit_area .img_area img{
	width: 100%;
	height: auto;
}

.block02 .block_inner .point_area{
	width: 85.33%;
	margin: 53px auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.block02 .block_inner .point_area .p_img{
	width: 78.12%;
	margin-top: 18px;
	order: 2;
}

.block02 .block_inner .point_area .p_img img{
	width: 100%;
	height: auto;
}

.block02 .block_inner .point_area .p_txt_area{
	width: 100%;
	position: relative;
	z-index: 1;
}

.block02 .block_inner .point_area .p_txt_area::before{
	content: '';
	display: inline-block;
	background: url("../images/charm/parts01.png")no-repeat;
	background-size: contain;
	width: 137px;
	height: 137px;
	position: absolute;
	top: -33px;
	left: -33px;
	z-index: -1;
}

.block02 .block_inner .point_area .p_txt_area dl dt{
	font-size: 16px;
	letter-spacing: 0.2em;
	color: #3f2a14;
}

.block02 .block_inner .point_area .p_txt_area dl dd{
	margin-top: 23px;
	font-size: 14px;
	line-height: 1.99;
	color: #3f2a14;
	text-align: justify;
}

.block02 .block_inner .point_gallery{
	width: 85.33%;
	margin: 14px auto 0;
}

.block02 .block_inner .point_gallery ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;	
}


.block02 .block_inner .point_gallery ul li{
	width: 78.12%;
}

.block02 .block_inner .point_gallery ul li + li{
	margin-top: 12px;
}

.block02 .block_inner .point_gallery ul li img{
	width: 100%;
	height: auto;
}

/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/