.header-sub{
	background-image:
	url(../images/header.png);
	height: 380px;
	width: 100vw;
	background-size: cover;
}

.fq-p{
	border: 1px solid #424e81;
	width: 80px;
	display: flex;
	padding: 0px 10px 0px;
}

.item{
	
}
.btn {
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px;
    background-color: #182247;
    color: #fff;
    font-size: 0.9em;
}
.txt-center{
	text-align: center;
}

.uline{
	padding-bottom: 1px;
	border-bottom: 1px solid;
	width: 260px;
	padding-bottom: 1px!important;
}


.header_wrap{
	width: 100%;
	z-index: 9999;
	position: absolute;
	top: 0;
}

.fq{
    width: 600px;
    margin: auto;
    text-align: justify;
    padding: 20px;
    border: 3px solid#424e81;
    margin-top: 0;
    margin-bottom: 50px;
}

.fq-title{
    width: 100%;
    text-align: right;
    border-bottom: 2px solid;
    font-size: 1.5em;
}
.fq-title p{
    width: 900px;
    text-align: left;
    margin: auto;
}

.box{
	min-height: 500px;
	margin-bottom: 300px;
}


@media screen and (max-width: 1000px) {
	.pc_none{
		display: block;
	}
		
	.sp_none{
		display: none;
	}
	.header_wrap{
		width: 100%;
		z-index: 9999;
		position: absolute;
		top: 0;
	}
	
	.fq{
	    width: 100%;
	    margin: auto;
	    text-align: justify;
	    padding: 10px;
	    border: 3px solid#424e81;
	    /* margin-top: 100px; */
	}
	
	.fq-title{
	    width: 100%;
	    text-align: right;
	    border-bottom: 2px solid;
	    font-size: 1.5em;
	}
	.fq-title p{
	    width: 900px;
	    text-align: left;
	    margin: auto;
	}
	.header_wrap-inner{
	
	}
	.header_wrap-inner img{
	   
	}
	.header_wrap-inner p{
	
	}
	.header-line{
		background-color: rgb(0 0 0 / 80%);
		height: 30px;
	}
	.header-1{
	     width: 100vw;
	}
	.header-2{
	    width: 810px;
	    margin: auto;
	}
	.header-3{
	    width: 761px;
	    margin: auto;
	}
	.header-4{
	   width: 710px;
	   margin: auto;
	}
	.header-5{
	    width: 660px;
	    margin: auto;
	}
	
	
	.swiper-container {
	    width: 100%;
	    margin: 0px 0;
	    padding: 45px 0;
	    margin-top: -40px;
	    overflow: hidden;
	    height: 600px;
	    /* background-color: red; */
	}
	
	.swiper-slide {
	    /* opacity: 0.4; */
	    overflow: hidden;
	    transition: .7s;
	}
	
	.swiper-slide img {
	    width: fit-content;
	    height: 100%;
	    position: absolute;
	    left: 0;
	    right: 0;
	    margin: auto;
	    left: 50%;
	    transform: translateX(-50%);
	}
	
	.swiper-slide-active {
	    opacity: 1;
	    z-index: 1;
	    //transform: scale(1.5); /* Ã£â€šÂ¹Ã£Æ’Â©Ã£â€šÂ¤Ã£Æ’â€°Ã£ÂÂ®Ã¥Â¤Â§Ã£ÂÂÃ£Ââ€¢Ã¨ÂªÂ¿Ã¦â€¢Â´ */
	}
	
	.box1{
		background-image:url(../images/img03.png);
		background-repeat: no-repeat;
		background-position: top;
		height: auto;
		margin-top: -45px;
		/* margin-bottom: 100px; */
		background-size: 0;
		background-color: #fff;
	}
	
	.box1-title{
	    width: 100%;
	    text-align: center;
	    margin: auto;
	    /* padding-top: 90px; */
	    padding-left: 0;
	    /* height: 90px; */
	    margin-top: 30px;
	}
	.box1-title img{
	    width: 40%;
	}
	.box1-subtitle2{
	    text-align: center;
	    margin-top: 80px;
	    font-size: 1.3em;
	    margin-bottom: 80px;
	}
	.box1-subtitle{
	    width: 100%;
	    text-align: right;
	    margin: auto;
	    padding-top: 20px;
	    padding-right: 100px;
	    position: relative;
	}
	.box1-subtitle img{
	    position: absolute;
	    right: 0;
	    top: 13px;
	}
	
	.purple{
		background-color: #c700eb;
		color:#fff;
	}
	.purple-inner{
	    text-align: justify;
	    padding: 30px;
	    font-size: 1.2em;
	}
	purple-inner p{}
	.title{
		font-size: 1.6em;
		padding: 20px 0;
	}
	
	.jirei{
	    display: flex;
	    margin-top: 100px;
	    justify-content: space-around;
	    align-items: center;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    margin-bottom: 50px;
	}
	.jirei-inner{
	    /* background-color: #fa7801; */
	    width: 310px;
	    padding: 2;
	}
	.jirei-inner>.title{
		font-size: 1.6em;
		padding: 5px 0;
		text-align: center;
	}
	
	.jirei-inner p{
	    text-align: justify;
	    padding: 20px;
	}
	.jirei-inner img{
	    width: 100%;
	    height: 300px;
	    object-fit: cover;
	}
	
	
	
	.box2{
		background-image:url(../images/img04.png);
		background-repeat: no-repeat;
		background-position: top;
		margin-top: 0;
		/* margin-bottom: 100px; */
		background-color: #fff;
		background-size: 0;
	}
	
	.box2-title{
	    width: 100%;
	    text-align: center;
	    padding-top: 0;
	}
	
	.box2-title img{
	    width: 60%;
	}
	
	.box2-subtitle{
	    width: 1000px;
	    text-align: left;
	    margin: auto;
	    padding-top: 20px;
	}
	
	.box2-subtitle2{
	    width: 800px;
	    text-align: justify;
	    margin: auto;
	    padding-top: 50px;
	    line-height: 1.5;
	    margin-top: 100;
	}
	
	
	.box2-subtitle img{}
	.box1-detail{
	    width: 780px;
	    margin: auto;
	    margin-top: 36px;
	    /* padding-bottom: 50px; */
	}
	.box2-detail{
	    width: 1000px;
	    margin: auto;
	    margin-top: 30px;
	    /* padding-bottom: 50px; */
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    align-content: center;
	    justify-content: flex-start;
	    align-items: center;
	    margin-bottom: 100px;
	}
	.box2-detail a{
		display: contents;
	}
	.box2-list{
	    height: 400px;
	    width: 290px;
	    background-color: #fff;
	    margin-bottom: 20px;
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-start;
	    flex-wrap: nowrap;
	    align-content: center;
	    align-items: center;
	    background-color: #eaeaea;
	    margin: 20px;
	}
	
	.box2-list img{
	    /* width: 220px; */
	    /* height: 220px; */
	}
	.box2-list-right{
	    padding-left: 15px;
	    display: flex;
	    flex-direction: column;
	    align-content: center;
	    align-items: flex-start;
	    justify-content: flex-start;
	    font-size: 0.95em;
	    padding-top: 15px;
	    padding-bottom: 15px;
	    position: relative;
	    /* width: 50%; */
	    text-align: left;
	}
	.box2-list-right-top{
	    color: #28272b;
	    line-height: 1.5;
	    margin-bottom: 10px;
	}
	.box2-list-right-bottom{
	    line-height: 1.4;
	    width: 98%;
	}
	.box2-list-right-link{
	    text-align: center;
	    width: 340px;
	    border: 1px solid #ff7800;
	    color: #c66200;
	    position: absolute;
	    bottom: 10px;
	    right: 21px;
	    padding: 0 10px;
	}
	
	.box2-list-left{
	    width: 100%;
	    height: 500px;
	    object-fit: cover;
	    overflow: hidden;
	}
	.box2-list-left img{
	    width: 100%;
	    height: fit-content;
	    object-fit: cover;
	}
	
	.box1-detailtitle{
	    font-size: 1.8em;
	    font-weight: 600;
	}
	.box1-text{
	    font-size: 1.1em;
	    font-weight: 400;
	}
	
	.jyoken-wrap{}
	.jyoken-inner{
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    align-content: center;
	    justify-content: center;
	    align-items: center;
	    width: 900px;
	    height: auto;
	    margin: auto;
	    margin-top: 50px;
	}
	.jyoken-btn{
		width: 200px;
		height: 200px;
		background-repeat: no-repeat;
		margin: 5px;
	}
	
	.jyoken1{
		background-image:url(../images/001.png);
		background-position: center center;
		
	}
	.jyoken2{
		background-image:url(../images/002.png);
		background-position: center center;
	}
	.jyoken3{
		background-image:url(../images/003.png);
		background-position: center center;
	}
	.jyoken4{
		background-image:url(../images/004.png);
		background-position: center center;
	}
	.jyoken5{
		background-image:url(../images/005.png);
		background-position: center center;
	}
	.jyoken6{
		background-image:url(../images/006.png);
		background-position: center center;
	}
	.jyoken7{
		background-image:url(../images/007.png);
		background-position: center center;
	}
	
	.jyoken1:hover{
		background-image:url(../images/001-2.png);
		cursor: hand;
	}
	.jyoken2:hover{
		background-image:url(../images/002-2.png);
		cursor: hand;
	}
	.jyoken3:hover{
		background-image:url(../images/003-2.png);
		cursor: hand;
	}
	.jyoken4:hover{
		background-image:url(../images/004-2.png);
		cursor: hand;
	}
	.jyoken5:hover{
		background-image:url(../images/005-2.png);
		cursor: hand;
	}
	.jyoken6:hover{
		background-image:url(../images/006-2.png);
		cursor: hand;
	}
	.jyoken7:hover{
		background-image:url(../images/007-2.png);
		cursor: hand;
	}
	
	.serch-title{
	    margin-top: -70px;
	    margin-left: 30vw;
	    width: 980px;
	    /* margin: auto; */
	    color: #fff;
	    font-size: 2em;
	    font-weight: 800;
	}
	.serch{
	    width: 540px;
	    margin: auto;
	    text-align: right;
	    margin-top: -20px;
	    text-decoration: underline;
	}
	.banner{
	    margin: auto;
	    width: 1000px;
	    text-align: center;
	    display: flex;
	    flex-direction: row;
	    align-content: center;
	    justify-content: space-between;
	    align-items: center;
	    margin-bottom: 100px;
	}
	
	.box2-listt-left{
	    padding: 0;
	    overflow: hidden;
	    width: 290px;
	    height: 290px;
	}
	.box2-listt-left img{
	    width: 100%;
	    /* margin-top: -7px; */
	    height: fit-content;
	    object-fit: cover;
	}
	.box2-listt-right{
	    text-align: left;
	    padding-top: 5px;
	    font-size: 1em;
	}
	.banner img{}
	
	.more{
	    text-align: center;
	    margin-top: 20px;
	}
	.more img{}
	.header-text{
		position: absolute;
		top: 0;
		color: #fff;
		z-index: 99999;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		text-align: center;
	}
	
	.header-title{
		position: absolute;
		top: 32px;
		color: #fff;
		z-index: 99999;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		text-align: center;
	}
	.header-title img{
		
	}
	.header-menu{
		position: absolute;
		top: 118px;
		color: #fff;
		z-index: 99999;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		text-align: center;
		display: flex;
		font-size: 0.9em;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
		height: 24px;
	}
	
	.header-menu p{
	    padding: 0 11px;
	}
	
	
	.header-menu p:hover{
	   border-bottom: 3px #c7852f solid;
	}
	
	
	
	
	.full{position: relative;}
	
	.h1{
		 font-size: 1.8em;
		 text-align: center;
		 margin: 30px;
	}
	.h2{
		font-size: 1.4em;
		text-align: left;
		margin: 30px 0px 30px;
		border-bottom: 1px solid;
		
	}
	.center{
		text-align: center;
	}
	.txt{
		line-height: 1.8em;
	}
	
	.wrap{
		width: 1000px;
		margin: auto;
	}
	.wrap-full-inner{
	    width: 100%;
	    margin: auto;
	    text-align: justify;
	    /* margin-bottom: 30px; */
	    margin-top: 50px;
	}
	
	.wrap-full{
	    /* padding-bottom: 50px; */
	    margin-bottom: 80px;
	    overflow: hidden;
	}
	
	.slick-slider
	{
	    margin-top: -30px;
	}
	.swiper-container {
	    width: 100%;
	    margin: 0px 0;
	    padding: 45px 0;
	    margin-top: -30px;
	    overflow: hidden;
	    height: 470px;
	    /* background-color: red; */
	}
	.swiper-slide img {
	    width: 100vw;
	    height: 162px;
	    object-fit: cover;
	}
	
	#header-right {
        margin-top: 0;
    }
    
    .header-sub{
	background-image:
	url(../images/headersp.png);
	height: 70vw;
	width: 100vw;
	background-size: cover;
	background-repeat: round;
	margin-top: 60px;
}

}

.swiper-pagination-progressbar{
	display: none!important;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
    display: none;
}
.red{
	color:red;
}
