.sub_top {
	padding-top: 135px;
	padding-bottom: 50px;
}

.sub_top.sub01 {
	background: url(../images/sub/sub01_bg.jpg) no-repeat center center;
	background-size: cover;
}

.sub_top.sub02 {
	background: url(../images/sub/sub02_bg.jpg) no-repeat center center;
	background-size: cover;
}

.sub_top.sub03 {
	background: url(../images/sub/sub03_bg.jpg) no-repeat center center;
	background-size: cover;
}

.sub_top.sub04 {
	background: url(../images/sub/sub04_bg.jpg) no-repeat center center;
	background-size: cover;
}

.sub_top.sub05 {
	background: url(../images/sub/sub05_bg.jpg) no-repeat center center;
	background-size: cover;
}

.sub_top .sub_top_box {
	margin: 0px auto;
	width: 90%;
	max-width: 900px;
	padding: 50px;
	background: rgba(255, 255, 255, 0.1);
	display: flex;
	flex-direction: column;
}

.sub_top .sub_top_box span {
	display: block;
	margin-bottom: 30px;
	color: #d4ccc1;
	text-align: center;
	font-size: 20px;
}

.sub_top .sub_top_box strong {
	font-size: 32px;
	font-weight: Bold;
	color: #d4ccc1;
	display: block;
	text-align: center;
	line-height: 1.4;
}

.sub {
	padding: 0px 0px 100px;
}

.sub h3.sub_tit {
	position: relative;
	margin-bottom: 50px;
}

.sub h3.sub_tit span {
	display: inline-block;
	position: relative;
	background: #fff;
	font-weight: 500;
	font-size: 28px;
	z-index: 1;
	padding-right: 20px;
}

