﻿@charset "utf-8";
/* CSS Document */

body {}


/* 内容区 */
.content_box {}


.content_1 { height:30px; line-height: 30px; background-color: #222224;}
.content_1 .con1_l,.content_1 .con1_r { height:100%;}
.content_1 .con1_l { color: #d28002; font-size:18px; font-weight:bold; text-indent:10px; width:90px; border-right: 1px solid #292929;}
.content_1 .con1_r { width:calc(100% - 91px);}
.content_1 .con1_r p { color: #818180; font-size:14px; margin: 0 8px;}

.content_2 { height:calc(100vh - 46vw - 79px); background-image:url(../image/bj-index-1.jpg); background-size:100% 100%;}
.content_2 table td.no1 { background-color: rgba(88,60,48,0.30); }
.content_2 table td.no2 { background-color: rgba(234,53,34,0.18); }
.content_2 table td.no3 { background-color: rgba(203,51,152,0.18); }
.content_2 table td.no4 { background-color: rgba(22,63,13,0.30); }
.content_2 table td.no5 { background-color: rgba(255,102,0,0.18); }
.content_2 table td.no6 { background-color: rgba(0,153,203,0.18); }
.content_2 table { table-layout: fixed;}
.content_2 table td { text-align: center;}
.content_2 table td a { display: block; width:100%; height:100%; color: #dfdfdf;}
.content_2 table td a div.icon { font-size:34px;}
.content_2 table td td+td { text-align: left;}
.content_2 table td a p { color: #dfdfdf; font-size:18px; font-weight:bold;}
.content_2 table td a h6 { color: #dfdfdf; font-size:14px; font-family:Aparajita;}

.content_2 table td.no1 div.icon,.content_2 table td.no4 div.icon { font-size:38px}
.content_2 table td.no2 div.icon,.content_2 table td.no3 div.icon,.content_2 table td.no5 div.icon,.content_2 table td.no6 div.icon { font-size:32px;}

@media screen and (min-width: 375px) {
	.content_2 table td.no1 div.icon,.content_2 table td.no4 div.icon { font-size:42px}
	.content_2 table td a p { font-size:20px;}
	.content_2 table td.no2 div.icon,.content_2 table td.no3 div.icon,.content_2 table td.no5 div.icon,.content_2 table td.no6 div.icon { font-size:34px;}
}
@media screen and (min-width: 414px) {
	.content_2 table td.no1 div.icon,.content_2 table td.no4 div.icon { font-size:44px}
	.content_2 table td.no2 div.icon,.content_2 table td.no3 div.icon,.content_2 table td.no5 div.icon,.content_2 table td.no6 div.icon { font-size:38px;}
	.content_2 table td a p { font-size:24px;}
	.content_2 table td a h6 { font-size:16px;}
}




