#balloon_wrapper {/*padding-top: 70px;*/padding-top: 0px;/*transition:all .1s;*/}
.pc-navi{background-color: #f2f2f2;width: 100%;height: 70px;z-index: 1000;border-top: solid 1px #c0c0c0;border-bottom: solid 1px #c0c0c0;box-sizing: border-box;background-image: url('/jp/philanthropy/mono/common/images/icon_navi_gradation.gif');background-position: center;background-size: contain;background-repeat: repeat-x;margin-top: 10px;}
.pc-navi ul.test1{width: 94%;max-width: 1240px;margin: 0 auto;display: flex;flex-flow: row wrap;}
.pc-navi ul.test1 li{height: 70px;position: relative;transition:all .5s;/*border-left: solid 1px #00bd09;border-right: solid 1px #00bd09;box-sizing: border-box;*/}
.pc-navi ul.test1 li:nth-child(1){width: 20%;}
.pc-navi ul.test1 li:nth-child(2){width: 16%;}
.pc-navi ul.test1 li:nth-child(3){width: 20%;}
.pc-navi ul.test1 li:nth-child(4){width: 11%;}
.pc-navi ul.test1 li:nth-child(5){width: 10%;}
.pc-navi ul.test1 li:nth-child(6){width: 16%;}
.pc-navi ul.test1 li:nth-child(7){width: 7%;pointer-events: none;}

.pc-navi ul.test1 li:nth-child(1) .navi_logo{width: 80%;position: absolute;top: 50%;left: 0%;transform: translate(0%, -50%);z-index: 200;}

@media screen and (max-width: 1280px) {
.pc-navi ul.test1 li:nth-child(1) .navi_logo{width: 14vw;}
.pc-navi ul.test1 li:nth-child(1){width: 18%;}
.pc-navi ul.test1 li:nth-child(2){width: 17%;}
.pc-navi ul.test1 li:nth-child(3){width: 21%;}
.pc-navi ul.test1 li:nth-child(4){width: 12%;}
.pc-navi ul.test1 li:nth-child(5){width: 11%;}
.pc-navi ul.test1 li:nth-child(6){width: 17%;}
.pc-navi ul.test1 li:nth-child(7){width: 4%;}
}

.pc-navi.aaa ul.test1{max-width: 1080px;}
.pc-navi.aaa ul.test1 li:nth-child(1){width: 17%;}
.pc-navi.aaa ul.test1 li:nth-child(2){width: 18%;}
.pc-navi.aaa ul.test1 li:nth-child(3){width: 22%;}
.pc-navi.aaa ul.test1 li:nth-child(4){width: 13%;}
.pc-navi.aaa ul.test1 li:nth-child(5){width: 12%;}
.pc-navi.aaa ul.test1 li:nth-child(6){width: 18%;}
.pc-navi.aaa ul.test1 li:nth-child(1) .navi_logo {width: 100px;}

.pc-navi ul.test1 li p{font-size: 14px;line-height: 1.8;margin: 0;padding: 0;color: #444;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;position: absolute;top: 50%;left: 0%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);width: 100%;text-align: center;}
.pc-navi ul.test1 li p::after{width: 10px;height: 10px;content: "";display: inline-block;background-image: url('/jp/philanthropy/mono/common/images/icon_navi_arrow.png');background-position: center;background-size: contain;position: absolute;top: 50%;right: 2%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);}

.pc-navi ul.test1 li a{position:absolute;top:0;left:0;width:100%; height:100%;}
.pc-navi ul.test1 li:hover {transition:all .5s;}	
.pc-navi ul.test1 li p {opacity: 1.0;transition:all .5s;}
.pc-navi ul.test1 li:hover p {opacity: 0.5;transition:all .5s;}
.pc-navi ul.test1 li::after {width: 100%;height: 5px;content: "";background-color: #be1a20;position: absolute;bottom: 2px;left: 49.4%;border-radius: 3px 3px 0 0;opacity: 0;transition:all .5s;transform: translateX(-50%);}
.pc-navi ul.test1 li:nth-child(2)::after{width: 68%;}
.pc-navi ul.test1 li:nth-child(3)::after{width: 76%;}
.pc-navi ul.test1 li:nth-child(4)::after{width: 60%;}
.pc-navi ul.test1 li:nth-child(5)::after{width: 60%;}
.pc-navi ul.test1 li:nth-child(6)::after{width: 68%;}
.pc-navi ul.test1 li:hover::after {opacity: 1;transition:all .5s;}
.pc-navi ul.test1 li.active::after {opacity: 1;transition:all .5s;}

.pc-navi ul.test1 li:nth-child(1) p::after{display: none;}
.pc-navi ul.test1 li:nth-child(1)::after{opacity: 0 !important;}

.navi-btn02 ul.sub-menu {width: 120%;margin: 0;position: absolute;top: 70px;display: none;z-index: 1001;background-color: rgba(255,255,255,0.9);border-radius: 0px 0px 10px 10px;box-sizing: border-box;overflow: hidden;box-shadow: 0px 5px 8px 0px rgba(10,10,10,0.1);}
.navi-btn02 ul.sub-menu li {width: 100% !important;margin: 0;padding: 15px 0;border-bottom: solid 1px #CCC;position: relative;height: auto;}
.navi-btn02 ul.sub-menu li:first-child {padding-top: 15px;}
.navi-btn02 ul.sub-menu li:last-child {border-bottom: none;}
.navi-btn02 ul.sub-menu li:hover {background-color: #f0f0f0;mix-blend-mode: multiply;}
.navi-btn02 ul.sub-menu li.active {background-color: #f0f0f0;mix-blend-mode: multiply;}
.navi-btn02 ul.sub-menu li p {font-size: 13px;line-height: 1.4;margin: 0;padding: 0 8%;color: #666;position: relative;top: auto;left: auto;transform: translateY(0%) translateX(0%);-webkit- transform: translateY(0%) translateX(0%);text-align: left;box-sizing: border-box;}
.navi-btn02 ul.sub-menu li .nav-arrow{width: 8px;position: absolute;top: 50%;right: 8%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);}

.pankuzu{width: 100%;background-color: #f0f0f0;box-sizing: border-box;}
.pankuzu ul{width: 94%;max-width: 1200px;margin: 0 auto;text-align: left;/*display: flex;flex-flow: row wrap;justify-content: flex-start;*/}	
.pankuzu ul li{/*width: 100%;*/font-size: 13px;line-height: 3.2;margin: 0;padding: 0 40px 0 0;color: #333;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;position: relative;display: inline-block;}	
.pankuzu ul li::after{content: "";display: inline-block;width: 8px;height: 13px;background-image: url('/jp/sports/balloon/images/arrow_navi.png');background-position: center;background-size: contain;position: absolute;top: 51%;right: 15px;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);opacity: 0.5;}
.pankuzu ul li:last-child::after{background-image: none;}
.pankuzu ul li a{text-decoration: underline;text-underline-offset: 5px;}	


.fat-nav,.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{/*-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s*/}

.hamburger{display:none;width:50px;height:50px;position:fixed;top: 32vw;right:50%;z-index:9980;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation;transform: translateY(0%) translateX(540px);-webkit- transform: translateY(0%) translateX(540px);}

.hamburger__icon{position:relative;}
/*
.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{display:block;width:50px;height:50px;background-image: url('/jp/philanthropy/mono/common/images/sp_btn_off.png');background-position: center;background-size: contain;background-repeat: no-repeat;transition-duration:.4s;}
*/
.hamburger__icon{display:block;width:50px;height:50px;/*background-color:#222;*/background-image: url('/jp/philanthropy/mono/common/images/sp_btn_off.png');background-position: center;background-size: contain;background-repeat: no-repeat;transition-duration:.4s;}
.hamburger.active .hamburger__icon{background-image: url('/jp/philanthropy/mono/common/images/sp_btn_on.png');transition-duration:.4s;}
/*
.hamburger__icon:after,.hamburger__icon:before{position:absolute;content:""}
.hamburger__icon:before{top:-14px}
.hamburger__icon:after{top:14px}
*/
.hamburger.active .hamburger__icon{background-color:transparent}
.hamburger.active .hamburger__icon:after,.hamburger.active .hamburger__icon:before{background-color:#222}
.hamburger.active .hamburger__icon:before{-moz-transform:translateY(14px)rotate(45deg);-ms-transform:translateY(14px)rotate(45deg);-webkit-transform:translateY(14px)rotate(45deg);transform:translateY(14px)rotate(45deg)}
.hamburger.active .hamburger__icon:after{-moz-transform:translateY(-14px)rotate(-45deg);-ms-transform:translateY(-14px)rotate(-45deg);-webkit-transform:translateY(-14px)rotate(-45deg);transform:translateY(-14px)rotate(-45deg)}

.fat-nav{top: -800px;right:50%;z-index:200;position:fixed;display:none;width:620px;/*background:rgba(255,255,255,1.0);*/background-color: #f4f4f4; transform: translateY(0%) translateX(580px);-webkit- transform: translateY(0%) translateX(580px);transition: all .6s;box-shadow: 0px 0px 12px -4px #777777;border-radius: 0px 0px 8px 8px;}
.fat-nav.active{top: 120px;/*-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);*/transition: all .6s;}
.fat-nav.active.HN{top: 0px;}

.fat-nav__wrapper{width: 100%;height: 100%;/*display: table;table-layout: fixed;*//*padding-top: 100px;padding-bottom: 50px;*/padding: 100px 30px 50px 30px;box-sizing: border-box;display: flex;flex-flow: row wrap;justify-content: space-between;}
.fat-nav ul{width: 48%;/*display:table-cell;vertical-align:middle;*/margin:0;padding:0;}
.fat-nav ul li{list-style-type:none;text-align:left;padding: 12px 0px 12px 1.4%;font-size: 14px;width: 100%;/*max-width: 350px;*/margin: 0 auto;border-top: solid 1px #666;box-sizing: border-box;position: relative;font-weight: 400;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;transition: all .3s;}
.fat-nav ul li:last-child{border-bottom: solid 1px #555;}
.fat-nav ul li.second{;width: 100%;padding:0;}
.fat-nav ul li.second ul{width: 90%;margin:0;padding: 0;float: right;}
.fat-nav ul li.second ul li{width: 100%;margin:0;padding: 12px 3%;border-top: solid 1px #666;position: relative;}
.fat-nav ul li.second ul li:first-child{border-top: none;}
.fat-nav ul li.second ul li:last-child{border-bottom: none;}
.fat-nav ul li a{position:absolute;top:0;left:0;width:100%;height:100%;}

.fat-nav ul li:hover {background-color: #f0f0f0;transition: all .3s;}
.fat-nav ul li.second:hover {background-color: #fff;transition: all .3s;}
.fat-nav ul li.second ul li:hover{background-color: #f0f0f0;transition: all .3s;}
.fat-nav ul li.non:hover {background-color: #fff;transition: all .3s;}

.fat-nav ul li .nav-arrow{width: 10px;position: absolute;top: 50%;right: 3%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);}
.fat-nav ul li .hsc{width: 212px;}


.fat-nav li,.fat-nav li a{color:#555}
.fat-nav li a{text-decoration:none}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {display: block;}

/*.hamburger{position:absolut;top:150px;}*/

@media screen and (max-width: 1200px) {
.hamburger{left: 5%;transform: translateY(0%) translateX(0px);-webkit- transform: translateY(0%) translateX(0px);}
.fat-nav{right:2%;transform: translateY(0%) translateX(0px);-webkit- transform: translateY(0%) translateX(0px);}
}

@media screen and (max-width: 1080px) {
.pc-navi ul.test1 li:nth-child(1) .navi_logo{width: 92%;}
.pc-navi ul.test1 li p {font-size: 1.3vw;}
.pc-navi ul.test1 li:nth-child(1){width: 16%;}
.pc-navi ul.test1 li:nth-child(2){width: 18%;}
.pc-navi ul.test1 li:nth-child(3){width: 23%;}
.pc-navi ul.test1 li:nth-child(4){width: 13%;}
.pc-navi ul.test1 li:nth-child(5){width: 12%;}
.pc-navi ul.test1 li:nth-child(6){width: 18%;}
.pc-navi ul.test1 li:nth-child(7){width: 0%;}
.pc-navi ul.test1 li p::after{width: 0.8vw;height: 0.8vw;}
}

@media screen and (max-width: 1049px) {
.pc-navi ul.test1 li p{font-size: 1.3vw;}
}

@media screen and (max-width: 768px) {
#balloon_wrapper {padding-top: 0px;}
.fat-nav__wrapper {height: 100% !important;transform: translateY(-0%) !important;padding: 22vw 5vw 10vw 5vw;}
	
.pankuzu{padding: 0 3%;overflow: scroll;box-sizing: border-box;}
.pankuzu ul {width: 100%;}
.pankuzu ul li{font-size: 3vw;line-height: 3.2;margin: 0;padding: 0 40px 0 0;}
	
.hamburger{display: block;z-index: 297;transition: all .3s;}
.hamburger.active{transition: all .3s;}
	
.fat-nav{top: -800px;right:0%;width:100%;transform: translateY(0%) translateX(0%);-webkit- transform: translateY(0%) translateX(0%);box-shadow: 0px 0px 0px 0px #777777;border-radius: 0px;}
.fat-nav.active{top: 65px;z-index: 291;}
.fat-nav.margin-top_tab.active{top: 0px;}
.fat-nav.margin-top_tab.active .fat-nav__wrapper {padding-top: 4vw;}
.fat-nav.margin-top.active{top: 0px;}
.fat-nav.margin-top.active .fat-nav__wrapper {padding-top: 14vw;}
	
.fat-nav ul{width: 100%;height: 100vh;}
.fat-nav ul li{padding: 4vw;font-size:3.6vw;width: 100%;}
.fat-nav ul li:nth-child(1){width: 56%;margin: 0 auto 2vw auto;border-top: none;} 
.fat-nav ul li.second{width: 88%;border-bottom: none !important;}
.fat-nav ul li.second ul{width: 90%;}
.fat-nav ul li .hsc{width: 68%;}
/*.fat-nav__wrapper{padding-top: 130px;}*/
/*
.hamburger.pos_tab{transition: all .3s;}
.hamburger.pos_tab.active{top:32vw!important;transition: all .3s;}
.hamburger.pos{transition: all .3s;}
.hamburger.pos.active{top:40vw!important;transition: all .3s;}
*/
.l-content202410 .hsc_navi .l-container {z-index: 301;border-bottom: solid 1px #999;}

.fat-nav ul li p::after {width: 10px;height: 10px;content: "";display: inline-block;background-image: url('/jp/philanthropy/mono/common/images/icon_navi_arrow.png');background-position: center;background-size: contain;position: absolute;top: 50%;right: 2%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);}
}

@media screen and (max-width: 428px) {
.fat-nav ul li:nth-child(1){width: 74%;} 
.hamburger{top: 40vw;}
}