/*mainvisual*/
#top_main{width: 100%;background:#1a1a1a;height: 100%;position: relative;}
.top_main_inner{width: 100%;height: 100%; background: url(../img/top/top_main_bg.webp)no-repeat;background-size: cover;/*background-position: left bottom;*/}

/*report01*/
#top_report{position: relative;}
#top_report:before{content:"";position: absolute;top: 100px;right:30px;width:44px;height: 562px;background:url(../img/common/side_info_green.svg)no-repeat;background-size: 100%;}
.top_cont_block{margin: 0 auto;padding:100px 0 50px;}
.top_inner{max-width: 900px;margin:0 auto;}
.top_cont_ttl_block{display: flex; position: relative;}
.top_cont_ttl{width: 60%;position: relative;}
.top_cont_ttl_left{border-left:dashed 1px;padding:0 0 0 20px;}
.top_cont_ttl_top{display: inline-flex;align-items: flex-end;border-bottom:dashed 1px;padding:0 0 10px;}
.top_cont_ttl_top > span{font-size: 150px;font-weight: 900;color:#e63178;line-height: .8;}
.top_cont_ttl_main{padding:20px 0;font-size: 105px; font-weight: 900;border-bottom:dashed 1px;line-height: 1.2;}
.top_cont_ttl_main > span{display: block; font-size: 50px;}
.top_cont_ttl p{padding:20px 0 0;}
.top_cont_ttl_img_right{position: absolute;bottom:0;right: -15%;z-index: -1;}
.report_list{padding:40px 0;display: flex;gap:30px;flex-wrap: wrap;position: relative;z-index: 1;}
.report_list:before{content:"";position: absolute;top: -10%;right:0;width:324px;height: 326px;background:url(../img/top/circle_dot_black.webp)no-repeat;background-size: 100%;z-index: -1;}
.report_list > li{width: calc((100% - 30px)/2);}
.report_thum{position: relative;display: block;}
.icon_new{width:60px;height: 60px;background:#00ff00; position: absolute;top:-30px;right: 0;display: grid;place-items: center;border-radius: 50%;}
.report_thum > img{border:solid 2px #fff;border-radius: 10px;width: 100%; height:268px;box-shadow: 5px 5px rgba(26, 26, 26);object-fit: cover;}
.report_list h3{padding: 10px 0 0; font-size: 20px;font-weight: 700;}
.link_btn_block{text-align: center;}
#top_report .link_btn_block{position: relative;z-index: 2;}
.link_btn{display: inline-flex;gap:0 10px;padding:5px 10px;align-items: center;background:#00ff00;border:solid 1px;margin:0 0 10px;}
.link_btn > span{font-size: 30px;font-weight: 900;border-right:solid 1px;padding:0 10px 0 0;}
#top_report:after{content:"";position: absolute;bottom: 100px;left:30px;width:44px;height: 122px;background:url(../img/common/side_barcode_green.svg)no-repeat;background-size: 100%;}
@media(max-width: 980px) {
#top_report:before,#top_report:after{display: none;}
.top_inner{padding:0 20px;}
/*.top_cont_ttl_top > span{font-size: 15vw;}*/
.top_cont_ttl_img_right{width:70%;right: 0;top:0;bottom: auto;}
}
@media(max-width: 768px) {
    .top_cont_ttl_block{flex-wrap: wrap;gap:20px 0;}
    .top_cont_ttl_block{flex-direction: column-reverse;}
    .top_cont_ttl{width: 100%;}
    .top_cont_ttl_img_right{position: static;right:auto;top:auto;text-align: center;margin: 0 auto;}
    .top_cont_ttl_top{display: flex;}
}
@media(max-width: 480px) {
    .top_cont_ttl_top{display: none;}
    .top_cont_ttl_top > span{font-size: 100px;}
    .top_cont_ttl_left .top_cont_ttl_top > span{padding:0 10px 0 0;}
    .top_cont_ttl_right .top_cont_ttl_top > span{padding:0 0 0 10px;}
    .top_cont_ttl_main{font-size: 20vw;}
    .top_cont_ttl_main > span{font-size: 30px;}
    .report_list:before{background-size: 70%;background-position:bottom right;top:-7%;}
    .report_list > li{width: 100%;}
    .icon_new{width:80px;height:80px;}
    .link_btn > span{font-size: 23px;}
}

/*technic02*/
#top_technic{position: relative;}
.top_technic_wrap{position: relative;}
.top_technic_wrap:before{content:"";position: absolute;top: 100px;right:30px;width:20px;height: 418px;background:url(../img/common/side_info_txt_pink.svg)no-repeat;background-size: 100%;z-index: 1;}
.top_cont_block.bg_green{background:#d1da46;}
.bg_green_bd{width: 90%;margin: 0 auto; border:dashed;border-width: 1px 0 0 0;}
#top_technic:before{content:"";position: absolute;top: 30%;left:0;width: 100%;height: 1134px;background:url(../img/top/technic_center.webp)no-repeat;background-size: cover;z-index:1;}
.top_cont_block_technic{position: relative;}
.top_cont_block_technic:before{content:"";position: absolute;top: -5%;right:0;width:403px;height: 744px;background:url(../img/top/technic_top_arrow.webp)no-repeat;background-size: 100%;/*z-index: 1;*/}
.top_cont_ttl_right{border-right:dashed 1px;padding:0 20px 0 0;margin: 0 0 0 auto;z-index: 1;}
#top_technic .top_inner{position: relative;}
#top_technic .top_cont_ttl_main{font-size: 50px;text-align: right;}
.top_cont_ttl_img_left{position: absolute;top:0;left: -15%;}
/*.youtube_list{padding:100px 0;display: flex;gap:30px;flex-wrap: wrap;position: relative;z-index: 1;}
.youtube_list > li{width: calc((100% - 60px)/3);}
.youtube_thum{display: block;height: 175px; background:#1a1a1a; border-radius: 10px;}
.youtube_list h3{font-size: 23px;font-weight: 900;}
.youtube_list p{font-size: 13px;font-weight: 900;}*/
    .youtube_list{padding:40px 0;display:flex;flex-wrap:wrap;gap:30px;position: relative;z-index: 1;}
    .youtube_list > li{width:calc((100% - 30px)/2);}
    .youtube_item{position: relative;width: 100%;padding: 56.25% 0 0; /* 16:9のアスペクト比 */
    height: 0;}
    .youtube_item iframe{position: absolute;top: 0;left: 0;width: 100%; height: 100%;}
    .youtube_ttl{padding:10px 0 0;font-size: 18px;font-weight: 600;}
.youtube_list:before{content:"";position: absolute;bottom: 0;left:-25%;width:539px;height: 537px;background:url(../img/top/technic_left_diamond.webp)no-repeat;background-size: 100%;z-index: -1;}
.youtube_list:after{content:"";position: absolute;bottom: -10%;right:-10%;width:326px;height: 328px;background:url(../img/top/circle_dot_white.webp)no-repeat;background-size: 100%;z-index: -1;}
.link_btn_block_youtube{position: relative;z-index: 1;}
#top_technic:after{content:"";position: absolute;bottom: -5%;right:0;width: 541px;height:583px;background:url(../img/top/technic_bottom_star.webp)no-repeat;background-size: 100%;}
.bg_green_bd_icon{max-width: 900px;margin: 0 auto;position: relative;}
.bg_green_bd_icon:after{content:"";position: absolute;bottom: -17px;left:-16px;width: 33px;height:34px;background:url(../img/top/border_icon.svg)no-repeat;background-size: 100%;z-index: 1;}
@media(max-width: 980px) {
    .top_technic_wrap:before{display: none;}
    .top_cont_ttl_img_left{width:70%;left: 0;}
    .top_cont_ttl_right .top_cont_ttl_top{justify-content: flex-end;}
}
@media(max-width: 768px) {
    .top_cont_ttl_img_left{position: static;left:auto;top:auto;text-align: center;margin: 0 auto;}
    #top_technic:before{background-position: center;top:40%;}
    /*#top_technic:before{bottom:0;top:auto;}*/
    #top_technic:after{display:none;}
}
@media(max-width: 480px) {
    .top_cont_block_technic:before{background-size: 70%;background-position: right;}
    #top_technic .top_cont_ttl_main{font-size: 35px;}
        .youtube_list > li{width:100%;}
    .youtube_list:before{display: none;}
    .youtube_list:after{bottom: 0;right:-20px;background-size: 70%;background-position: right;}
}

/*staff03*/
#top_staff{position: relative;}
#top_staff:before{content:"";position: absolute;top: 100px;right:30px;width:44px;height: 562px;background:url(../img/common/side_info_pink.svg)no-repeat;background-size: 100%;}
.staff_img{padding:50px 0;}
.staff_img img{border-radius: 10px;vertical-align: top;}
.staff_img_block_01{display: flex;align-items: flex-start;}
.staff_img_01{position: relative;}
.staff_img_01:before{content:"";width: 100%;height: 100%;position: absolute;top:0;left: 0; background:#d1da46;mix-blend-mode:overlay;border-radius: 10px;}
.staff_txt_01{position: absolute;bottom: -110px;left: 20px;}
.staff_txt_01 p{font-size: 70px;font-weight: 900;line-height: .9;padding:0 0 10px;}
.staff_img_02{margin: 70px 0 0 -96px;}
.staff_img_block_02{display: flex;justify-content: space-between;margin:-30px 0 0;}
.staff_img_03{position: relative;z-index: 2;}
.staff_img_03:before{content:"";width: 100%;height: 100%;position: absolute;top:0;left: 0; background:#d1da46;mix-blend-mode:overlay;border-radius: 10px;}
.staff_img_03 p{position: absolute;top:10px;right:10px;font-size: 17px;color: #fff;}
.staff_img_block_02_right{display: flex;flex-direction: column; justify-content: space-between;position: relative;z-index: 1;}
.staff_img_block_02_right:before{content:"";position: absolute;bottom: 0;right:-20%;width:120%;height: 100%;background:url(../img/top/thunder_illust.svg)no-repeat;background-size: contain;background-position: bottom; z-index: -1;}
.staff_img_04{margin:0 0 35px;position: relative;}
.staff_img_04:before{content:"";width: 100%;height: 100%;position: absolute;top:0;left: 0; background:#d1da46;mix-blend-mode:overlay;border-radius: 10px;}
.staff_txt_02 p{font-size: 67px;font-weight: 900;line-height: .9;padding:0 0 20px;}
.staff_contact_copy{position: relative;z-index: 1;}
#top_staff:after{content:"";position: absolute;bottom: 100px;left:30px;width:44px;height: 122px;background:url(../img/common/side_barcode_pink.svg)no-repeat;background-size: 100%;}
@media(max-width: 980px) {
    #top_staff:before,#top_staff:after{display: none;}
    .staff_txt_01 p{font-size: 8vw;}
    .staff_img_block_02{padding:10px 0 0;align-items: flex-start;gap:0 35px;}
    .staff_txt_02 p{padding:10px 0 0;font-size: 7vw;}
}
@media(max-width: 480px) {
    .staff_txt_01{bottom:-50%;}
    .staff_img_block_02{gap:0 20px;}
    .staff_img_block_02_right:before{right:0;}
    .staff_img_03 p{font-size: 12px;top:5px;right:5px;}
    .staff_img_04{margin:0 0 20px}
}

/*item05*/
#top_item{margin:80px 0 30px;position: relative;z-index: 1;}
#top_item:before{content:"";position: absolute;top:-100px;left:50%;transform: translateX(-50%); width:232px;height: 175px;background:url(../img/top/pro_choice_arrow.svg)no-repeat;background-size: contain;z-index: 2;}
.top_item_wrap{position: relative;}
.top_item_wrap:before{content:"";position: absolute;top: 100px;right:30px;width:44px;height: 562px;background:url(../img/common/side_info_pink.svg)no-repeat;background-size: 100%;z-index: 2;}
.top_cont_block_item{position: relative;z-index: 1;}
#top_item .top_cont_ttl_img_right{top:0; bottom: auto;}
.cap_img_item{padding:70px 0 30px; display: flex;align-items: center;justify-content: center;}
.cap_img{margin:0 0 0 -30px;}
.cap_img:last-child{position: relative;}
.cap_img .icon_new{top:-55px;z-index: -1;}
#top_item .link_btn_block{position: relative;z-index: 1;}
.top_item_wrap:after{content:"";position: absolute;bottom: 100px;left:30px;width:44px;height: 122px;background:url(../img/common/side_barcode_pink.svg)no-repeat;background-size: 100%;z-index: 1;}
@media(max-width: 980px) {
    .top_item_wrap:before,.top_item_wrap:after{display: none;}
    .cap_img_item{padding:50px 20px 30px;}
}
@media(max-width: 480px) {
    #top_item:before{background-size:50%;background-position: center;}
}

/*wise06*/
#top_wise{position: relative;z-index: 1;}
#top_wise:before{content:"";position: absolute;top:-170px;left:0; width:399px;height: 214px;background:url(../img/top/wise_top_arrow.webp)no-repeat;background-size: contain;z-index: 2;}
.wise_cont_ttl{position: relative;text-align: center;}
.wise_cont_ttl_txt{position: absolute;left: 0;bottom: 0;text-align: left;}
.wise_cont_ttl_txt h2{font-size: 24px;font-weight: 900;line-height: 1;padding:0 0 10px;}
.wise_cont_ttl_txt p{font-size: 12px;font-weight: 900;}
#top_wise:after{content:"";position: absolute;top:50%;left:50%;transform: translate(-50%,-50%); width:100%;height: 100%;background:url(../img/top/wise_bg.webp)no-repeat;z-index: -1;}
.wise_member{padding: 50px 0; display: flex;justify-content: space-between;position: relative;}
.wise_member li{padding:0 15px;border:dashed;border-width:0 1px 0 0;}
.wise_member li:first-child{padding:0 15px 0 0;}
.wise_member li:last-child{padding:0 0 0 15px;border-width:0;}
.wise_member:after{content:"";width: 100%;height: 15%;position: absolute;bottom:35px;left: 0; background:#e63178;mix-blend-mode:soft-light;}
.wise_link_block{text-align: center;}
.wise_link_item{display: flex;justify-content: center;gap:0 20px;padding:0 20px 20px;}
.link_btn_wise{width:215px;height:55px; display: grid;place-items: center;font-size: 30px;font-weight: 900;color:#fff;background:#e63178;border:solid 1px #1a1a1a;}
@media(max-width: 480px) {
    #top_wise:before {width: 159px;height:85px;top: -13%;}
    .wise_member li{padding:0 5px;}
    .wise_member li:first-child{padding:0 5px 0 0;}
    .wise_member li:last-child{padding:0 0 0 5px;}
    .wise_link_item{gap:0 10px;}
    .link_btn_wise{width:calc((100% - 20px)/3);height:auto;padding:5px 0; font-size: 16px;}
}