/* homepage start */

.wrap_mode01{padding: 1.8rem 0 11.4rem;}
.mode01{}

.index_01{overflow: hidden;}
.index_01 .top{padding: 0 28rem 3.3rem 10.5rem;align-items: flex-end;}
.index_01 .left{width: 64.6rem;}
.index_01 .summary{margin: 2.2rem 0 0;color: #828e95;}
.index_01 .more{width: 31.4rem;background: #fff;line-height: 4.8rem;border: .1rem solid #ebe1e9;border-radius: 5rem;padding-left: 3.1rem;position: relative;margin-bottom: .9rem;}
.index_01 .more .ico{position: absolute;width: 4.2rem;height: 4.2rem;background: #9a0000 url(../images/mode01_ico.png) no-repeat center/1.2rem auto;right: .5rem;top: .4rem;border-radius: 50%;}
.index_01 .gp-img{border-radius: 4.2rem;}

.index_01 .arrow{width: 5rem;height: 5rem;background: no-repeat center/2rem auto;display: inline-block;vertical-align: top;margin: 0 0 .1rem;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;border-radius: 50%;border: .1rem solid #fff;}
.index_01 .prev{left: 2rem;background-image: url(/en/images/prev.png);}
.index_01 .next{right: 2rem;background-image: url(/en/images/next.png);}
.index_01 .arrow:hover{background-color: #b1040e;}

.wrap_mode02{padding: 10.6rem 0 9rem;background: url(/en/images/mode02_bg2.png) no-repeat right bottom/81.2rem auto, url(/en/images/mode02_bg.png) no-repeat center/cover #9b704d;border-radius: 4rem;max-width: 192rem;margin: 0 auto;}
.mode02{}
.mode02 .lf{width: 62.8rem;margin: 0 0 0 -10.3rem;}
.mode02 .rt{width: 77.5rem;padding: 7rem 0 0;}

.index_02a{display: block;width: 100%;position: relative;}
.index_02a .gp-img{border-radius: 50%;}
.index_02a .text{position: absolute;left: 26rem;top: 43.6rem;z-index: 2;width: 79rem;max-width: initial;}

.index_02b{display: block;}
.index_02b .title{margin: 0 0 2.3rem;color: #fff;padding: 0 0 2.7rem;border-bottom: .1rem solid #fff;}
.index_02b .summary{margin: 0 0;color: rgba(255, 255, 255, .6);}

.wrap_mode03{padding: 8rem 0 8rem;background: url(/en/images/mode03_bg.png) no-repeat left -21rem/52.5rem auto;}
.mode03{}

.index_03a{display: flex;justify-content: center;position: relative;margin: 0 0 -0.7rem;}
.index_03a .title{margin: 0 0;line-height: 6.8rem;}
.index_03a .more{position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: block;width: 13.2rem;line-height: 5rem;text-align: center;color: #fff;background: #1c2226;border-radius: 5rem;}

.index_03b{position: relative;}
.index_03b::before{content: '';display: block;position: absolute;top: 0;left: 50%;transform: translateX(-50%);background: url(/en/images/mode03_top.png) no-repeat center/100% 100%;width: 43.4rem;height: 5rem;z-index: 100;}
.index_03b ul{margin: 5rem 6rem 0;}
.index_03b .item{margin: 0 3rem;position: relative;}

.index_03b li:first-child .gp-img{border-radius: 5rem 0 0 0;}
.index_03b li:nth-child(3) .gp-img{border-radius: 0 5rem 5rem 0;}

.index_03b .gp-img{padding-bottom: 100%;position: relative;}
.index_03b .gp-img::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, .77);opacity: 0;z-index: 2;}
.index_03b .gp-img::after{content: '';display: block;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%) rotate(90deg);background: url(/en/images/mode03_cover.png) no-repeat center/100% 100%;width: 34rem;height: 56rem;mix-blend-mode: overlay;opacity: 0;z-index: 3;}
.index_03b .item:hover .gp-img img{filter: blur(.5rem);}
.index_03b .item:hover .gp-img::before,.index_03b .item:hover .gp-img::after{opacity: 1;}
.index_03b .cover{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%); z-index: 10;width: 21rem;padding: 0 0 2.6rem;opacity: 0;}
.index_03b .gp-img_centered{width: 8rem;height: 7rem;margin: 0 auto 4rem;}
.index_03b .cover .title{margin: 0 0;color: #000;text-align: center;}
.index_03b .bottom{padding: 1rem 2rem 1rem 0;position: absolute;left: 0;bottom: 0;width: 81.5%;background: #fff;z-index: 2;border-radius: 0 10rem 10rem 0;opacity: 1;}
.index_03b .bottom::before{content: '';display: block;position: absolute;bottom: 100%;left: 0;width: 4rem;height: 4rem;background: url(/en/images/mode03_corner.png) no-repeat center/100% 100%;}
.index_03b .bottom .title{margin: 0 0;position: relative;z-index: 2;padding: 1.2rem 4rem;line-height: 1.5em;border-radius: .5rem 5rem 5rem .5rem;background: #9a0000;color: #fff;}
.index_03b .bottom .line{position: absolute;top: 50%;transform: translateY(-50%);left: 2.4rem;height: 10.5rem;border-left: .1rem solid #d5515f;}
.index_03b .bottom .line::before{content: '';display: block;position: absolute;left: 50%;top: 0;transform:translateX(-50%) translateY(-50%);width: .9rem;height: .9rem;border-radius: 50%;background: #d5515f;z-index: 2;}
.index_03b .item:hover .bottom{opacity: 0;}
.index_03b .item:hover .cover{opacity: 1;}

@media screen  and (max-width:1480px){
	


	
}
@media screen  and (max-width:996px){
	.index_01 .top{padding: 20px 30px 30px;}
	.index_01 .left{width: 100%;}
	.index_01 .summary{margin: 20px 0 30px;}
	.index_01 .more{width: 260px;max-width: 100%;line-height: 40px;}
	.index_01 .more .ico{right: 2px;top: 2px;width: 36px;height: 36px;background-size: 12px auto;}

	.wrap_mode02{padding: 7rem 0;}
	.mode02 .lf{width: 360px;margin: 0 0 30px;}
	.mode02 .rt{width: 100%;padding: 0;}

	.wrap_mode03{padding: 40px 0 50px;}
	.index_03b .bottom{width: 95%;}
	.index_03b .bottom .title{padding: 5px 12px;}
	.index_03b .cover{width: 100%;}
	.index_03b .cover .title{font-size: 16px;}

	.index_03b ul{margin: 4rem 2rem 0;}
	.index_03b .item{margin: 0 2rem;}

}
@media screen and (max-width:767px){
	.mode02 .lf{max-width: 70%;}
	.index_02a .text{width: 110%;top: 70%;left: 30%;}
	.index_02b .title{font-size: 24px;}

	.index_03b{padding: 20px 0 0;}
	.index_03b .item{margin-bottom: 20px;}
	.index_03b::before{display: none;}

}
@media screen and (max-width:413px){
	.index_01 .top{padding: 20px 0 30px;}
}