body {background-color:#fff;}
#page{padding: 80px;box-shadow: 2px 2px 12px #4e4e4e !important;border-radius: 5px;}

#page .list_box2 {background-color: rgba(255, 153, 0,0.03);border-radius:5px;box-shadow: 2px 2px 7px 1px #c0c0c0;}
#page .page_title_box .main_title {padding-top: 60px;text-shadow: 1px 0 1px #808080;}

#page .list_box2{margin: 40px 0 0;}
#page .list_box2 .list_inner_box:nth-child(n+2){margin-top: 40px;}
#page .list_box2 .list_inner_box .sub_title{ font-size: 20px; font-weight: 500; text-align: center; line-height:40px;text-shadow: 1px 0 1px #808080;}
#page .list_box2 .list_inner_box .sub_title2{ font-size: 18px; font-weight: 300; text-align: center; line-height:30px;}
#page .list_box2 .list_inner_box .sub_title2 span {color: #aa0303;}
#page .list_box2 .list_inner_box .sub_title:after{content: ""; display: block; margin: 20px auto 30px; width: 50%; height: 1px; max-width: 350px; background: #e8e8e8;}

#page .list_box2 .list_inner_box > ul{margin: 0; padding: 0; list-style: none;}
#page .list_box2 .list_inner_box > ul:after{content:""; display: block; clear: both;}
#page .list_box2 .list_inner_box > ul > li{float:left; width: calc(33.333% - 30px); /*border:1px solid #e5e5e5*/; padding: 30px 10px 20px; text-align: center; min-height: 350px; box-sizing: border-box; margin: 22px;background-color: #fff; border: solid 2px #f0f0f0;border-radius:5px;}
#page .list_box2 .list_inner_box > ul > li:nth-child(2n){margin: 22px 0;}
#page .list_box2 .list_inner_box > ul > li:nth-child(3n){margin-right: 0;}
#page .list_box2 .list_inner_box > ul > li .icon i{color:#234f84; font-size: 48px;}
#page .list_box2 .list_inner_box > ul > li .list_title{font-weight: 600; font-size:18px; margin-top: 30px;}
#page .list_box2 .list_inner_box > ul > li ul{margin: 20px 0 0; padding: 0; list-style: none;}
#page .list_box2 .list_inner_box > ul > li ul > li{font-size: 14px; line-height: 22px;color:#8a8a8a;}
#page .list_box2 .list_inner_box > ul > li ul > li:nth-child(n+2) {margin-top: 7px;}

@media screen and (max-width: 1199px) {
	#page .list_box2 .list_inner_box {padding-bottom : 25px;}
	#page .list_box2 .list_inner_box > ul > li{float:none;width:auto;margin-right:0;min-height:auto;padding:15px;}
	#page .list_box2 .list_inner_box > ul > li:nth-child(3n){margin-right:0;}
	#page .list_box2 .list_inner_box > ul > li:nth-child(n+2){margin-top: 20px;}
	#page .list_box2 .list_inner_box > ul > li .list_title{font-size:15px;margin-top:15px;}
	#page .list_box2 .list_inner_box > ul > li:first-child{margin-right: 22px}
	#page .list_box2 .list_inner_box > ul > li:nth-child(2n){margin: 22px;}
	#page .list_box2 .list_inner_box > ul > li:nth-child(3n){margin: 0 22px;}
	#page .list_box2 .list_inner_box .sub_title2{padding: 30px;font-size: 14px;line-height: 25px;}
}


#page .list_box {margin: 65px 0 0;}
#page .list_box .list_inner_box:nth-child(n+2){margin-top: 80px;}
#page .list_box .list_inner_box .sub_title{ font-size: 25px; color:#333; font-weight: 600; text-align: center; line-height:40px;}
#page .list_box .list_inner_box .sub_title2{ font-size: 18px; font-weight: 300; text-align: center; line-height:25px;}
#page .list_box .list_inner_box .sub_title:after{content: ""; display: block; margin: 30px auto 20px; width: 50%; height: 1px; max-width: 350px; background: #ffff;}

#page .list_box .list_inner_box > ul{margin: 25px; padding: 0; list-style: none;}
#page .list_box .list_inner_box > ul:after{content:""; display: block; clear: both;}
#page .list_box .list_inner_box > ul > li{float:left; width: calc(50.5% - 26.666px); padding: 40px 10px 5px; text-align: center; min-height: 350px; box-sizing: border-box; margin-right: 40px;}
#page .list_box .list_inner_box > ul > li2{float:right; width: calc(50.5% - 26.666px); border:1px solid #e5e5e5; background-color:#234f84; padding: 40px 10px 25px; text-align: center; min-height: 350px; box-sizing: border-box; margin-right: 40px;}
list_inner_box > ul > li.span{float:left; width: calc(24% - 26.666px); border:1px solid #e5e5e5; color:#e5e5e5; padding: 40px 10px 25px; text-align: center; min-height: 30px; box-sizing: border-box; margin-right: 40px;}


#page .list_box .list_inner_box > ul > li:nth-child(2n){margin-right: 0px; }
#page .list_box .list_inner_box > ul > li {margin-top: 25px;}
#page .list_box .list_inner_box > ul > li .icon i{color:#234f84; font-size: 48px;}
#page .list_box .list_inner_box > ul > li .list_title{font-weight: 500; font-size:16px; margin-top: 30px;}
#page .list_box .list_inner_box > ul > li .list_title2{font-weight: 500; font-size:16px; margin-top: 30px; color:#ffff;}
#page .list_box .list_inner_box > ul > li ul{margin: 20px 0 0; padding: 0; list-style: none;}
#page .list_box .list_inner_box > ul > li ul > li{font-size: 14px; color:#8a8a8a;}
#page .list_box .list_inner_box > ul > li ul > li:nth-child(n+2) {margin-top: 7px;}

#page .list_box .list_inner_box > ul > li{float:none;width:auto;margin-right:0;min-height:auto;padding:15px;}
#page .list_box .list_inner_box > ul > li:nth-child(3n){margin-right:0;}
#page .list_box .list_inner_box > ul > li:nth-child(n+2){margin-top: 20px;}
#page .list_box .list_inner_box > ul > li .list_title{font-size:15px;margin-top:15px;}
@media screen and (max-width: 767px) {
	#page .list_box .list_inner_box > ul{margin: 5px;}
}



#page .list_box3{margin: 65px 0 0;}
#page .list_box3 .list_inner_box:nth-child(n+2){margin-top: 80px;}
#page .list_box3 .list_inner_box .sub_title{ font-size: 20px; font-weight: 500; text-align: center; line-height:40px;}
#page .list_box3 .list_inner_box .sub_title2{ font-size: 15px; font-weight: 300; text-align: center; line-height:25px;}
#page .list_box3 .list_inner_box .sub_title:after{content: ""; display: block; margin: 30px auto 80px; width: 50%; height: 1px; max-width: 350px; background: #e8e8e8;}

#page .list_box3 .list_inner_box > ul{margin: 0; padding: 0; list-style: none;}
#page .list_box3 .list_inner_box > ul:after{content:""; display: block; clear: both;}
#page .list_box3 .list_inner_box > ul > li{float:left; width: calc(24.7% - 26.666px); border:1px solid #e5e5e5; padding: 40px 10px 25px; text-align: center; min-height: 350px; box-sizing: border-box; margin-right: 40px;}
#page .list_box3 .list_inner_box > ul > li2{float:right; width: calc(24.7% - 26.666px); border:1px solid #e5e5e5; background-color:#234f84; padding: 40px 10px 25px; text-align: center; min-height: 350px; box-sizing: border-box; margin-right: 40px;}
list_inner_box > ul > li.span{float:left; width: calc(24% - 26.666px); border:1px solid #e5e5e5; color:#e5e5e5; padding: 40px 10px 25px; text-align: center; min-height: 30px; box-sizing: border-box; margin-right: 40px;}
#page .list_box3 .list_inner_box > ul > li:nth-child(4n){margin-right: 0px; background:#e5e5e5;}
#page .list_box3 .list_inner_box > ul > li:nth-child(n+5){margin-top: 25px;}
#page .list_box3 .list_inner_box > ul > li .icon i{color:#234f84; font-size: 48px;}
#page .list_box3 .list_inner_box > ul > li .list_title{font-weight: 500; font-size:16px; margin-top: 30px;}
#page .list_box3 .list_inner_box > ul > li .list_title2{font-weight: 500; font-size:16px; color:#ffff; margin-top: 30px; }
#page .list_box3 .list_inner_box > ul > li ul{margin: 20px 0 0; padding: 0; list-style: none;}
#page .list_box3 .list_inner_box > ul > li ul > li{font-size: 14px; color:#8a8a8a;}
#page .list_blist_box3ox .list_inner_box > ul > li ul > li:nth-child(n+2) {margin-top: 7px;}


@media screen and (max-width: 1040px) {
	#page .list_box3{margin: 50px 0 0;}
	#page .list_box3 .list_inner_box:nth-child(n+2){margin-top:50px;}
	#page .list_box3 .list_inner_box .sub_title{font-size:18px;}
	#page .list_box3 .list_inner_box .sub_title2{font-size:13px;}
	#page .list_box3 .list_inner_box .sub_title:after{margin-top:20px;margin-bottom:30px;}
	#page .list_box3 .list_inner_box > ul > li{width:calc(33.333% - 15px);margin-right:20px;min-height:350px;}

}

@media screen and (max-width: 900px) {
	#page{padding: 10px !important;}
	#page .info{padding:0px;}
	#page .list_box3 .list_inner_box .sub_title{font-size:16px;}
	#page .list_box3 .list_inner_box > ul > li{padding:20px 10px 20px;min-height:300px;}
	#page .list_box3 .list_inner_box > ul > li .list_title{font-size:16px;margin-top:20px;}
	#page .list_box3 .list_inner_box > ul > li ul > li{font-size: 12px}
}

@media screen and (max-width: 660px) {
	#page{padding: 10px !important;}
	#page .info{padding:0px;}
	#page .list_box3{margin: 40px 0 0;}
	#page .list_box3 .list_inner_box:nth-child(n+2){margin-top: 40px;}
	#page .list_box3 .list_inner_box > ul > li{width:calc(50% - 10px);margin-right:20px;}
	#page .list_box3 .list_inner_box > ul > li:nth-child(3n){margin-right: 20px;}
	#page .list_box3 .list_inner_box > ul > li:nth-child(2n){margin-right: 0;}
	#page .list_box3 .list_inner_box > ul > li:nth-child(n+3){margin-top: 25px;}
}

@media screen and (max-width: 500px) {
	#page{padding: 10px !important;}
	#page .info{padding:0px;}
	#page .list_box3 .list_inner_box > ul > li{float:none;width:auto;margin-right:0;min-height:auto;padding:15px;}
	#page .list_box3 .list_inner_box > ul > li:nth-child(3n){margin-right:0;}
	#page .list_box3 .list_inner_box > ul > li:nth-child(n+2){margin-top: 20px;}
	#page .list_box3 .list_inner_box > ul > li .list_title{font-size:15px;margin-top:15px;}
}


#page .list_box ul li img {filter: drop-shadow(3px 3px 5px #504b3a);}

#page .list_box .list_title {font-size: 24px; font-weight: 700; text-align: Center; line-height: 30px;}

#page .list_box .list_inner_box{margin-top:60px;border-radius:5px;box-shadow: 2px 2px 7px 1px #c0c0c0;}
#page .list_box .list_inner_box .sub_title {font-size:20px; font-weight: 700;margin-bottom:15px;}
#page .list_box .list_inner_box table{background-color: rgba(255, 153, 0,0.02);box-shadow: 2px 1px 5px 1px #d7d7d7;border-spacing: 0; border-collapse:collapse; width: 100%;text-align:center; margin-bottom:25px;}
#page .list_box .list_inner_box table thead tr th{border:1px solid #cccccc;background-color:#ebebeb; height:60px; font-size: 15px;}
#page .list_box .list_inner_box table tbody tr td{border:1px solid #cccccc;box-sizing:border-box;height:35px;font-size: 14px;line-height:18px; color:#1e1e1e;padding:5px;}
#page .list_box .list_inner_box table + table{margin-top: 25px;}

#page .list_box .list_inner_box table.common th{width:20%;}


.list_box .cooking_test { border: 1px solid #c0c0c0; border-collapse:collapse; border-radius: 5px; width: 100%;  margin: 25px 0 5px 0; font-size: 14px; line-height:20px; text-align:center;}

.list_box .cooking_test_tr th, .list_box .cooking_test_tr td { padding: 10px 0 10px 0; border: 1px solid #bcbcbc; width: 20%;}
.list_box .cooking_test_tr th { width: 10%; background-color: #b6cbc2;}



@media screen and (max-width: 800px) {
	#page{padding: 10px !important;}
	#page .info{padding:0px;}
	#page .list_box .list_inner_title{font-size:22px;}
	#page .list_box .list_inner_box .sub_title{font-size:18px;}
	#page .list_box .list_inner_box{margin-top:50px;}
}


@media screen and (max-width: 660px) {
	#page{padding: 10px !important;}
	#page .info{padding:0px;}
	#page .list_box .list_inner_title{font-size:20px;}
	#page .list_box .list_inner_box .sub_title{font-size:16px;}
}

@media screen and (max-width: 500px) {
	#page{padding: 10px !important;}
	#page .info{padding:0px;}
	#page .list_box .list_inner_box{margin-top:40px;}
	#page .list_box .list_inner_title{font-size:18px;}
	#page .list_box .list_inner_box .sub_title{font-size:15px;margin-bottom:10px;}
	#page .list_box .list_inner_box table thead tr th{font-size:13px;}
	#page .list_box .list_inner_box table tbody tr td{font-size:12px;}
	.list_box .cooking_test {font-size: 12px;}
}