@charset "UTF-8";


#charm03 #charm_title {
	width: 1100px;
	padding: 50px 25px 75px 75px;
	margin: 0 auto;
}

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

#charm03 #charm_title h2 {
	font-size: 3rem;
	line-height: 4.5rem;
	letter-spacing: 10px;
	text-align: center;
	color: #7e6c35;
	width: 307px;
	float: left;
}

#charm03 #charm_title p {
	font-size: 1.4rem;
	line-height: 2.2rem;
	width: 611px;
	float: right;
}

#charm03 .charm03image {
	width: 100%;
	margin-bottom: 80px;
}

#charm03 .charm03_contents {
	width: 1100px;
	margin: 0 auto;
}

#charm03 .charm03_contents .contents_box {
	margin-bottom: 80px;
}

#charm03 .charm03_contents .contents_box h3 {
	margin-bottom: 35px;
}

#charm03 .charm03_contents .contents_box .title01 {
	width: 297px;
}

#charm03 .charm03_contents .contents_box .title02 {
	width: 449px;
}

#charm03 .charm03_contents .contents_box .title03 {
	width: 474px;
}

#charm03 .charm03_contents .contents_box .text {
	font-size: 1.4rem;
	margin-bottom: 20px;
}

#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: 353px;
}

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

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

@media (max-width: 769px)
{

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

#charm03 #charm_title h1 {
	width: 60%;
	margin: 0 auto 20%;
}

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

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


#charm03 .charm03image {
	width: 100%;
	margin-bottom: 20%;
}

#charm03 .charm03_contents {
	width: 90%;
}

#charm03 .charm03_contents .contents_box {
	margin-bottom: 15%;
}

#charm03 .charm03_contents .contents_box h3 {
	margin-bottom: 5%;
}

#charm03 .charm03_contents .contents_box .title01 {
	width: 100%;
    line-height: 30px;
}

#charm03 .charm03_contents .contents_box .title02 {
	width: 100%;
}

#charm03 .charm03_contents .contents_box .title03 {
	width: 100%;
	line-height: 30px;
}

#charm03 .charm03_contents .contents_box .text {
	font-size: 1.4rem;
	margin-bottom: 20px;
}

#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;
}





}