@charset "utf-8";
/*----- homonkaigo_style.css -----*/

/*----- contents -----*/
#contents {
	border: solid 0px #00f;
}

/*----- main -----*/
#main {
	float: none;
	width: 100%;
	box-sizing: border-box;
	border: solid 0px #ccc;
	border-bottom: solid 0px #ccc;
}

/*----- article -----*/
/*----- left_box -----*/
article.left_box {
	box-sizing: border-box;
	border: solid 0px #000;
}
article.left_box .left_box_in-1 {
	border: solid 0px #f00;
}
article.left_box .left_box_in-2 {
	border: solid 0px #f00;
}
article.left_box .left_box_in-2 ul {
	list-style: none;
	line-height: 1.5;
}

/*----- right_box -----*/
article.right_box {
	box-sizing: border-box;
	border: solid 0px #000;
}
article.right_box .right_box_in-1 {
	border: solid 0px #f00;
}
article.right_box .right_box_in-1 p {
	font-size: 18px;
	line-height: 1.5;
}
article.right_box .right_box_in-2 {
	border: solid 0px #f00;
}
article.right_box .right_box_in-3 {
	border: solid 0px #f00;
}

/*========== 767px以下 ==========*/
@media (max-width: 767px) {
	/*----- article -----*/
	article.right_box .right_box_in-3 {
		text-align: center;
	}
	article.right_box .right_box_in-3 img {
		margin-bottom: 0px;
	}
	article.right_box .right_box_in-3 p {
		padding-top: 0px;
		font-size: 16px;
	}
}

/*========== 599px以下 ==========*/
@media (max-width: 599px) {
	/*----- main -----*/
	#main {
		float: none;
		width: 100%;
		margin: 5px auto;
	}

	/*----- article -----*/
	/*----- left_box -----*/
	article.left_box {
		width: 100%;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	article.left_box .left_box_in-1 {
		margin-bottom: 10px;
		text-align: center;
	}
	article.left_box .left_box_in-1 img {
		width: 50%;
		height: 50%;
	}
	article.left_box .left_box_in-1 p {
		font-size: 18px;
	}
	article.left_box .left_box_in-2 {
		margin-bottom: 20px;
	}
	article.left_box .left_box_in-2 ul {
		margin-left: 20%;
		font-size: 14px;
	}

	/*----- right_box -----*/
	article.right_box {
		width: 100%;
	}
	article.right_box .right_box_in-1 {
		margin-bottom: 20px;
	}
	article.right_box .right_box_in-1 p {
		font-size: 18px;
		line-height: 1.5;
	}
	article.right_box .right_box_in-1 p span {
		font-size: 26px;
		color: #F29200;
	}
	article.right_box .right_box_in-2 {
		margin-bottom: 20px;
	}
	article.right_box .right_box_in-2 p {
		margin-left: 80px;
		font-size: 20px;
		line-height: 2;
	}
	article.right_box .right_box_in-2 p span {
		color: #00C800;
		font-size: 30px;
	}
	article.right_box .right_box_in-2 p span.magokoro {
		color: #FF5959;
		font-size: 30px;
	}
	article.right_box .right_box_in-3 {
		text-align: center;
		margin-bottom: 20px;
	}
	article.right_box .right_box_in-3 p {
		font-size: 16px;
	}
}

/*========== 449px以下 ==========*/
@media (max-width: 449px) {
	/*----- contents -----*/
	#contents {
		width: 100%;
		margin: 0;
	}

	/*----- article -----*/
	article.left_box .left_box_in-2 ul {
		margin-left: 10px;
	}
	article.right_box .right_box_in-2 p {
		margin-left: 10px;
		font-size: 18px;
		line-height: 2;
	}
	article.right_box .right_box_in-2 p span {
		color: #00C800;
		font-size: 26px;
	}
	article.right_box .right_box_in-2 p span.magokoro {
		color: #FF5959;
		font-size: 26px;
	}
	article.right_box .right_box_in-3 p {
		font-size: 14px;
	}
}

/*========== 600px 以上 ==========*/
@media (min-width: 600px) {
	/*----- article -----*/
	/*----- left_box -----*/
	article.left_box {
		float: left;
		width: 32%;
		margin-right: 2%;
	}
	article.left_box .left_box_in-1 {
		margin-bottom: 20px;
		text-align: center;
	}
	article.left_box .left_box_in-1 img {
		width: 75%;
		height: 75%;
	}
	article.left_box .left_box_in-1 p {
		font-size: 18px;
	}
	article.left_box .left_box_in-2 ul {
		margin-left: 20px;
		font-size: 14px;
	}

	/*----- right_box -----*/
	article.right_box {
		float: left;
		width: 66%;
	}
	article.right_box .right_box_in-1 {
		margin-bottom: 20px;
	}
	article.right_box .right_box_in-1 p {
		font-size: 18px;
		line-height: 1.5;
	}
	article.right_box .right_box_in-1 p span {
		font-size: 26px;
		color: #F29200;
	}
	article.right_box .right_box_in-2 {
		margin-bottom: 20px;
	}
	article.right_box .right_box_in-2 p {
		margin-left: 70px;
		font-size: 20px;
		line-height: 2;
	}
	article.right_box .right_box_in-2 p span {
		color: #00C800;
		font-size: 30px;
	}
	article.right_box .right_box_in-2 p span.magokoro {
		color: #FF5959;
		font-size: 30px;
	}
	article.right_box .right_box_in-3 {
		margin-bottom: 20px;
	}
}

/*========== 768px以上 ==========*/
@media (min-width: 768px) {
	/*----- article -----*/
	article.right_box .right_box_in-3 img {
		float: right;
		margin-left: 10px;
	}
	article.right_box .right_box_in-3 p {
		padding-top: 100px;
		text-align: right;
		font-size: 16px;
	}
}