.sub h3.sub_tit::before {
	height: 3px;
	width: 100%;
	position: absolute;
	content: '';
	background: #d4ccc1;
	z-index: 0;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.sub .big_txt {
	font-size: 50px;
	padding: 30px 0px;
	text-align: right;
	color: #3e446c;
	font-weight: bold;
}


.sub .sub01_01 {
	padding-top: 80px;
}


.sub .sub01_01 ul {
	display: flex;
	margin-top: 50px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sub .sub01_01 ul li {
	border-radius: 20px;
	width: 23%;
	height: 300px;
	overflow: hidden;
	position: relative;
}

.sub .sub01_01 ul li.li01 {
	background: url(../images/sub/li01.jpg) no-repeat center center;
	background-size: cover;
}

.sub .sub01_01 ul li.li02 {
	background: url(../images/sub/li02.jpg) no-repeat center center;
	background-size: cover;
}

.sub .sub01_01 ul li.li03 {
	background: url(../images/sub/li03.jpg) no-repeat center center;
	background-size: cover;
}

.sub .sub01_01 ul li.li04 {
	background: url(../images/sub/li04.jpg) no-repeat center center;
	background-size: cover;
}

.sub .sub01_01 ul li div {
	position: absolute;
	bottom: 0px;
	width: 100%;
	left: 0;
	right: 0;
	z-index: 1;
	height: 32px;
	text-align: center;
	transition: all 0.5s;
}

.sub .sub01_01 ul li:hover div {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.8);
	flex-direction: column;
}

.sub .sub01_01 ul li div b {
	display: block;
	color: #fff;
	height: 32px;
	font-size: 32px;
	font-weight: 400;
}

.sub .sub01_01 ul li div p {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	margin-top: 20px;
	padding: 0px 20px;
}

.sub .sub01_02 {
	padding: 120px 0px;
}

.sub .sub01_02 .container {}

.sub .sub01_02 .container ul {
	padding-top: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sub .sub01_02 .container ul li {
	width: calc(25% - 20px);
	border: solid 1px #ebebeb;
	display: flex;
	flex-direction: column;
	padding: 50px 20px;
	align-items: center;
	text-align: center;
}

.sub .sub01_02 .container ul li .icon {
	background: #ebebeb;
	border-radius: 50%;
	height: 120px;
	width: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.sub .sub01_02 .container ul li .icon img {
	max-width: 70px;
	display: block;
}

.sub .sub01_02 .container ul li span {
	display: block;
	font-size: 20px;
	color: #4c423c;
	padding: 40px 0px 25px;
	font-weight: 400;
}

.sub .sub01_02 .container ul li p {
	font-size: 18px;
	color: #4c423c;
	font-weight: 300;
	line-height: 1.4;
}


.sub .sub01_03 {
	background: #d4ccc1;
	/*background: url(../images/sub/message.jpg) no-repeat left center #d4ccc1;*/
	display: flex;
	align-items: center;
}

.sub .sub01_03 .img {
	width: 50%;
}

.sub .sub01_03 .img img {
	height: 100%;
	display: block;
	max-width: 100%;
}

.sub .sub01_03 .msg {
	width: 50%;
	padding: 100px 0px;
}

.sub .sub01_03 .msg strong {
	display: block;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 50px;
}

.sub .sub01_03 .msg strong span {
	position: relative;
}

.sub .sub01_03 .msg strong span em {
	position: relative;
	z-index: 1;
}

.sub .sub01_03 .msg strong span::after {
	position: absolute;
	content: '';
	background: rgba(255, 255, 255, 0.4);
	height: 17px;
	width: calc(100% + 7px);
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
	bottom: -2px;

}

.sub .sub01_03 .msg p {
	max-width: 680px;
	font-size: 18px;
	color: #4c423c;
	font-weight: 300;
	line-height: 1.5;
}

.sub .sub01_03 .msg p b {
	font-weight: 500;
}

.sub .sub01_04 {
	padding-top: 100px;
}

.sub .sub01_04 .container {}

.sub .sub01_04 .container .sm_txt {
	font-size: 24px;
	text-align: center;
	margin-top: 30px;
	line-height: 1.5;
	margin-bottom: 50px;
}

.sub .sub01_04 .container .img {
	display: flex;
	justify-content: center;
	margin: 30px 0px 60px;
}

.sub .sub01_04 .container .img img {
	max-width: 100%;
	display: block;
}

.sub .sub01_04 .container .member {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sub .sub01_04 .container .member div {
	border-radius: 30px 0px 30px 0px;
	overflow: hidden;
	padding: 60px 70px;
	width: calc(50% - 10px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 20px;
}

.sub .sub01_04 .container .member .mem01 {
	background: url(../images/sub/mem01.jpg) no-repeat center center;
	background-size: cover;
}

.sub .sub01_04 .container .member .mem02 {
	background: url(../images/sub/mem02.jpg) no-repeat center center;
	background-size: cover;
}

.sub .sub01_04 .container .member .mem03 {
	background: url(../images/sub/mem03.jpg) no-repeat center center;
	background-size: cover;
}

.sub .sub01_04 .container .member .mem04 {
	background: url(../images/sub/mem04.jpg) no-repeat center center;
	background-size: cover;
}

.sub .sub01_04 .container .member div span {
	border-radius: 50px;
	padding: 10px 40px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
}

.sub .sub01_04 .container .member .mem01 span {
	background: #3e446c;
}

.sub .sub01_04 .container .member .mem02 span {
	background: #c1a787;
}

.sub .sub01_04 .container .member .mem03 span {
	background: #78716d;
}

.sub .sub01_04 .container .member .mem04 span {
	background: #d8a96e;
}

.sub .sub01_04 .container .member div ul {
	margin-top: 30px;
	padding-left: 10px;
}

.sub .sub01_04 .container .member div ul li {
	font-size: 16px;
	color: #544a3c;
	line-height: 1.4;
	margin-bottom: 10px;
}

.sub .sub02_01 {
	padding-top: 80px;
}

.sub .sub02_common .container {
	display: flex;
	flex-wrap: wrap;
}

.sub .sub02_common .container .sub_tit {
	width: 100%;
	margin-bottom: 60px;
}

.sub .sub02_common .container .left {
	width: 430px;
}

.sub .sub02_common .container .left .logo_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: solid 1px #ddd;
	padding: 60px 0px;
}

.sub .sub02_common .container .left .logo_box .img {
	margin-bottom: 30px;
	text-align: center;
}

.sub .sub02_common .container .left .logo_box .img img {
	max-width: 90%;
}

.sub .sub02_common .container .left .logo_box p {
	font-size: 16px;
	text-align: center;
	line-height: 1.4;
	font-weight: 300;
}

.sub .sub02_common .container .left .ver {
	margin-top: 50px;
	padding: 10px;
}

.sub .sub02_common .container .left .ver strong {
	display: block;
	font-size: 24px;
	margin-bottom: 30px;
}

.sub .sub02_common .container .left .ver ul {}

.sub .sub02_common .container .left .ver ul li {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 10px;
	padding-left: 8px;
	position: relative;
}

.sub .sub02_common .container .left .ver ul li::before {
	content: '';
	display: block;
	width: 2px;
	height: 2px;
	background: #000;
	left: 0;
	position: absolute;
	top: 9px;
}

.sub .sub02_common .container .right {
	width: calc(100% - 430px);
	padding-left: 120px;
}

.sub .sub02_common .container .right .detail_box {
	margin-bottom: 80px;
}

.sub .sub02_common:last-child .container .right .detail_box:last-child {
	margin-bottom: 0;
}

.sub .sub02_common .container .right .detail_box h4 {
	position: relative;
	display: inline-block;
	margin-bottom: 30px;
}

.sub .sub02_common .container .right .detail_box h4 span {
	font-size: 24px;
	font-weight: 400;
	color: #4c423c;
	display: inline-block;
	position: relative;
	z-index: 2;
}

.sub .sub02_common .container .right .detail_box h4::after {
	content: '';
	width: calc(100% + 10px);
	background: #e9e5e0;
	height: 14px;
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
}

.sub .sub02_common .container .right .detail_box .intro_p {
	font-size: 18px;
	line-height: 1.8;
}

.sub .sub02_common .container .right .detail_box .img {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sub .sub02_common .container .right .detail_box .img img {
	max-width: 100%;
	display: block;
}

.sub .sub02_common .container .right .detail_box .lt_ref {
	padding-top: 10px;
}

.sub .sub02_common .container .right .detail_box .lt_ref ul {
	display: flex;
	flex-direction: column;
}

.sub .sub02_common .container .right .detail_box .lt_ref ul li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 15px;
}

.sub .sub02_common .container .right .detail_box .lt_ref ul li span {
	width: 250px;
	border: solid 1px #ddd;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sub .sub02_common .container .right .detail_box .lt_ref ul li span img {
	max-height: 23px;
}

.sub .sub02_common .container .right .detail_box .lt_ref ul li p {
	font-size: 18px;
	color: #2c2c2c;
	line-height: 1.5;
	padding-left: 25px;
}

.sub .sub03_01 {
	padding-top: 80px;
}

.sub h5 {
	padding-bottom: 60px;
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	line-height: 1.3;
}

.sub h5.blue {
	color: #3e446c;
}

.sub h5.brown {
	color: #764919;
}

.sub h5.white {
	color: #fff;
}

.si_box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
	flex-wrap: wrap;
}

.si_box .three {
	width: calc(33.3333% - 20px);

}

.si_box .three strong {
	font-size: 24px;
	margin-bottom: 20px;
	display: block;
	font-weight: 500;
	color: #d2b286;
}

.si_box .three p {
	color: #fff;
	font-size: 16px;
	font-weight: 200;
	line-height: 1.5;
}

.si_box .three .b1 {

	background: url(../images/sub/sub03_top01.jpg) no-repeat center center;
	background-size: cover;
	height: 100%;
	width: 100%;
	min-height: 440px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.si_box .three .b1 p {
	text-align: center;
}

.si_box .three.towline {}

.si_box .three .b2 {
	height: calc(50% - 15px);
	background: url(../images/sub/sub03_top02.jpg) no-repeat center center;
	background-size: cover;
	padding: 50px;
}

.si_box .three .b3 {
	margin-top: 30px;
	padding: 50px;
	height: calc(50% - 15px);
	background: url(../images/sub/sub03_top03.jpg) no-repeat center center;
	background-size: cover;
}

.si_box .three .b4 {
	padding: 50px;
	height: calc(50% - 15px);
	background: url(../images/sub/sub03_top04.jpg) no-repeat center center;
	background-size: cover;
}

.si_box .three .b5 {
	margin-top: 30px;
	padding: 50px;
	height: calc(50% - 15px);
	background: url(../images/sub/sub03_top05.jpg) no-repeat center center;
	background-size: cover;
}

.sub03_02 {
	background: #f3f3f3;
	padding: 80px 0px;
}

.sub03_02 .container {
	max-width: 1080px;
}

.numbox_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.numbox_wrap .box {
	width: 30%;
	background: #fff;
	border-radius: 25px 0px 25px 0px;
	padding: 85px 50px 50px;
}

.numbox_wrap .box .tit {
	color: #4c423c;
	font-size: 32px;
	font-weight: 300;
	line-height: 1.4;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
}

.numbox_wrap .box .tit::after {
	content: '';
	width: 50px;
	height: 3px;
	background: #f3f3f3;
	position: absolute;
	bottom: 0;
	left: 0;
}

.numbox_wrap .box .detail {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 300;
	color: #4c423c;
}

.numbox_wrap .box.b01 {
	background: url(../images/sub/sub03_num01.png) no-repeat calc(100% - 40px) 30px #fff;
}

.numbox_wrap .box.b02 {
	background: url(../images/sub/sub03_num02.png) no-repeat calc(100% - 40px) 30px #fff;
}

.numbox_wrap .box.b03 {
	background: url(../images/sub/sub03_num03.png) no-repeat calc(100% - 40px) 30px #fff;
}

.sub03_03 {
	background: #4c423c;
	padding: 100px 0px;
}

.sub03_03 .container {
	display: flex;
	flex-wrap: wrap;
}

.sub03_03 .left {
	width: 25%;
}

.sub03_03 .left p {
	color: #d4ccc1;
	font-size: 35px;
	font-weight: 600;
	padding-left: 15px;
	line-height: 1.2;
	border-left: solid 5px #d4ccc1;
}

.sub03_03 .right {
	width: 75%;
	display: flex;
	justify-content: space-between;
}

.sub03_03 .right .icon_box {
	width: 30%;
	display: flex;
	flex-direction: column;
}

.sub03_03 .right .icon_box .img {
	margin-bottom: 30px;
}

.sub03_03 .right .icon_box .img img {}

.sub03_03 .right .icon_box b {
	font-size: 20px;
	color: #b98566;
	display: block;
	margin-bottom: 20px;
	line-height: 1.3;
}

.sub03_03 .right .icon_box p {
	font-size: 16px;
	line-height: 1.6;
	color: #fff;
	font-weight: 100;
}

.sub03_04 {
	padding: 80px 0px;
}

.sub03_04 .logos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.sub03_04 .logos li {
	width: 110px;
	border-radius: 20px 0px 20px 0px;
	box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.07);
	margin: 0px 12px 30px;
	overflow: hidden;
}

.sub03_04 .logos li .img {
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
}

.sub03_04 .logos li .img img {
	max-width: 80px;
	width: 100%;
}

.sub03_04 .logos li span {
	background: #d4ccc1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	font-size: 15px;
	color: #4c423c;
}

.sub .center_p {
	font-size: 18px;
	margin-top: 50px;
	color: #4c423c;
	font-weight: 300;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 20px;
}

.sub03_05 {
	padding-bottom: 80px;
}

.sub03_05 .img {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 40px;
}

.sub03_05 .img img.pc {
	display: block;
	max-width: 100%;
}

.sub03_05 .img img.mo {
	display: none;
	max-width: 100%;
}

.sub03_06 {
	background: #f3f3f3;
	padding: 80px 0px;
}

.sub03_07 {
	padding: 80px 0px;
}

.sub03_07 .app_box {
	background: #f7f7f7;
	padding: 60px 70px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	min-height: 370px;
}

.sub03_07 .app_box .left {
	width: 100px;
}

.sub03_07 .app_box .left img {
	width: 100px;
	height: 100px;
}

.sub03_07 .app_box .mid {
	width: calc(100% - 100px);
	padding-left: 50px;
	display: flex;
	flex-direction: column;
}

.sub03_07 .app_box .mid .app_tit {
	display: flex;
	align-items: center;
	margin-bottom: 25px;
}

.sub03_07 .app_box .mid .app_tit b {
	font-size: 24px;
	display: inline-block;
	margin-right: 50px;
	margin-bottom: 10px;
}

.sub03_07 .app_box .mid .app_tit span {
	font-size: 16px;
	font-weight: 200;
	margin-bottom: 10px;
}

.sub03_07 .app_box .mid .app_sub {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

.sub03_07 .app_box .mid .app_sub b {
	display: inline-block;
	font-size: 16px;
	margin-bottom: 10px;
	margin-right: 30px;
}

.sub03_07 .app_box .mid .app_sub span {
	color: #9c9c9c;
	font-size: 16px;
	font-weight: 200;
}

.sub03_07 .app_box .mid .app_detail {
	margin-bottom: 40px;
}

.sub03_07 .app_box .mid .app_detail p {
	line-height: 1.8;
	font-size: 16px;
}

.sub03_07 .app_box .mid .app_support {}

.sub03_07 .app_box .mid .app_support span {}

.sub03_07 .app_box .right {
	position: absolute;
	right: 40px;
	bottom: -50px;
}

.sub03_07 .app_box .right .img {}

.sub03_07 .app_box .right .img img {
	width: 96%;
}

.sub .sub04_01 {
	padding-top: 80px;
}

.big_text {
	color: #dac9b1;
	padding-top: 20px;
	font-size: 50px;
	text-align: center;
	font-weight: 600;
	line-height: 1.3;
}

.big_text span {
	color: #4c423c;
}

.sub04_01 .boxes {
	margin-top: 80px;
	display: flex;
	flex-wrap: wrap;
}

.sub04_01 .boxes .box {
	width: 21%;
	margin: 0px 2% 20px;
}

.sub04_01 .boxes .box div {
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 20px 0px 20px 0px;
}

.sub04_01 .boxes .box div p {
	font-size: 24px;
	font-weight: 400;
	color: #ffffff;
	line-height: 1.35;
}

.sub04_01 .boxes .box > p {
	margin-top: 30px;
	text-align: center;
	line-height: 1.5;
	font-size: 16px;
}

.sub04_01 .boxes .box .b1 {
	background: url(../images/sub/sub04_b01.jpg) no-repeat center center;
	background-size: cover;
}

.sub04_01 .boxes .box .b2 {
	background: url(../images/sub/sub04_b02.jpg) no-repeat center center;
	background-size: cover;
}

.sub04_01 .boxes .box .b3 {
	background: url(../images/sub/sub04_b03.jpg) no-repeat center center;
	background-size: cover;
}

.sub04_01 .boxes .box .b4 {
	background: url(../images/sub/sub04_b04.jpg) no-repeat center center;
	background-size: cover;
}

.sub04_02 {
	padding-top: 60px;
}

.sub04_02 .graybox {
	background: #f7f7f7;
	padding: 20px 40px;
}

.sub04_02 .graybox ul {}

.sub04_02 .graybox ul li {
	padding: 30px;
	border-bottom: dashed 1px #ccc;
	display: flex;
	flex-wrap: wrap;
}

.sub04_02 .graybox ul li:last-child {
	border-bottom: none;
}

.sub04_02 .graybox ul li .img {
	width: 100px;
	height: 100px;
}

.sub04_02 .graybox ul li .img img {
	display: block;
	max-width: 100%;
}

.sub04_02 .graybox ul li .txt {
	padding-left: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 100px);
}

.sub04_02 .graybox ul li .txt strong {
	font-size: 28px;
	font-weight: 500;
}

.sub04_02 .graybox ul li .txt p {
	margin-top: 20px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.36;
}

.sub05_01 {
	padding-top: 80px;
}

.sub05_01 .boxes {
	padding-top: 50px;
}

.sub05_01 .boxes .box {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border: solid 1px #ddd;
	border-radius: 10px;
	margin-bottom: 20px;
	padding: 50px;
}

.sub05_01 .boxes .box .img {
	width: 350px;
}

.sub05_01 .boxes .box .img img {
	display: block;
	width: 350px;
}

.sub05_01 .boxes .box .txt {
	padding: 5px 40px;
	width: calc(100% - 350px);
}

.sub05_01 .boxes .box .txt span {
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #bd965f;
	margin-bottom: 25px;
}

.sub05_01 .boxes .box .txt p.t {
	font-size: 20px;
	margin-bottom: 35px;
	line-height: 1.35;
}

.sub05_01 .boxes .box .txt ul {}

.sub05_01 .boxes .box .txt ul li {
	margin-bottom: 15px;
	font-size: 17px;
	line-height: 1.35;
	padding-left: 7px;
	position: relative;
}

.sub05_01 .boxes .box .txt ul li::before {
	position: absolute;
	content: '';
	width: 2px;
	height: 2px;
	background: #999;
	left: 0;
	top: 9px;
}

.sub05_02 {
	padding: 80px 0px;
}

.sub05_02 .why {
	display: flex;
	max-width: 90%;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sub05_02 .why li {
	width: 22%;
}

.sub05_02 .why li .img {
	margin-bottom: 30px;
}

.sub05_02 .why li .img img {}

.sub05_02 .why li span {
	position: relative;
	padding-left: 15px;
	font-size: 20px;
	color: #977d59;
	font-weight: 500;
	margin-bottom: 40px;
	display: inline-block;
	z-index: 2;
}

.sub05_02 .why li span em {
	width: 40px;
	height: 40px;
	background: #f7f2ec;
	border-radius: 50%;
	position: absolute;
	left: 0;
	z-index: -1;
	top: 50%;
	transform: translateY(-50%);
}

.sub05_02 .why li p {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: -0.02em;
}

.sub05_03 {
	background: url(../images/sub/sub05_midbg.jpg) no-repeat center center;
	background-size: cover;
	padding: 80px 0px;
}

.sub05_03 h5 {
	font-size: 40px;
	font-weight: 500;
	line-height: 1.5;
}

.sub05_03 .c {
	display: flex;
	flex-wrap: wrap;
}

.sub05_03 .c .left {
	width: 50%;
	display: flex;
	justify-content: center;
}

.sub05_03 .c .left img {
	display: block;
	max-width: 90%;
	box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.6);
	height: fit-content;
}

.sub05_03 .c .right {
	width: 50%;
	padding: 20px 0;
}

.sub05_03 .c .right .img {
	margin-bottom: 40px;
}

.sub05_03 .c .right .img img {}

.sub05_03 .c .right strong {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 30px;
	display: block;
}

.sub05_03 .c .right p {
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
	font-weight: 300;
}

.sub05_04 {
	padding: 80px 0px 0px;
}

.sub05_04 .center_p {
	margin-top: 0;
}

.sub05_04 .field {
	display: flex;
	flex-wrap: wrap;
	padding-top: 50px;
}

.sub05_04 .field li {
	width: 20%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.sub05_04 .field li .img {}

.sub05_04 .field li .img img {}

.sub05_04 .field li span {
	font-size: 20px;
	display: block;
	margin-top: 20px;
}


@media all and (max-width:1700px) {
	.sub .sub01_03 {
		align-items: unset;
	}

	.sub .sub01_03 .img {
		width: 40%;
		padding-right: 50px;
		position: relative;
		background: url(../images/sub/message.jpg) no-repeat right center;
		background-size: cover;
	}

	.sub .sub01_03 .img img {
		display: none;
	}

	.sub .sub01_03 .msg {
		width: 60%;
	}

	.sub .sub01_03 .msg p {
		font-size: 16px;
	}

	.sub .sub01_03 .msg p {
		max-width: 100%;
		padding-right: 20px;
	}

}

@media all and (max-width:1390px) {
	.sub .sub02_common .container .right {
		padding-left: 50px;
	}

}

@media all and (max-width:1250px) {
	.sub .sub01_03 .img {
		width: 50%;
	}

	.sub .sub01_03 .msg {
		width: 50%;
	}

	.sub .sub01_01 ul li {
		width: 24%;
		height: 280px;
	}

	.sub .sub01_01 ul li div b {
		font-size: 24px;
	}

	.sub .big_txt {
		font-size: 40px;
	}

	.sub .sub01_04 .container .member {
		max-width: 95%;
		margin: 0 auto;
	}

	.sub .sub01_04 .container .member div {
		padding: 40px 30px;
	}

	.sub .sub02_common .container .left {
		width: 30%;
	}

	.sub .sub02_common .container .right {
		width: 70%;
	}

	.sub03_07 .app_box .right .img img {
		max-width: 320px;
	}
}

@media all and (max-width:1080px) {
	.sub .sub01_04 .container .member div ul li {
		font-size: 14px;
	}

	.sub .sub01_03 {
		flex-wrap: wrap;
	}

	.sub .sub01_03 .img {
		width: 100%;
		height: 500px;
		padding-right: 0;
	}

	.sub .sub01_03 .msg {
		width: 100%;
		padding: 60px 20px;
	}

	.si_box .three > div {
		padding: 50px 30px !important;
	}

	.si_box .three {
		width: calc(33.3333% - 7px);
	}

	.si_box .three .b2,
	.si_box .three .b4 {
		height: Calc(50% - 5px);
	}

	.si_box .three .b3 {
		margin-top: 10px;
		height: calc(50% - 5px);
	}

	.si_box .three .b5 {
		margin-top: 10px;
		height: calc(50% - 5px);
	}

	.si_box .three .b1 {
		min-height: 100%;
	}

	.sub03_07 .app_box .right {
		position: static;
		margin-top: 50px;
	}

	.sub03_07 .app_box .right .img img {
		max-width: 100%;
	}

	.sub04_01 .boxes .box {
		width: 23%;
		margin: 0px 1% 20px;
	}
}

@media all and (max-width:960px) {
	.sub_top {
		padding-top: 100px;
		padding-bottom: 60px;
	}

	.sub_top .sub_top_box span {
		font-size: 15px;
		margin-bottom: 20px;
	}

	.sub_top .sub_top_box strong {
		font-size: 24px;
	}

	.sub .big_txt {
		font-size: 30px;
		padding: 0;
		text-align: center;
	}

	.sub .sub01_01 ul li {
		height: 250px;
	}

	.sub .sub01_01 ul li div b {
		font-size: 20px;
	}

	.sub .sub01_01 ul li div p {
		font-size: 14px;
	}

	.sub .sub01_02 .container ul li {
		width: 24%;
		padding: 30px 15px;
	}

	.sub .sub01_02 .container ul li span {
		font-size: 16px;
	}

	.sub .sub01_02 .container ul li p {
		font-size: 15px;
	}

	.sub .sub01_04 .container .sm_txt {
		font-size: 18px;
	}

	.sub .sub01_04 .container .member div {
		padding: 30px 20px;
	}

	.sub .sub02_common .container .left .logo_box {
		padding: 30px 10px;
	}

	.sub .sub02_common .container .left .logo_box p {
		font-size: 14px;
	}

	.sub .sub02_common .container .right {
		padding-left: 30px;
	}

	.sub .sub02_common .container .right .detail_box .lt_ref ul li span {
		width: 100px;
		height: 35px;
	}

	.sub .sub02_common .container .right .detail_box .lt_ref ul li span img {
		max-height: 15px;
		max-width: 80%;
	}

	.sub .sub02_common .container .right .detail_box .intro_p {
		font-size: 16px;
	}

	.sub .sub02_common .container .right .detail_box .lt_ref ul li p {
		font-size: 16px;
	}

	.numbox_wrap .box {
		width: 32%;
		padding: 70px 30px 30px;
	}

	.sub03_03 {
		padding: 60px 0px;
	}

	.sub03_03 .left {
		width: 100%;
		margin-bottom: 50px;
	}

	.sub03_03 .left p br {
		display: none;
	}

	.sub03_03 .right {
		width: 100%;
	}

	.big_text {
		font-size: 40px;
	}

	.sub05_01 .boxes .box {
		flex-direction: column;
		padding: 30px;
	}

	.sub05_01 .boxes .box .img {
		width: 100%;
	}

	.sub05_01 .boxes .box .txt {
		width: 100%;
		padding: 50px 0 0;
	}

	.sub05_02 .why li {
		width: 30%;
	}

	.sub05_03 h5 {
		font-size: 30px;
	}
}

@media all and (max-width:768px) {
	.sub_top {
		padding-top: 80px;
		padding-bottom: 20px;
	}

	.sub_top .sub_top_box {
		padding: 40px;
	}

	.sub_top .sub_top_box span {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.sub_top .sub_top_box strong {
		font-size: 18px;
	}

	.sub .sub01_01 {
		padding-top: 60px;
	}

	.sub h3.sub_tit span {
		font-size: 24px;
		line-height: 1.3;
	}

	.sub .sub01_02 {
		padding: 80px 0;
	}

	.sub .sub01_02 .container ul {
		padding-top: 20px;
	}

	.sub .sub01_03 .img img {
		display: block;
		width: 100%;
		height: auto;
	}

	.sub .sub01_03 .img {
		background: none;
		height: auto;
	}

	.sub .sub01_03 .msg strong {
		font-size: 24px;
	}

	.sub .sub01_03 .msg p {
		padding-right: 0;
	}

	.sub .sub01_04 .container .member div {
		width: 100%;
	}

	.sub {
		padding-bottom: 50px;
	}

	.sub .sub02_common .container .left {
		width: 100%;
	}

	.sub .sub02_common .container .right {
		width: 100%;
		padding-left: 0;
		padding-top: 40px;
	}

	.sub .sub02_common .container .left .logo_box {
		max-width: 350px;
		margin: 0 auto;
		border-top: solid 3px #ddd;
		border-bottom: solid 3px #ddd;
	}

	.numbox_wrap .box .tit {
		font-size: 24px;
	}

	.numbox_wrap .box {
		background-size: 50px !important;
	}

	.sub04_01 .boxes .box {
		width: 48%;
		margin-bottom: 50px;
	}

	.sub04_01 .boxes .box > p {
		margin-top: 15px;
	}

	.sub04_02 .graybox {
		padding: 20px;
	}

	.sub04_02 .graybox ul li {
		padding: 20px;
	}

	.sub04_02 .graybox ul li .img {
		width: 60px;
	}

	.sub04_02 .graybox ul li .txt {
		padding-left: 30px;
	}

	.sub04_02 .graybox ul li .txt strong {
		font-size: 20px;
	}

	.sub04_02 .graybox ul li .txt p {
		font-size: 14px;
	}

	.sub05_03 .c .left {
		width: 100%;
		margin-bottom: 30px;
	}

	.sub05_03 .c .right {
		text-align: center;
		width: 100%;
	}

	.sub05_04 .field li .img img {
		display: block;
		max-width: 80px;
	}
}

@media all and (max-width:640px) {
	.sub_top {
		padding-top: 20px;
	}

	.sub_top .sub_top_box {
		padding: 30px 0;
	}

	.sub .sub01_01 ul li {
		width: 49%;
		margin-bottom: 15px;
		height: 250px;
	}

	.sub .sub01_01 ul li div b {
		font-size: 20px;
	}

	.sub .sub01_01 ul li div p {
		font-size: 14px;
	}

	.sub .sub01_02 .container ul li {
		width: 49%;
		margin-bottom: 15px;
	}

	.sub .sub02_common .container .right .detail_box .lt_ref ul li p {
		padding-left: 15px;
	}

	.sub h3.sub_tit span b {
		font-size: 14px;
		display: block;
		line-height: 1;
	}

	.si_box .three {
		width: 100%;
		height: 90vw;
		margin-bottom: 10px;
	}

	.numbox_wrap .box {
		width: 100%;
		padding-top: 40px;
		margin-bottom: 10px;
	}

	.sub03_03 .right {
		flex-wrap: wrap;
	}

	.sub03_03 .right .icon_box {
		width: 100%;
		margin-bottom: 50px;
		padding-left: 80px;
		position: relative;
	}

	.sub03_03 .right .icon_box p {
		font-size: 14px;
	}

	.sub03_03 .right .icon_box .img {
		position: absolute;
		left: 5px;
	}

	.sub03_03 .right .icon_box .img img {
		max-width: 45px;
	}

	.sub03_03 .right .icon_box b {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.sub .center_p {
		font-size: 14px;
	}

	.sub03_05 .img img.pc {
		display: none;
	}

	.sub03_05 .img img.mo {
		display: block;
		max-width: 400px;
	}

	.sub03_07 .app_box {
		padding: 30px;
	}

	.sub03_07 .app_box .left {
		width: 100%;
		margin-bottom: 40px;
	}

	.sub03_07 .app_box .mid {
		padding-left: 0;
		width: 100%;
	}

	.big_text {
		font-size: 26px;
	}

	.sub05_01 .boxes .box {
		padding: 20px;
	}

	.sub05_01 .boxes .box .img {
		justify-content: center;
		display: flex;
		width: 100%;
	}

	.sub05_01 .boxes .box .img img {
		max-width: 100%;
	}

	.sub05_01 .boxes .box .txt p.t {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.sub05_01 .boxes .box .txt ul li {
		font-size: 14px;
		margin-bottom: 7px;
	}

	.sub05_01 .boxes .box .txt {
		padding-top: 20px;
	}

	.sub05_02 .why li {
		width: 100%;
		margin-bottom: 50px;
	}

	.sub05_02 .why li:last-child {
		margin-bottom: 0;
	}

	.sub05_02 .why li span {
		margin-bottom: 25px;
	}

	.sub05_03 h5 {
		font-size: 24px;
	}

	.sub05_04 .field {
		justify-content: center;
	}

	.sub05_04 .field li {
		width: 33.3333%;
		margin-bottom: 30px;
	}

	.sub05_04 .field li span {
		font-size: 14px;
	}
}

@media all and (max-width:480px) {
	.sub .sub01_01 ul li {
		width: 100%;
		margin-bottom: 15px;
		height: 250px;
	}

	.sub .sub02_common .container .right .detail_box .lt_ref ul li p {
		padding-left: 0px;
		width: 100%;
		margin-top: 10px;
	}

	.sub03_04 .logos li {
		width: 28%;
		margin: 0 2% 10px;
	}

	.sub04_01 .boxes .box {
		width: 100%;
	}

	.sub04_01 .boxes .box:last-child {
		margin-bottom: 0;
	}

	.sub04_02 .graybox ul li {
		flex-direction: column;
	}

	.sub04_02 .graybox ul li .img {
		width: 100%;
		display: flex;
		justify-content: center;
		margin-bottom: 20px;
	}

	.sub04_02 .graybox ul li .txt {
		width: 100%;
		text-align: center;
		padding-left: 0;
	}

	.sub05_01 .boxes .box .txt p.t {
		font-size: 16px;
		line-height: 1.35;
	}

	.sub h5 {
		font-size: 24px;
	}
}

@media all and (max-width:360px) {}

@media all and (max-width:320px) {}