.wrap_sub02a{padding: 19.5rem 0 6.7rem;background: url(../images/sub_02a_bg.png) no-repeat bottom center/cover;overflow: hidden;}
.sub02a{}
.sub_02a{background: url(../images/sub_02a_bg2.png) no-repeat bottom center/100%;width: 129rem;height: 68.6rem;margin: 0 auto;z-index: 2;position: relative;}
.sub_02a .item{position: absolute;height: 24.49%;padding-right: 11.28%;background: url(../images/sub_02a_ico1.png) no-repeat right center/auto 100%;cursor: pointer;display: flex;align-items: center;}
.sub_02a .item p{margin: -0.5rem 0 0;}
.sub_02a .item.ico1{left: 2.22%;top: 7.03%;}
.sub_02a .item.ico2{top: 1.9%;right: 4.12%;background-image: url(../images/sub_02a_ico2.png);padding: 0 0 0 11.28%;background-position: left center;}
.sub_02a .item.ico3{left: 2.22%;top: 52.03%;background-image: url(../images/sub_02a_ico3.png);padding: 0 11.28% 0 0;}
.sub_02a .item.ico4{top: 51.9%;right: 4.12%;background-image: url(../images/sub_02a_ico4.png);padding: 0 0 0 11.28%;background-position: left center;}

