.wrap_sub01a{padding: 18.6rem 0 6.7rem;background: url(../images/sub_01a_bg.png) no-repeat bottom center/cover;overflow: hidden;}
.sub01a{}
.sub_01a{background: url(../images/sub_01a_bg2.png) no-repeat bottom center/100%;width: 109.2rem;height: 68.6rem;margin: 0 auto;z-index: 2;position: relative;}
.sub_01a .top{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 37.73%;z-index: 5;} /* 41.2rem / 109.2rem */
.sub_01a .item{position: absolute;height: 24.49%;/*line-height: 16.8rem;*/padding-right: 13.64%;background: url(../images/sub_01a_ico1.png) no-repeat right center/auto 100%;cursor: pointer;display: flex;align-items: center;transition:all 0.3s ease-out;
			} /* height: 16.8rem / 68.6rem; padding-right: 14.9rem / 109.2rem */
.sub_01a .item p{margin: -5px 0 0;}
.sub_01a .item.ico1{left: 5.22%;top: 23.03%;} /* left: 5.7rem / 109.2rem; top: 15.8rem / 68.6rem */
.sub_01a .item.ico2{top: 23.9%;right: 4.12%;background-image: url(../images/sub_01a_ico2.png);padding: 0 0 0 13.28%;background-position: left center;} /* top: 16.4rem / 68.6rem; right: 4.5rem / 109.2rem; padding-left: 14.5rem / 109.2rem */
.sub_01a .item.ico3{top: 48.4%;right: calc(50% - 6.41%);background-image: url(../images/sub_01a_ico3.png);} /* top: 33.2rem / 68.6rem; right: 7rem / 109.2rem */
.sub_01a span{display: inline-block;vertical-align: top;}
.sub_01a .c_title-svg{position: absolute;left: 0;text-align: center;bottom: 17.93%;width: 100%;font-weight: bold; overflow: visible;pointer-events: none;} /* 12.3rem / 68.6rem */
.sub_01a .e_title-svg{position: absolute;left: 0;text-align: center;bottom: 10.93%;width: 100%; overflow: visible;pointer-events: none;} /* 7.5rem / 68.6rem */
.sub_01a .item:hover p{color:#c7000a;}
.sub_01a .item:hover{transform:translateY(-20px)}
/* .sub_01a .c_title{position: absolute;left: 0;text-align: center;top: 53.8rem;width: 100%;font-weight: bold;}
.sub_01a .e_title{position: absolute;left: 0;text-align: center;top: 59.6rem;width: 100%;} */
.sub_01a .more{display: block;background: #c7000a;padding: 0 4.5rem 0 2.5rem;position: absolute;left: 50%;transform: translateX(-50%);bottom: -2.4rem;border-radius: 5rem;color: #fff;line-height: 1.9em;height: 2em;}
.sub_01a .more::before{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 1.1rem;background: url(../images/mode02_more.png) no-repeat center/cover;width: 2.1rem;height: 2.1rem;}




.wrap_sub01b{padding: 4.7rem 0 1.9rem;}
.sub_01b{padding: .5rem 0;}
.sub_01b{line-height: 2;}

.wrap_sub01c{padding: 6rem 0 7.4rem;background: url(../images/sub_01c_bg.png) no-repeat left bottom/66rem;}
.sub01c{}

.sub_01c1{border-bottom: .2rem solid #f2f3f5;margin: 0 0 5rem;;}
.sub_01c1 ul{margin: 0 -2rem -0.2rem;flex-wrap: nowrap;padding: 7rem 0 0;overflow-x: auto;}
.sub_01c1 li{width: auto;flex-shrink: 1;}
.sub_01c1 .item{margin: 0 2rem;position: relative;padding: 0 0 2.6rem;}
.sub_01c1 .item::before{content: '';position: absolute;left: 50%;transform: translateX(-50%);height: .2rem;bottom: 0; width: 0;background: #c7000a;}
.sub_01c1 .img_box{max-width: 13.6rem;margin: 0 auto 1.4rem;position: relative;}
.sub_01c1 .img_box::before{content: '';background: url(../images/sub_01b_ico_b.png) no-repeat bottom center/100% auto;position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: -1;opacity: 0;}
.sub_01c1 .ico1{position: relative;top: 0;opacity: 0;}
.sub_01c1 .ico2{position: absolute;top: 0;opacity: 1;}
.sub_01c1 .title{font-weight: bold;white-space: nowrap;}
.sub_01c1 .img_box::before,.sub_01c1 .ico1,.sub_01c1 .item::before{transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_01c1 li.on .ico1{opacity: 1;top: -2.5rem;}
.sub_01c1 li.on .ico2{opacity: 0;}
.sub_01c1 li.on .img_box::before{bottom: -0.3rem;opacity: 1;}
.sub_01c1 li.on .item::before{width: 100%;}
.sub_01c1 li .img_box img{
  
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%); /* Chrome, Safari */
  -moz-filter: grayscale(100%);    /* Firefox */
  -ms-filter: grayscale(100%);    /* IE */
  -o-filter: grayscale(100%);     /* Opera */
  filter: gray;
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);opacity: 0.5;
}
.sub_01c1 li.on .img_box img {filter:none;
  -webkit-filter:none; /* Chrome, Safari */
  -moz-filter:none;    /* Firefox */
  -ms-filter:none;    /* IE */
  -o-filter:none;     /* Opera */
  filter: none;opacity: 1;}
.sub_01c2 li.off{display: none;}

.sub_01c2{}
.sub_01c2 ul{margin: 0 0;padding: 0 0;}
.sub_01c2 .item{margin: 0 0;border-radius: 1.6rem;background: #fbfcff url(../images/sub_01c_bg2.png) no-repeat right center/cover;box-shadow: 0rem 0rem .9rem 0rem rgba(154, 173, 202, 0.4);min-height: 45.3rem;align-items: center;padding: 7.4rem 23rem 8.4rem 12.2rem;}
.sub_01c2 .img_box{width: 32rem;order: 2;}
.sub_01c2 .summary{margin: 0 0;color: #787878;line-height: 2.4;width: calc(100% - 54rem);}

.wrap_sub01d{padding: 5rem 0 8.6rem;}
.sub01d{}

.sub_01d1{margin: 0 0 4.2rem;text-align: center;line-height: 1.8;color: #787878;padding: 1.8rem  0 0;}
.sub_01d1 p{margin-bottom: 1.2rem;}

.sub_01d2{position: relative;padding: 2.1rem 0 0;}
.sub_01d2 .summary{position: absolute;text-align: center;font-weight: bold;line-height: 1.5;left: 50%;transform: translateX(-50%);top: -1rem;width: 100%;z-index: -1;}
.sub_01d2 .summary span{color: #c7000a;font-size: 1.33em;}

.sub_01d2 .container{width: calc(100% - 51.1rem);overflow: hidden;margin: 0 auto;position: relative;z-index: -2;}
.sub_01d2 video{margin: -0.1rem;width: calc(100% + .2rem);display: block;object-fit: cover;mix-blend-mode: darken;}
.sub_01d2 .item{position: absolute;display: block;width: 26.6rem;color: #24252a;}
.sub_01d2 .item img{display: block;margin: 0 0 1.4rem;max-height: 4.6rem;}
.sub_01d2 .item:nth-child(1){left: 0;bottom: 66.5%;}
.sub_01d2 .item:nth-child(2){left: 8rem;top: 44%;}
.sub_01d2 .item:nth-child(3){right: 0;bottom: 66.5%;}
.sub_01d2 .item:nth-child(4){right: 2.6rem;top: 45.4%;}
.sub_01d2 .item:nth-child(5){left: 64rem;bottom: 0;background: rgba(255,255,255,0.65);border-radius: 1.5rem;padding: 2rem;}

.sub_01d2 .item h2{margin-bottom: 1rem;}








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

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

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

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

}
@media screen  and (max-width:992px){
	.wrap_sub01a{padding: 80px 0 40px;}
    .sub_01a{width: 100%;height: 0;padding-bottom: 62.82%;}

    .sub_01c2 .item{padding: 1.4rem 13rem 1.4rem 6.2rem;min-height: initial;}
    .sub_01c2 .summary{line-height: 1.8;width: calc(100% - 40rem);}
    
    .sub_01d2 .top{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .sub_01d2 .item{width: 48%;position: static;flex-shrink: 0;margin-bottom: 30px;}
    .sub_01d2 .bottom{position: relative;width: 100%;}
    .sub_01d2 .container{width: 80%;}
    
    

}
@media screen and (max-width: 767px){
    .sub_01a .e_title-svg,.sub_01a .c_title-svg{width: 720px;max-width: initial;left: 50%;transform: translateX(-50%);}
    .sub_01a .more{bottom: -30px;}

    .sub_01c2 .item{flex-direction: column;background: #fbfcff;padding: 1.4rem 6rem;}
    .sub_01c2 .img_box{width: 60%;margin: 0 auto 1.4rem;order: 0;}
    .sub_01c2 .summary{width: 100%;}

    .sub_01d2 .summary{position: relative;top: 0;}
    .sub_01d2 .container{width: 100%;margin: -40px 0 0;}


}
@media screen  and (max-width:639px){
	
}
@media screen and (max-width:480px){
	
}
@media screen and (max-width:413px){
    .sub_01a{width: 364px;padding-bottom: 225px;left: 50%;transform: translateX(-50%);}
/* 
    .sub_01a .item.ico1{left: 0;}
    .sub_01a .item.ico2{right: 0;} */

    .sub_01a .e_title-svg{}
    .sub_01a .c_title-svg{}

    .sub_01a .item{font-size: 0;}
    .sub_01a .item.ico1{left: 15%;}
    .sub_01a .item.ico2{right: 15%;}

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