@charset "UTF-8";

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

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

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

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

#charm06 .charm06_contents .contents_area {
	text-align: center;
}

#charm06 .charm06_contents .box1 {
	background: #333333;
	min-width: 1100px;
}

#charm06 .charm06_contents .box2 {
	background: #fff;
color: #000;
}

#charm06 .charm06_contents .contents_box {
	padding: 94px 80px;
	width: 1100px;
	margin: 0 auto;
}

#charm06 .charm06_contents .co2 {
	padding: 94px 65px;
}

#charm06 .charm06_contents .co3 {
	padding: 94px 38px;
}

#charm06 .charm06_contents .contents_area h3 {
	color: #7e6c35;
	text-decoration: underline;
	font-size: 3rem;
	margin-bottom: 65px;
}

#charm06 .charm06_contents .contents_area .text {
	font-size: 1.4rem;
	margin-bottom: 75px;
}


#charm06 .charm06_contents .contents_area h4 {
	color: #ae8484;
	font-size: 2.5rem;
	text-align: center;
	margin-bottom: 60px;
}

#charm06 .charm06_contents .box1 .check {
	display: flex;
    flex-wrap: wrap;
	width: 824px;
	margin: 0 auto 95px;
	font-size: 1.4rem;
	line-height: 2rem;
}

#charm06 .charm06_contents .box1 .check dt {
    background: #f5efdc;
    width: 30%;
    padding: 13px;
    border-right: 5px solid #696969;
    border-bottom: 5px solid #696969;
	margin: 0;
    color: #000;
}

#charm06 .charm06_contents .box1 .check dd {
    padding: 13px;
    margin: 0;
    width: 70%;
    background: #fff;
    color: #6b4c39;
    border-bottom: 5px solid #696969;
	text-align: left;
}

#charm06 .charm06_contents .box1 .maintenance  {
	text-align: left;
}

#charm06 .charm06_contents .box1 .maintenance dt {
	font-size: 1.7rem;
	color: #ae8484;
}

#charm06 .charm06_contents .box1 .maintenance dd {
	font-size: 1.4rem;
	line-height: 2.2rem;
	margin-bottom: 40px;
}

#charm06 .charm06_contents .box2 .flow {
	margin-bottom: 10px;
	width: 969px;
}

#charm06 .charm06_contents .box2 ul {
	text-align: left;
	display: flex;
}

#charm06 .charm06_contents .box2 li {
	width: 316px;
	padding: 15px 50px;
	border-right: 1px dotted #7e6c35;
	margin-bottom: 10px;
}

#charm06 .charm06_contents .box2 li:last-child {
	border-right: 2px solid #7e6c35;
	width: 350px;
	padding: 15px 60px;
}

#charm06 .charm06_contents .box2 li:first-child {
	border-left: 2px solid #7e6c35;
}

#charm06 .charm06_contents .box2 .textflame {
	background: #898989;
	padding: 10px;
	color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}

#charm06 .charm06_contents .box3 {
	background: #fffef9;
	min-width: 1100px;
    color: #000;
}

#charm06 .charm06_contents .box3 .flow {
	width: 1023px;
	margin-bottom: 35px;
}

#charm06 .charm06_contents .box3 h4 {
	font-size: 1.8rem;
	color: #412e46;
	text-align: left;
}

#charm06 .charm06_contents .box3 .text {
	margin-bottom: 30px;
	font-size: 1.4rem;
	text-align: left;
}

#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: 769px)
{
#charm_menu li:nth-child(3n) {
	margin-right: 0;
}
}

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

@media (max-width: 769px)
{

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

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

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

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

#charm06 .charm06_contents .box1 {
	background: #696969;
	min-width: 90%;
}

#charm06 .charm06_contents .contents_box {
	padding: 10% 0;
	width: 90%;
}

#charm06 .charm06_contents .co2 {
	padding: 10% 0;
}

#charm06 .charm06_contents .co3 {
	padding: 10% 0;
}

#charm06 .charm06_contents .contents_area h3 {
	color: #7e6c35;
	text-decoration: underline;
	font-size: 2.4rem;
	line-height: 4rem;
	margin-bottom: 8%;
}

#charm06 .charm06_contents .contents_area .text {
	font-size: 1.4rem;
	line-height: 2rem;
	margin-bottom: 10%;
}


#charm06 .charm06_contents .contents_area h4 {
	font-size: 2rem;
	margin: 15% 0 10%;
	font-weight: bold;
}

#charm06 .charm06_contents .box1 .check {
	display: block;
	width: 100%;
	margin: 0 auto 10%;
}

#charm06 .charm06_contents .box1 .check dt {
    background: #f5efdc;
    width: 100%;
    padding: 3%;
    border-right: none;
}

#charm06 .charm06_contents .box1 .check dd {
    padding: 3%;
    width: 100%;
}

#charm06 .charm06_contents .box1 .maintenance dt {
	font-size: 1.7rem;
}

#charm06 .charm06_contents .box1 .maintenance dd {
	font-size: 1.4rem;
	line-height: 2rem;
	margin-bottom: 10%;
}

#charm06 .charm06_contents .box2 .flow {
	margin-bottom: 3%;
	width: 100%;
}

#charm06 .charm06_contents .box2 .text {
	margin-bottom: 10%;
	font-size: 1.4rem;
	text-align: 2rem;
}

#charm06 .charm06_contents .box2 .textflame {
	background: #898989;
	padding: 3%;
	font-size: 1.8rem;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
}

#charm06 .charm06_contents .box3 {
	min-width: 90%;
}

#charm06 .charm06_contents .box3 .flow {
	width: 100%;
	margin-bottom: 5%;
}

#charm06 .charm06_contents .box3 h4 {
	font-size: 1.8rem;
	margin: 5% 0;
}

#charm06 .charm06_contents .box3 .text {
	margin-bottom: 10%;
	font-size: 1.4rem;
}





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

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





}