@charset "utf-8";

/*---page_plam---*/

/*PC用*/
@media screen and (min-width:641px) {
	#maincolumn #main_menu { padding: 40px 0 12px; overflow: hidden; }
	#maincolumn .box01 { margin: 0 0 50px 0; padding: 40px 19px; border: 7px solid #fff; background: url(../images/plan/bg01.jpg); }
	#maincolumn .box01 .textarea01 { margin: 0 0 45px 0; padding: 20px 9px 0 24px; }
	#maincolumn .box01 .textarea01 p { color: #48352d; font-size: 14px; line-height: 2; }
	#maincolumn .box01 .red { color: #cd1515; }
	#maincolumn .box01 .title { padding: 5px 0 0 84px; height: 71px; box-sizing: border-box; background: url(../images/plan/bg02.png) no-repeat left top; }
	#maincolumn .box01 .box02 { padding: 0 20px 20px 20px; background: url(../images/plan/bg03.png) repeat-y; }
	#maincolumn .box01 .txt01_ttl { background: url(../images/plan/text01_bg.png); background-repeat: no-repeat; padding: 6px 5px 16px 43px; display: block; font-size: 22px; font-weight: bold; }
	#maincolumn .box01 .textarea02 { margin: 0 0 21px 0; padding: 23px 20px; background: #fff7e4; }
	#maincolumn .box01 .box02 .fr { width: 378px; }
	#maincolumn .box01 .box02 dt { color: #4c9a00; font-size: 14px; font-weight: bold; }
	#maincolumn .box01 .box02 dd { color: #48352d; font-size: 14px; }
	#maincolumn .box01 .box02 li { margin: 10px 0 0 0; padding: 0 0 0 16px; background: url(../images/plan/arrow01.png) no-repeat left 50%; }
	#maincolumn .box01 .box02 li a { font-size: 13px; }

	/* 実績一覧 */
	#maincolumn .box01 .box02 li { background: none; }
	#maincolumn .box01 .box02 .list_menu { padding: 0;	/* width:865px; */ width: 759px; }
	#maincolumn .box01 .box02 .list_menu li { background: #FFFFFF; float: left;/*	margin:0 14px 29px 0; */ margin: 0 24px 29px; padding: 9px; width: 182px; text-align: center; border: 1px solid#C6C6C6; }
	#maincolumn .box01 .box02 .list_menu li span { display: block; padding: 3px 0 7px; text-align: left; }
	#list_plan { background: url(../images/price/bg_list.gif); background-repeat: no-repeat; }
	#list_plan ul { display: flex; justify-content: space-around; flex-wrap: wrap; padding: 13px; }
	#list_plan li { margin-bottom: 10px; width: 245px; }
	#list_plan li img {/* width: 100%; */ }
	#list_plan nth-child(3), #list_plan nth-child(6) { margin: 0 0 10px 0; }
}

/*SP用*/
@media screen and (max-width:640px) {
	#maincolumn #main_menu { padding: 40px 0 12px; overflow: hidden; }
	#maincolumn .box01 { margin: 0 0 50px 0; padding: 20px 10px; border: 5px solid #fff; background: url(../images/plan/bg01.jpg); }
	#maincolumn .box01 .mb45 + p { margin: -20px 0 0; }
	#maincolumn .box01 .mb45 + p img { width: 100%; height: 8vw; object-fit: cover; object-position: 0; }
	#maincolumn .box01 .textarea01 { margin: 0; padding: 20px 0; }
	#maincolumn .box01 .textarea01 p { color: #48352d; font-size: 14px; line-height: 2; }
	#maincolumn .box01 .textarea01 p.fl { width: 100% !important; }
	#maincolumn .box01 .textarea01 p.fr img { display: block; margin: 10px auto 0; }
	#maincolumn .box01 .textarea01 p iframe { width: 100%; height: auto; margin: 0 auto; }
	#maincolumn .box01 .red { color: #cd1515; }
	#maincolumn .box01 .title { background-color: #5C801B; text-align: center; padding: 5px 8px; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 10vw; }
	#maincolumn .box01 .txt01_ttl { background: url(../images/plan/text01_bg.png); background-repeat: no-repeat; padding: 6px 5px 16px 43px; display: block; font-size: 22px; font-weight: bold; }
	#maincolumn .box01 .title img { max-height: 100%; }
	#maincolumn .box01 .box02 { background: url(../images/plan/bg03.png) repeat-y; background-size: contain; padding: 20px 15px; }
	#maincolumn .box01 .textarea02 { margin: 0 auto 20px; padding: 15px 10px; background: #fff7e4; }
	#maincolumn .box01 .box02 dl { margin: 8px 0; }
	#maincolumn .box01 .box02 dt { color: #4c9a00; font-size: 14px; font-weight: bold; }
	#maincolumn .box01 .box02 dd { color: #48352d; font-size: 14px; }
	#maincolumn .box01 .box02 li { margin: 10px 0 0 0; padding: 0; background: url(../images/plan/arrow01.png) no-repeat left 50%; }
	#maincolumn .box01 .box02 li a { font-size: 13px; }
	#maincolumn .box01 .box02 div.fl img { max-width: 100%; }
	#maincolumn .box01 .box02 div.fr dl { padding: 0 15px; }

	/* 実績一覧 */
	#maincolumn .box01 .box02 li { background: none; }
	#maincolumn .box01 .box02 .list_menu { width: 100%; margin: 0; padding: 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
	#maincolumn .box01 .box02 .list_menu li { background: #FFFFFF; margin: 0 1% 10px; padding: 9px; width: 48%; text-align: center; border: 1px solid#C6C6C6; }
	#maincolumn .box01 .box02 .list_menu li span { display: block; padding: 3px 0 7px; text-align: left; }
	.case_list { background-color: #fff !important; }
	#list_plan { width: 96%; margin: 0 auto; }
	#list_plan .tp ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
	#list_plan li { width: 48%; margin: 0 1% 15px; }
}