.hide {
	display:none;
}
@media (max-width: 767px) {
	.mnone {
		display: none;
	}

	.only_pt {
		display: none;
	}

	.first_sec {
		height: 500px;
		background-color: #302166;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align:center;
	}

	#app {
		font-size: 30px;
		letter-spacing: 0.25em;
		text-transform: uppercase;
		color: #b28d6a;
	}

	.nth2_sec {
		padding: 5% 0;
		text-align: center;
	}
	.sub4 .nth2_sec {
		padding:15% 0 5% 0;
		text-align: center;
	}
	.title {
		font-size: 25px;
		font-weight:bold;
	}

	.nth2_sec .title {
		color: #2c2562;
	}

	.content {
		font-size: 11px;
		line-height: 25px;
		margin-top: 3%;
	}

	.nth2_sec .content {
		color: #3e3a35;
	}

	[class^=four_box_] {
		float: left;
		width: 49%;
		height: 208px;
		margin: 5% 0 7%;
		margin-right: 2%;
		position: relative;
		background-size: cover;
		background-position: center;
	}

	.four_box_1 {
		background-image: url(../image/nth2_pic_1.png);
		margin-bottom: 2%;
	}

	.four_box_2 {
		background-image: url(../image/nth2_pic_2.png);
		margin-right: 0;
		margin-bottom: 2%;
	}

	.four_box_3 {
		background-image: url(../image/nth2_pic_3.png);
		margin-top: 0%;
	}

	.four_box_4 {
		background-image: url(../image/nth2_pic_4.png);
		margin-right: 0;
		margin-top: 0%;
	}

	.four_title {
		position: absolute;
		bottom: 20px;
		width: 100%;
		font-size: 18px;
		color: #fff;
		font-family: 'Noto Serif', serif;
		font-weight: 100;
	}

	.btn {
		color: #3e3a35;
		border: 1px solid #3e3a35;
		background-color: #fff;
		font-size: 14px;
		font-family: 'Noto Serif', serif;
		font-weight: 100;
		padding: 5px 10px;
	}

	/*3th S*/
	.nth3_sec {
		padding: 5% 0;
		text-align: center;
		background-color: #291d66;
	}

	.nth3_sec .title {
		color: #fff;
		margin-bottom: 5%;
	}

	.left {
		width: 50%;
		margin: 0 auto 5%;
	}

	.left img {
		width: 100%;
	}

	.right {
		width: 100%;
		text-align: left;
		line-height: 25px;
		font-size: 12px;
		color: #fff;
	}

	/*.right br {
		display: none;
	}*/

	.right_img img {
		width: 100%;
		margin-top: 5%;
	}

	.sign_img {
		font-size: 18px;
		height: 58px;
		display: flex;
		align-items: center;
		margin-top: 5%;
		font-size: 14px;
	}

	.sign_img img {
		width: 25%;
		margin-left: 15px;
	}

	/*3th E*/
	/*4th S*/
	.nth4_sec {
		padding: 5% 0;
		text-align: center;
		background-image: url(../image/nth_4_bg.jpg);
	}

	.nth4_sec .title {
		color: #fff;
		margin-bottom: 2%;
	}

	.nth4_sec .content {
		margin-bottom: 2%;
	}

	.icon_box {
		float: left;
		width: 46%;
		background-color: rgba(255, 255, 255, 0.3);
		margin-right: 2%;
		margin-left: 2%;
		margin-top: 2%;
		height: 200px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.icon_box:nth-child(4){
		margin-left:4%;
	}

	.icon_box hr {
		border: 0;
		border-bottom: 6px solid #302166;
		width: 47px;
		margin: 20px auto;
	}

	.icon_text {
		font-family: 'Noto Serif', serif;
		color: #ddd9d7;
		font-size: 20px;
		line-height: 24px;
	}

	.icon_box:nth-child(3) img {
		margin-top: 19px;
	}

	.icon_box img {
		width: 80%;
	}

	/*.icon_box:first-child {
		background-color: #302166;
	}

	.icon_box:first-child hr {
		border: 0;
		border-bottom: 6px solid #bb946b;
		width: 47px;
	}*/

	.icon_box:nth-child(3n) {
		margin-right: 0;
	}

	/*4th E*/
	/*5th s*/
	.nth5_sec {
		padding: 5% 0;
		text-align: center;
	}

	.nth5_sec .title {
		color: #302166;
	}
	.main_pic_5{
		width: 100%;
		float: left;
		margin-right: 1%;
		margin-bottom: 1%;
		position: relative;
	}
	.nth5_sec .over_hi{
		min-width: 98%;
		margin: 2% auto 0;
	}
	.main_pic_5:nth-child(2n){
		margin-right: 0;
	}
	.main_pic_5 img{
		width: 100%;
	}
	.main_pic_text_wrap{
		position: absolute;
		background-color: #302166;
		width: 100%;
		height: 150px;
		bottom: 0;
		z-index: 2;
		display: none;
	}
	.main_pic_text_wrap.on{
		display: block;
	}
	.main_pic_text {
		position: absolute;
		bottom:0;
		text-align: left;
		border-left:5px solid #bb946b;
		padding:0 5%;
		margin:7% 0 7% 5%;
	}
	.main_pic_title{
		font-size:30px;
		color:#fff;
	}
	.main_pic_content{
		font-size:20px;
		color:#fff;
		margin-top:5%;
	}
	.go_portfolio{
		float:left;
		width: 100%;
		background-color: #bb946b;
		padding: 5% 0;
	}
	.go_portfolio .title{
		color:#232323;
		font-size:20px;
	}
	.go_portfolio button{
		background-color:rgba(255,255,255,0);
		border: 1px solid #232323;
		margin-top:5%;
		padding: 0.5% 2.5%;
		font-size:15px;
	}
	/*5th E*/
	/*6th E*/
	.nth6_sec {
		padding: 5% 0;
		text-align: center;
	}

	.nth6_sec .title {
		color: #302166;
	}
	.nth6_box{
		width: 100%;
		padding:4% 2%;
		background-color:#e1e1e1;
		margin-right: 1%;
		float: left;
		background-color:#f1f1f1;
		text-align: left;
		margin-top:4%;
	}
	.nth6_box:nth-child(2){
		background-color:#f6f6f6;
	}
	.nth6_box:last-child{
		margin-right: 0;
	}
	.nth6_box hr{
		width: 20px;
		margin: 5% 0;
		border: 0;
		border-bottom: 3px solid #302166;
	}
	.nth_box_title{
		font-size:20px;
		margin-bottom:5px;
		color:#111;
	}
	.nth_box_content{
		font-size:14px;
		color:#111;
	}
	.nth6_sec .wrap > hr{
		border: 0;
		border-bottom: 2px solid #111;
		margin: 4% 0;
	}
	.nth6_sec table{
		width: 100%;
		border: 0;
		border-collapse: collapse;
	}
	.nth6_sec table th{
		width: 5%;
		vertical-align: middle;
		padding:0.9%;
	}
	.nth6_sec table th img{
		width: 100%;
	}
	.nth6_sec table td{
		text-align:left;
		vertical-align: middle;
		line-height: 28px;
		font-size:11px;
	}
	.mapif{
		margin-top:4%;
		height: 300px;
	}
	.first_sec img{
		width: 80%;
	}
	/*6th E*/
}

