@charset "UTF-8";


#charm01 #charm_title {
	width: 1024px;
	padding: 100px 0px 75px 0px;
	margin: 0 auto;
}

#charm01 #charm_title h1 {
	width: 291px;
	margin: 0 auto 140px;
}

#charm01 #charm_title h2 {
	font-size: 2.5rem;
	line-height: 4.5rem;
	letter-spacing: 10px;
	text-align: center;
	color: #7e6c35;
	width: 30%;
	float: left;
	padding-left: 50px;
}

#charm01 #charm_title p {
	font-size: 1.4rem;
	line-height: 2.2rem;
	width: 70%;
	float: right;
	clear: right;
}
#charm01 #charm_title p:first-of-type {
	margin-bottom: 20px;
}
#charm01 .charm01_contents {
	width: 100%;
	background: url("../img/charm01_bg01.png") no-repeat;
	background-position: left top;
	background-size: 100% auto;
	padding: 80px 0 157px;
	min-width: 1100px;
}

#charm01 section:nth-child(3) {
	background: url("../img/charm01_bg02.png") no-repeat;
	background-position: left top;
	background-size: 100% auto;
	padding: 130px 0 130px;
	min-width: 1100px;
}

#charm01 section:nth-child(4) {
	background: url("../img/charm01_bg03.jpg") no-repeat;
	background-position: left top;
	background-size: 100% auto;
	padding: 80px 0 157px;
	min-width: 1100px;
}

#charm01 .charm01_contents .title_area {
	background-color: rgba(000,0,0,0.5);
	width: 600px;
	padding: 45px 65px 45px 35px;
	float: right;
	color: #fff;
	margin-bottom: 180px;
}

#charm01 .charm01_contents .title_area h3 span {
	font-size: 3.3rem;
	font-family: kozuka-gothic-pro, sans-serif;
	font-weight: 400;
	letter-spacing: 5px;
	margin-right: 10px;
}

#charm01 .charm01_contents .title_area h3 {
	font-size: 1.7rem;
	margin-bottom: 50px;
}

#charm01 .charm01_contents .title_area p {
	font-size: 1.4rem;
	margin: 20px 0;
	line-height: 1.7;
}

#charm01 .charm01_contents .imgae_area {
	margin: 0 auto;
	width: 889px;
}

#charm01 .charm01_contents .imgae_area dl {
	float: left;
	width: 290px;
	margin-right: 8px;
}



/* 背景帯　白色設定  */
.area_wh {
    background-color: #fff;
    padding-top: 35px;
    padding-bottom: 25px;
}


@media (min-width: 901px)
{
#charm01 .charm01_contents .imgae_area dl:last-of-type {
	margin-right: 0;
}
}

#charm01 .charm01_contents .imgae_area dd {
	font-size: 1.4rem;
	padding: 0 10px;
	color: #412e46;
}

#charm_menu {
	background-color: #f1f1f1;
	padding: 80px 0;
	min-width: 1100px;
}

#charm_menu .charmmenu_contents {
	width: 1100px;
	margin: 0 auto;
}

#charm_menu h3 {
	font-size: 2.7rem;
	line-height: 4.4rem;
	color: #7e6c35;
	letter-spacing: 10px;
	text-align: center;
	margin-bottom: 65px;
}

#charm_menu li {
	display: inline-block;
	margin-right: 12px;
	margin-bottom: 12px;
	width: 355px;
}

@media (min-width: 901px)
{
#charm_menu li:nth-child(3n) {
	margin-right: 0;
}
}


/*== sp ==*//*==================================================================================*/

@media (max-width: 900px)
{

#charm01 #charm_title {
	width: 90%;
	padding: 30% 0 5%;
	margin: 0 auto;
}

#charm01 #charm_title h1 {
	width: 60%;
	margin: 0 auto 30%;
}

#charm01 #charm_title h2 {
	font-size: 2rem;
	line-height: 3.5rem;
	letter-spacing: 8px;
	width: 100%;
	float: none;
	margin: 0 auto 5%;
	padding: 0;
}

#charm01 #charm_title p {
	font-size: 1.4rem;
	line-height: 2.2rem;
	width: 100%;
	float: none;
}

#charm01 .charm01_contents {
	width: 100%;
	background: url("../img/charm01_bg01_sp.png") no-repeat;
	background-position: left top;
	background-size: 100% auto;
	padding: 65% 0 20%;
	min-width: 100%;
}
#charm01 section:nth-child(3) {
	width: 100%;
	background: url("../img/charm01_bg02_sp.png") no-repeat;
	background-position: left top;
	background-size: 100% auto;
	padding: 65% 0 20%;
	min-width: 100%;
}
#charm01 section:nth-child(4) {
	width: 100%;
	background: url("../img/charm01_bg03_sp.png") no-repeat;
	background-position: left top;
	background-size: 100% auto;
	padding: 65% 0 20%;
	min-width: 100%;
}


#charm01 .charm01_contents .title_area {
	background-color: rgba(000,0,0,0);
	width: 90%;
	padding: 0;
	float: none;
	color: #000;
	margin: 0 auto 5%;
	background-color: #fff;
    padding: 15px;
}

#charm01 .charm01_contents .title_area h3 span {
	font-size: 2.4rem;
	letter-spacing: 5px;
	margin-right: 3%;
}

#charm01 .charm01_contents .title_area h3 {
	font-size: 1.4rem;
	margin-bottom: 5%;
}

#charm01 .charm01_contents .title_area p {
	font-size: 1.4rem;
	line-height: 2.2rem;
}

#charm01 .charm01_contents .imgae_area {
	width: 80%;
	background-color: #fff;
}

#charm01 .charm01_contents .imgae_area dl {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 5%;
}

#charm01 .charm01_contents .imgae_area dd {
	font-size: 1.2rem;
	line-height: 2rem;
	padding: 0;
}

#charm_menu {
	padding: 20% 0;
	min-width: 100%;
}

#charm_menu .charmmenu_contents {
	width: 96%;
}

#charm_menu h3 {
	font-size: 2.7rem;
	line-height: 4.4rem;
	color: #7e6c35;
	letter-spacing: 10px;
	text-align: center;
	margin-bottom: 65px;
}

#charm_menu li {
	display: inline-block;
	margin-right: 2%;
	margin-bottom: 3%;
	width: 47.8%;
}

#charm_menu li:nth-child(2n) {
	margin-right: 0;
}


/* 文字インデント設定  */
.imgae_area.clearfix.sp dd {
    text-indent: 15px;
}


}