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


.block01{
	padding: 3.24rem 0 4.86rem;/*48 72*/
	position: relative;
}

.block01::before{
	content: '';
	display: inline-block;
	background: url("../images/common/b01_parts01.png")no-repeat;
	background-size: contain;
	width: 52.23rem;/*773*/
	height: 50.41rem;/*746*/
	position: absolute;
	top: -4.86rem;/*-72*/
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

.block01 .block_inner{
	width: 100%;
}

.block01 .block_inner h3.sub_midashi{
	padding-top: 7.84rem;/*116*/
	font-size: 1.55rem;/*23*/
	line-height: 2.04;
	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: 8.38rem;/*125*/
	height: 6.42rem;/*95*/
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.block01 .block_inner .txt01{
	margin-top: 3.18rem;/*47*/
	font-size: 1.15rem;/*17*/
	line-height: 2.76;
	color: #3f2a14;
	text-align: center;
}

.block01 .block_inner .gallery{
	margin-top: 3.38rem;/*50*/
}

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

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

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

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

.block02{
	padding: 9.26rem 0 5.27rem;/*137 78*/
}

.block02 + .block02{
	padding: 7.77rem 0 7.64rem;/*115 113*/
}

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

.block02 .block_inner{
	width: 100%;
}

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

.block02 .block_inner .flex_tit_area .m_page_tit{
	width: 26.76rem;/*396*/
	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: 41.89rem;/*620*/
	height: 40.41rem;/*598*/
	position: absolute;
	top: -3.58rem;/*-53*/
	left: -6.76rem;/*-100*/
	z-index: -1;
}

.block02 .block_inner .flex_tit_area .m_page_tit h2.m_midashi{
	position: relative;
	padding: 15.00rem 0 1.69rem;/*222 25*/
	font-size: 1.89rem;
	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: 8.92rem;/*132*/
	height: 0.54rem;/*8*/
	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: 6.08rem;/*90*/
	height: 1.49rem;/*22*/
	position: absolute;
	top: 6.01rem;/*89*/
	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: 63.10%;
	height: 33.78rem;
	overflow: hidden;
	position: relative;
	z-index: 1;
}


.block02 .block_inner .flex_tit_area .img_area img{
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.block02 .block_inner .point_area{
	width: 67.57rem;/*1000*/
	margin: 5.27rem auto 0;/*78*/
	display: flex;
	justify-content: space-between;
}

.block02 .block_inner .point_area .p_img{
	width: 50%;
}

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

.block02 .block_inner .point_area .p_txt_area{
	width: 40.1%;
	padding-top: 2.70rem;/*40*/
	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: 12.30rem;/*182*/
	height: 12.36rem;/*183*/
	position: absolute;
	top: -0.41rem;/*-6*/
	left: -5.07rem;/*-75*/
	z-index: -1;
}
.block02 .block_inner .point_area .p_txt_area.area_long{
width: 100%;
}
.block02 .block_inner .point_area .p_txt_area dl dt{
	font-size: 1.35rem;/*20*/
	letter-spacing: 0.2em;
	color: #3f2a14;
}

.block02 .block_inner .point_area .p_txt_area dl dd{
	margin-top: 2.03rem;/*30*/
	font-size: 1.08rem;/*16*/
	line-height: 2.31;
	color: #3f2a14;
	text-align: justify;
}

.block02 .block_inner .point_gallery{
	width: 67.57rem;/*1000*/
	margin: 4.53rem auto 0;/*67*/
}

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


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

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

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