.sub_02a span{display: inline-block;vertical-align: top;}
.sub_02a .c_title-svg{position: absolute;text-align: center;bottom: 11.93%;width: 100%;font-weight: bold;overflow: visible;max-width: 110rem;left: 50%;transform: translateX(-50%);pointer-events: none;} /* 12.3rem / 68.6rem */
.sub_02a .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_02a .c_title{position: absolute;left: 0;text-align: center;top: 53.8rem;width: 100%;font-weight: bold;}
.sub_02a .e_title{position: absolute;left: 0;text-align: center;top: 59.6rem;width: 100%;} */
.sub_02a .more{display: block;background: #c7000a;padding: 0 4.5rem 0 2.5rem;position: absolute;left: 50%;transform: translateX(-50%);bottom: -1.4rem;border-radius: 5rem;color: #fff;line-height: 1.9em;height: 2em;}
.sub_02a .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_sub02b{padding: 8.3rem 0 1.9rem;}
.sub_02b{padding: 1.1rem 0 1.2rem;line-height: 2.25;}

.wrap_sub02c{padding: 6rem 0 7.4rem;position: relative;z-index: 2;}
.sub02c{}

.sub_02c{max-width: 141.7rem;margin: 0 auto;padding: 2.5rem 0 0;}
.sub_02c ul{margin: 0 0 -5.6rem -5.6rem;padding: 0 0;text-align: center;}
.sub_02c .item{margin: 0 0 5.6rem 5.6rem;padding: 4rem 5.6rem 6.5rem;box-shadow: 0rem 0rem .9rem 0rem rgba(154, 173, 202, 0.4);border-radius: 2.2rem;text-align: left;position: relative;background: #fff;}
.sub_02c .top{margin: 0 0 -0.3rem;align-items: center;justify-content: center;}
.sub_02c .gp-img_centered{width: 11rem;height: 11rem;margin: 0 0 0 -3rem;}
.sub_02c .title{margin: 0 0;font-weight: bold;line-height: 1.33;}
.sub_02c .summary{margin: 0 0;color: #787878;line-height: 2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.sub_02c .item:hover{background-image: -moz-linear-gradient( -126deg, rgb(24,147,255) 0%, rgb(107,211,255) 100%);
background-image: -webkit-linear-gradient( -126deg, rgb(24,147,255) 0%, rgb(107,211,255) 100%);background-image: -ms-linear-gradient( -126deg, rgb(24,147,255) 0%, rgb(107,211,255) 100%);color: #fff;}
.sub_02c .item:hover .summary{color: #fff;}


.wrap_sub02d{padding: 9.7rem 0 8.6rem;position: relative;z-index: 1;}
.sub02d{}

.sub_02d{width: 74.4rem;height: 74.4rem;margin: 0 auto;position: relative;background: url(../images/sub_02d_bg.gif) no-repeat center/cover;border-radius: 50%;padding: 7.5rem 0 0;}
.sub_02d::before{content: '';width: 139.8rem;height: 139.8rem;width: 185%;height: 185%;position: absolute;z-index: -1;background: url(../images/sub_02d_shadow.jpg) no-repeat center/cover;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);pointer-events: none;}
.sub_02d .center{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width: 20rem;height: 20rem;position: absolute;border-radius: 50%;overflow: hidden;}
.sub_02d .center::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:#c7000a;background: -webkit-linear-gradient(top, #c7000a , #8273fc);background: -o-linear-gradient(bottom, #c7000a, #8273fc);background: -moz-linear-gradient(bottom, #c7000a, #8273fc);background: linear-gradient(to bottom, #c7000a , #8273fc);border-radius: 50%;animation: rotate 30s linear infinite;}
.sub_02d .center::after{content: '';display: block;position: absolute;left: 1rem;top: 1rem;width: calc(100% - 2rem);height: calc(100% - 2rem);background: #fff url(../images/sub_02d_logo.png) no-repeat center/12rem;border-radius: 50%;}
@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

.sub_02d ul{margin: 0 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sub_02d li{position: absolute;width: auto;}
.sub_02d li:nth-child(1){left: 2.7rem;top: calc(50% - 16rem);}
.sub_02d li:nth-child(2){right: 2.7rem;top: calc(50% - 16rem);}
.sub_02d li:nth-child(3){left: 2.9rem;bottom: calc(50% - 15rem);}
.sub_02d li:nth-child(4){right: 2.6rem;bottom: calc(50% - 14.7rem);}
.sub_02d li:nth-child(5){left: 50%;transform: translateX(-50%);bottom: 10.6rem;}
.sub_02d .item{margin: 0 0;position: relative;}
.sub_02d .img_box{width: 8.5rem;height: 8.5rem;border-radius: 50%;position: relative;}
/* .sub_02d .img_box::before{content: '';display: block;position: absolute;border: .1rem solid #ecf2ff;border-radius: 50%;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width: 6rem;height: 6rem;z-index: 2;} */
.sub_02d .gp-img{overflow: visible;}
.sub_02d .title{margin: 0 2rem;position: absolute;top: 50%;transform: translateY(-50%);right: 100%;text-align: right;width: 36rem;transition: all 0.35s ease-out;}
.sub_02d .title h2{margin-bottom: 1rem;}
.sub_02d .summary{line-height: 1.8;color: #787878;display: none;}
.sub_02d li:nth-child(2) .title,.sub_02d li:nth-child(4) .title{left: 100%;right: auto;text-align: left;}
.sub_02d li:nth-child(5) .title{right: 50%;transform: translateX(50%);top: 100%;margin: 1rem 0 0;text-align: center;}

.wrap_sub02e{padding: 7.2rem 0 6rem;}
.sub02e{}

.sub_02e{max-width: 134.2rem;margin: 0 auto;}
.sub_02e > ul{margin: 0 0 -10rem -0.3rem;padding: 3.2rem 0 0;}
.sub_02e .item{margin: 0 0 10rem;border: .1rem solid #e9ecf1;}
.sub_02e .title{margin: 0 0;position: relative;line-height: 2em;padding: 4.2rem 4rem 3.8rem;background-image: -moz-linear-gradient( 0deg, rgb(34,104,240) 0%, rgb(207,223,255) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(34,104,240) 0%, rgb(207,223,255) 100%);background-image: -ms-linear-gradient( 0deg, rgb(34,104,240) 0%, rgb(207,223,255) 100%);color: #fff;font-weight: bold;}
.sub_02e .title::before{content: '';display: block;background: url(../images/sub_02e_bg.png) no-repeat center/cover;width: 20.2rem;height: 21.5rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.sub_02e .title::after{content: '';display: block;position: absolute;top: 50%;left: 2.8rem;width: .3rem;height: 2rem;background: #6797f5;margin: -0.6rem 0 0;}
.sub_02e li:nth-child(2) .title{background-image: -moz-linear-gradient( 0deg, rgb(240,136,34) 0%, rgb(255,239,207) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(240,136,34) 0%, rgb(255,239,207) 100%);background-image: -ms-linear-gradient( 0deg, rgb(240,136,34) 0%, rgb(255,239,207) 100%);}
.sub_02e li:nth-child(3) .title{background-image: -moz-linear-gradient( 0deg, rgb(48,182,124) 0%, rgb(194,245,222) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(48,182,124) 0%, rgb(194,245,222) 100%);background-image: -ms-linear-gradient( 0deg, rgb(48,182,124) 0%, rgb(194,245,222) 100%);}
.sub_02e li:nth-child(4) .title{background-image: -moz-linear-gradient( 0deg, rgb(121,54,245) 0%, rgb(230,215,255) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(121,54,245) 0%, rgb(230,215,255) 100%);background-image: -ms-linear-gradient( 0deg, rgb(121,54,245) 0%, rgb(230,215,255) 100%);}
.sub_02e li:nth-child(5) .title{background-image: -moz-linear-gradient( 0deg, rgb(255,103,96) 0%, rgb(255,196,182) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(255,103,96) 0%, rgb(255,196,182) 100%);background-image: -ms-linear-gradient( 0deg, rgb(255,103,96) 0%, rgb(255,196,182) 100%);}
.sub_02e li:nth-child(6) .title{background-image: -moz-linear-gradient( 0deg, rgb(0,136,231) 0%, rgb(184,237,255) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(0,136,231) 0%, rgb(184,237,255) 100%);background-image: -ms-linear-gradient( 0deg, rgb(0,136,231) 0%, rgb(184,237,255) 100%);}
.sub_02e li:nth-child(7) .title{background-image: -moz-linear-gradient( 0deg, rgb(255,141,77) 0%, rgb(255,227,191) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(255,141,77) 0%, rgb(255,227,191) 100%);background-image: -ms-linear-gradient( 0deg, rgb(255,141,77) 0%, rgb(255,227,191) 100%);}
.sub_02e li:nth-child(8) .title{background-image: -moz-linear-gradient( 0deg, rgb(50,219,208) 0%, rgb(206,255,241) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(50,219,208) 0%, rgb(206,255,241) 100%);background-image: -ms-linear-gradient( 0deg, rgb(50,219,208) 0%, rgb(206,255,241) 100%);}
.sub_02e li:nth-child(2) .title::before{background-image: url(../images/sub_02e_bg2.png);}
.sub_02e li:nth-child(3) .title::before{background-image: url(../images/sub_02e_bg3.png);}
.sub_02e li:nth-child(4) .title::before{background-image: url(../images/sub_02e_bg4.png);}
.sub_02e li:nth-child(5) .title::before{background-image: url(../images/sub_02e_bg5.png);}
.sub_02e li:nth-child(6) .title::before{background-image: url(../images/sub_02e_bg6.png);}
.sub_02e li:nth-child(7) .title::before{background-image: url(../images/sub_02e_bg7.png);}
.sub_02e li:nth-child(8) .title::before{background-image: url(../images/sub_02e_bg8.png);}
.sub_02e li:nth-child(2) .title::after{background: #f5ad67;}
.sub_02e li:nth-child(3) .title::after{background: #71cda5;}
.sub_02e li:nth-child(4) .title::after{background: #a375f8;}
.sub_02e li:nth-child(5) .title::after{background: #ffcfc2;}
.sub_02e li:nth-child(6) .title::after{background: #a0e6ff;}
.sub_02e li:nth-child(7) .title::after{background: #ffe3be;}
.sub_02e li:nth-child(8) .title::after{background: #cefff0;}

.sub_02e .bottom{padding: 0 0;align-items: center;position: relative;z-index: 2;}
.sub_02e .img_box{width: 65rem;order: 2;margin: -8.8rem 0 0;}
.sub_02e .summary{margin: 0 0 0;padding: 0 0 0;width: calc(100% - 68rem);padding: 4.2rem;color: #76778b;line-height: 2;padding-bottom: 6.2rem;overflow: visible;}
.tabTitle {width: calc(100% + 6rem);padding-bottom: 2.5rem;border-bottom: 1px solid #e9ecf1;margin-bottom: 2.5rem;}
.tabTitle li{width: auto;font-size: 1.8rem;padding: 7px 18px;background-color: #e9ecf1;line-height: 1;margin-right: 10px;margin-bottom: 14px;border-radius: 1.5rem;}
.tabTitle li.on{background-color: #f08924;color: #fff;}
.tabList{display: none;}
.tabList.on{display: block;}




@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_sub02a{padding: 80px 0 40px;}
    .sub_02a{width: 100%;height: 0;padding-bottom: 53.18%;}

    .sub_02c2 .item{padding: 1.4rem 13rem 1.4rem 6.2rem;min-height: initial;}
    .sub_02c2 .summary{line-height: 1.8;width: calc(100% - 40rem);}
    
    .sub_02d2 .top{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .sub_02d2 .item{width: 48%;position: static;flex-shrink: 0;margin-bottom: 30px;}
    .sub_02d2 .bottom{position: relative;width: 100%;}
    .sub_02d2 .container{width: 80%;}
    
    /* .sub_02a .item,.sub_02a .item.ico3{padding-right: 14%;} */
    /* .sub_02a .item.ico2,.sub_02a .item.ico4{padding: 0 0 0 14%;} */
    
    .wrap_sub02b{padding: 1.5rem 0 1.9rem;}
    .wrap_sub02c{padding: 2.5rem 0 3.4rem;}

    /* .sub_02d .title,.sub_02d li:nth-child(2) .title, .sub_02d li:nth-child(4) .title{right: 50%;transform: translateX(50%);top: 100%;margin: 1rem 0 0;left: auto;width: 7em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: wrap;font-size: 18px;} */
		.sub_02d ul{position: static;margin: 0 -2.4rem;width: auto;}
.sub_02d li{position: static !important;width: 50%;margin-bottom: 4.6rem;}
.sub_02d li > .item{background-color: #fff;margin: 0 2.4rem;box-shadow: 0rem 0rem .9rem 0rem rgba(154, 173, 202, 0.4);border-radius: 2.2rem;padding:4rem 2rem;}
.sub_02d{width: 100%;height: auto;background: none;}
.sub_02d .title{position: static;width: auto;text-align: left;transform: none;}
.sub_02d li:nth-child(5) .title{transform: none;text-align:left;}
.sub_02d li:nth-child(5){transform: none;width: 100%;text-align: center;}
.sub_02d li:nth-child(5) h2,.sub_02d li:nth-child(5) .summary{text-align: center;}
.sub_02c  li:last-child{width: 100%;text-align: center;}
.sub_02c li:last-child .summary{text-align: center;}
.sub_02c .title br{display: none;}
.sub_02c .top,.sub_02c .gp-img_centered{margin: 0;}
.sub_02d .img_box{margin: 0 auto 1rem;}
.wrap_sub02d,.wrap_sub02e{padding-top: 0;padding-bottom: 3rem;}
.sub_02d .sub_title{margin-bottom: 4rem;}
.sub_02d .summary{display: block !important;}
}
@media screen and (max-width: 767px){
    .sub_02a .e_title-svg,.sub_02a .c_title-svg{width: 720px;max-width: initial;left: 50%;transform: translateX(-50%);}
    .sub_02a .more{bottom: -30px;}

    .sub_02c ul{margin: 0 0 -3.6rem -5.6rem;}
    .sub_02c .item{margin: 0 0 3.6rem 5.6rem;padding: 2rem 3rem 3rem;}

    .sub_02c2 .item{flex-direction: column;background: #fbfcff;padding: 1.4rem 6rem;}
    .sub_02c2 .img_box{width: 60%;margin: 0 auto 1.4rem;order: 0;}
    .sub_02c2 .summary{width: 100%;}
    
    .sub_02d .center::after{background-size: cover;}
    .sub_02d2 .summary{position: relative;top: 0;}
    .sub_02d2 .container{width: 100%;margin: -40px 0 0;}

    /* .sub_02d{width: 80vw;height: 80vw;padding: 6.1vw 0 0;} */
    .sub_02d .title, .sub_02d li:nth-child(2) .title, .sub_02d li:nth-child(4) .title{font-size: 14px;}
    .sub_02d li:nth-child(5){bottom: 2rem;}
    .sub_02d .center{width: 22vw;height: 22vw;}

    /* .sub_02e .title{padding: 20px 24px 12px;} */
    .sub_02e .bottom{flex-direction: column;}
    .sub_02e .img_box{order: 0;margin: -25px 0 0;width: 100%;}
    .sub_02e .summary{width: 100%;padding: 2.5rem;}

    .sub_02e > ul{margin: 0 0 -5rem -0.3rem;padding: .4rem 0 0;}
    .sub_02e .item{margin: 0 0 5rem;}
.tabTitle{width: 100%;}
.sub_02d li{margin-bottom: 3.6rem;}
}
@media screen  and (max-width:639px){
	
}
@media screen and (max-width:480px){
	.sub_02d li{width: 100%;}
	.sub_02d .title h2,.sub_02d .summary,.sub_02c .summary{text-align: center;}
	.sub_02c .title{width: 100%;text-align: center;}
	.sub_02e{margin-bottom: 4rem;}
}
@media screen and (max-width:413px){
    .sub_02a{width: 364px;padding-bottom: 225px;left: 50%;transform: translateX(-50%);}
/* 
    .sub_02a .item.ico1{left: 0;}
    .sub_02a .item.ico2{right: 0;} */

    .sub_02a .e_title-svg{}
    .sub_02a .c_title-svg{}

    .sub_02a .item{font-size: 0;}
    .sub_02a .item.ico1,.sub_02a .item.ico3{left: 15%;}
    .sub_02a .item.ico2,.sub_02a .item.ico4{right: 15%;}

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