@media all and (min-width: 768px) and (max-width: 1064px) {
	.mnone {
		display: none;
	}

	.only_m {
		display: none;
	}

	.first_sec {
		height: 800px;
		background-color: #302166;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#app {
		font-size: 50px;
		letter-spacing: 0.25em;
		text-transform: uppercase;
		color: #b28d6a;
	}

	.nth2_sec {
		padding: 5% 0;
		text-align: center;
	}

	.title {
		font-size: 35px;
		font-weight:bold;
	}

	.nth2_sec .title {
		color: #2c2562;
	}

	.content {
		font-size: 18px;
		line-height: 25px;
		margin-top: 3%;
	}

	.nth2_sec .content {
		color: #3e3a35;
	}

	[class^=four_box_] {
		float: left;
		width: 24.2%;
		height: 308px;
		margin: 5% 0 7%;
		margin-right: 1%;
		position: relative;
	}

	.four_box_1 {
		background-image: url(../image/nth2_pic_1.png);
	}

	.four_box_2 {
		background-image: url(../image/nth2_pic_2.png);
	}

	.four_box_3 {
		background-image: url(../image/nth2_pic_3.png);
	}

	.four_box_4 {
		background-image: url(../image/nth2_pic_4.png);
		margin-right: 0;
	}

	.four_title {
		position: absolute;
		bottom: 20px;
		width: 100%;
		font-size: 25px;
		color: #fff;
		font-family: 'Noto Serif', serif;
		font-weight: 100;
	}

	.btn {
		color: #3e3a35;
		border: 1px solid #3e3a35;
		background-color: #fff;
		font-size: 20px;
		font-family: 'Noto Serif', serif;
		font-weight: 100;
		padding: 10px 30px;
	}

	/*3th S*/
	.nth3_sec {
		padding: 5% 0;
		text-align: center;
		background-color: #291d66;
	}

	.nth3_sec .title {
		color: #fff;
		margin-bottom: 5%;
	}

	.left {
		width: 30%;
		margin: 0 auto 5%;
	}

	.left img {
		width: 100%;
	}

	.right {
		width: 100%;
		text-align: left;
		line-height: 35px;
		color: #fff;
	}
	.sub4 .right {
		width: 100%;
		text-align: left;
		line-height: 35px;
		color: #fff;
	}
	.right_img img {
		width: 100%;
		margin-top: 5%;
	}

	.sign_img {
		font-size: 22px;
		height: 58px;
		display: flex;
		align-items: center;
		margin-top: 5%;
	}

	.sign_img img {
		width: 25%;
		margin-left: 15px;
	}

	/*3th E*/
	/*4th S*/
	.nth4_sec {
		padding: 5% 0;
		text-align: center;
		background-image: url(../image/nth_4_bg.jpg);
	}

	.nth4_sec .title {
		color: #fff;
		margin-bottom: 2%;
	}

	.nth4_sec .content {
		margin-bottom: 2%;
	}

	.icon_box {
		float: left;
		width: 23.5%;
		background-color: rgba(255, 255, 255, 0.3);
		margin-right: 2%;
		margin-top: 2%;
		height: 200px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.icon_box hr {
		border: 0;
		border-bottom: 6px solid #302166;
		width: 47px;
		margin: 20px auto;
	}

	.icon_text {
		font-family: 'Noto Serif', serif;
		color: #ddd9d7;
		font-size: 20px;
		line-height: 24px;
	}

	.icon_box:nth-child(3) img {
		margin-top: 19px;
	}

	.icon_box img {
		width: 80%;
	}

	/*.icon_box:first-child {
		background-color: #302166;
	}

	.icon_box:first-child hr {
		border: 0;
		border-bottom: 6px solid #bb946b;
		width: 47px;
	}*/

	.icon_box:nth-child(4n) {
		margin-right: 0;
	}

	/*4th E*/
		/*5th s*/
	.nth5_sec {
		padding: 5% 0;
		text-align: center;
	}

	.nth5_sec .title {
		color: #302166;
	}
	.main_pic_5{
		width: 49.5%;
		float: left;
		margin-right: 1%;
		margin-bottom: 1%;
		position: relative;
	}
	.nth5_sec .over_hi{
		min-width: 98%;
		margin: 2% auto 0;
	}
	.main_pic_5:nth-child(2n){
		margin-right: 0;
	}
	.main_pic_5 img{
		width: 100%;
	}
	.main_pic_text_wrap{
		position: absolute;
		background-color: #302166;
		width: 100%;
		height: 150px;
		bottom: 0;
		z-index: 2;
		display: none;
	}
	.main_pic_text_wrap.on{
		display: block;
	}
	.main_pic_text {
		position: absolute;
		bottom:0;
		text-align: left;
		border-left:5px solid #bb946b;
		padding:0 5%;
		margin:7% 0 7% 5%;
	}
	.main_pic_title{
		font-size:30px;
		color:#fff;
	}
	.main_pic_content{
		font-size:20px;
		color:#fff;
		margin-top:5%;
	}
	.go_portfolio{
		float:left;
		width: 100%;
		background-color: #bb946b;
		padding: 3% 0;
	}
	.go_portfolio .title{
		color:#232323;
	}
	.go_portfolio button{
		background-color:rgba(255,255,255,0);
		border: 1px solid #232323;
		margin-top:2%;
		padding: 0.5% 2.5%;
		font-size:20px;
	}
	/*5th E*/
	/*6th E*/
	.nth6_sec {
		padding: 5% 0;
		text-align: center;
	}

	.nth6_sec .title {
		color: #302166;
	}
	.nth6_box{
		width: 28.6%;
		padding:4% 2%;
		background-color:#e1e1e1;
		margin-right: 1%;
		float: left;
		background-color:#f1f1f1;
		text-align: left;
		margin-top:4%;
	}
	.nth6_box:nth-child(2){
		background-color:#f6f6f6;
	}
	.nth6_box:last-child{
		margin-right: 0;
	}
	.nth6_box hr{
		width: 20px;
		margin: 10% 0;
		border: 0;
		border-bottom: 6px solid #302166;
	}
	.nth_box_title{
		font-size:24px;
		margin-bottom:8px;
		color:#111;
	}
	.nth_box_content{
		font-size:18px;
		color:#111;
	}
	.nth6_sec .wrap > hr{
		border: 0;
		border-bottom: 2px solid #111;
		margin: 4% 0;
	}
	.nth6_sec table{
		width: 100%;
		border: 0;
		border-collapse: collapse;
	}
	.nth6_sec table th{
		width: 5%;
		vertical-align: top;
		padding: 0.5% 0;
	}
	.nth6_sec table td{
		text-align:left;
		vertical-align: middle;
		line-height: 28px;
		font-size:18px;
	}
	.mapif{
		margin-top:4%;
	}
	/*6th E*/
}

@media all and (min-width: 1065px) {
	.pcnone {
		display: none;
	}

	.only_m {
		display: none;
	}

	.first_sec {
		height: 937px;
    background-color: #302166;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	}

	#app {
		font-size: 80px;
		letter-spacing: 0.25em;
		text-transform: uppercase;
		color: #b28d6a;
	}

	.nth2_sec {
		padding: 5% 0;
		text-align: center;
	}
	.sub4 .nth2_sec {
		padding:7% 0 2% 0;
		text-align: center;
	}

	.title {
		font-size: 35px;
		font-weight:bold;
	}

	.nth2_sec .title {
		color: #2c2562;
	}

	.content {
		font-size: 18px;
		line-height: 25px;
		margin-top: 3%;
	}

	.nth2_sec .content {
		color: #3e3a35;
	}

	[class^=four_box_] {
		float: left;
		width: 24.2%;
		height: 308px;
		margin: 5% 0 7%;
		margin-right: 1%;
		position: relative;
	}

	.four_box_1 {
		background-image: url(../image/nth2_pic_1.png);
	}

	.four_box_2 {
		background-image: url(../image/nth2_pic_2.png);
	}

	.four_box_3 {
		background-image: url(../image/nth2_pic_3.png);
	}

	.four_box_4 {
		background-image: url(../image/nth2_pic_4.png);
		margin-right: 0;
	}

	.four_title {
		position: absolute;
		bottom: 20px;
		width: 100%;
		font-size: 25px;
		color: #fff;
		font-family: 'Noto Serif', serif;
		font-weight: 100;
	}

	.btn {
		color: #3e3a35;
		border: 1px solid #3e3a35;
		background-color: #fff;
		font-size: 20px;
		font-family: 'Noto Serif', serif;
		font-weight: 100;
		padding: 10px 30px;
	}

	/*3th S*/
	.nth3_sec {
		padding: 5% 0 2.5% 0;
		text-align: center;
		background-color: #291d66;
	}

	.nth3_sec .title {
		color: #fff;
		margin-bottom: 5%;
	}

	.left {
		float: left;
		width: 28%;
	}

	.left img {
		width: 100%;
	}

	.right {
		float: right;
		width: 100%;
		text-align: center;
		line-height: 35px;
		color: #fff;
	}

	.right_img img {
		width: 70%;
		margin-top: 5%;
	}

	.sign_img {
		font-size: 22px;
		height: 58px;
		display: flex;
		align-items: center;
		margin-top: 5%;
	}

	.sign_img img {
		width: 25%;
		margin-left: 15px;
	}

	.sign_img2{
			max-width: 1200px;
			margin: 0 auto;
			width: 595px;
			margin-top:2%;
	}

	.sign_img2 ul {
		margin-top: 50px;
	}

	.sign_img2 li {
		display:table-cell;
		vertical-align:top;
	}
	.sign_img2 li:nth-child(1) {
		padding-right:10px;
	}
	/*3th E*/
	/*4th S*/
	.nth4_sec {
		padding: 5% 0;
		text-align: center;
		background-image: url(../image/nth_4_bg.jpg);
	}

	.nth4_sec .content {
		margin-bottom: 2%;
	}

	.nth4_sec .title {
		color: #fff;
		margin-bottom: 2%;
	}

	.icon_box {
		float: left;
		width: 23.5%;
		background-color: rgba(255, 255, 255, 0.3);
		margin-right: 2%;
		margin-top: 2%;
		height: 300px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.icon_box hr {
		border: 0;
		border-bottom: 6px solid #302166;
		width: 47px;
		margin: 20px auto;
	}
	.icon_text {
		font-family:'NotoSans';
		color: #ddd9d7;
		font-size: 20px;
		line-height: 24px;
	}

	.icon_box:nth-child(3) img {
		margin-top: 19px;
	}

	/* .icon_box.on {
		background-color: #302166;
	} */
	.icon_box:first-child hr {
		border: 0;
		border-bottom: 6px solid #302166;
		width: 47px;
	}
	/* .icon_box hr.on {
		border-bottom: 6px solid #bb946b;
	} */
	.icon_box:nth-child(4n) {
		margin-right: 0;
	}

	/*4th E*/
	/*5th s*/
	.nth5_sec {
		padding: 5% 0;
		text-align: center;
	}

	.nth5_sec .title {
		color: #302166;
	}
	.main_pic_5{
		width: 49.5%;
		float: left;
		margin-right: 1%;
		margin-bottom: 1%;
		position: relative;
	}
	.nth5_sec .over_hi{
		min-width: 1064px;
		max-width: 1400px;
		margin: 2% auto 0;
	}
	.main_pic_5:nth-child(2n){
		margin-right: 0;
	}
	.main_pic_5 img{
		width: 100%;
	}
	.main_pic_text_wrap{
		position: absolute;
		background-color: #302166;
		width: 100%;
		height: 170px;
		bottom: 0;
		z-index: 2;
		display: none;
	}
	.main_pic_text_wrap.on{
		display: block;
	}
	.main_pic_text{
		position: absolute;
		bottom:0;
		text-align: left;
		border-left:5px solid #bb946b;
		padding:0 5%;
		margin:7% 0 7% 5%;
	}
	.main_pic_title{
		font-size:30px;
		color:#fff;
	}
	.main_pic_content{
		font-size:20px;
		color:#fff;
		margin-top:5%;
	}
	.go_portfolio{
		float:left;
		width: 100%;
		background-color: #bb946b;
		padding: 3% 0;
	}
	.go_portfolio .title{
		color:#232323;
	}
	.go_portfolio button{
		background-color:rgba(255,255,255,0);
		border: 1px solid #232323;
		margin-top:2%;
		padding: 0.5% 2.5%;
		font-size:20px;
	}
	/*5th E*/
	/*6th E*/
	.nth6_sec {
		padding: 5% 0;
		text-align: center;
	}

	.nth6_sec .title {
		color: #302166;
	}
	.nth6_box{
		width: 28.6%;
		padding:4% 2%;
		background-color:#e1e1e1;
		margin-right: 1%;
		float: left;
		background-color:#f1f1f1;
		text-align: left;
		margin-top:4%;
	}
	.nth6_box:nth-child(2){
		background-color:#f6f6f6;
	}
	.nth6_box:last-child{
		margin-right: 0;
	}
	.nth6_box hr{
		width: 20px;
		margin: 10% 0;
		border: 0;
		border-bottom: 6px solid #302166;
	}
	.nth_box_title{
		font-size:30px;
		color:#111;
		margin-bottom:10px;
	}
	.nth_box_content{
		font-size:18px;
		color:#111;
	}
	.nth6_sec .wrap > hr{
		border: 0;
		border-bottom: 2px solid #111;
		margin: 4% 0;
	}
	.nth6_sec table{
		width: 100%;
		border: 0;
		border-collapse: collapse;
	}
	.nth6_sec table th{
		width: 5%;
		vertical-align: top;
		padding: 0.5% 0;
	}
	.nth6_sec table td{
		text-align:left;
		vertical-align: middle;
		line-height: 28px;
		font-size:16px;
		font-family:'Noto Sans';
		font-weight:400;
	}
	.mapif{
		margin-top:4%;
	}
	/*6th E*/

}